:root{color:#183f49;font-synthesis:none;--ink:#163f4b;--muted:#587276;--accent:#177c89;--biogeo:#238f96;--sulfur:#d6a94a;--mineral:#3f777c;--panel:#f7fffff1;--paper:#f5fdf9;--line:#416d7548;background:#e8f2f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#e5f0ef;margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #36a7b3}header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4fffced;align-items:center;gap:15px;height:72px;padding:0 28px;display:flex;position:relative}.brand{text-align:left;margin-right:auto}.brand b,.brand span{display:block}.brand b{letter-spacing:.21em}.brand span,header>button,header strong,.collection-home{color:var(--ink);letter-spacing:.14em;white-space:nowrap;font-size:9px}header>button[aria-pressed=true]{color:var(--accent)}.collection-home{border:1px solid;align-items:center;min-height:30px;padding:7px 9px;text-decoration:none;display:inline-flex}.landing{background-position:50%;background-size:cover;min-height:100vh;position:relative}.landing:before{content:"";background:linear-gradient(90deg,#f4fffbfa 0 40%,#eefcf9e2 52%,#c8edf06b 70%,#ffffff0d 100%),linear-gradient(#f3ffff33,#72c4cf32);position:absolute;inset:72px 0 0}.hero{max-width:1580px;padding:4.4vh 5.7vw;position:relative}.hero p,article p,.lab p,.decision p,.drawer p{color:var(--accent);letter-spacing:.19em;font-size:10px}.hero h1{max-width:1150px;color:var(--ink);letter-spacing:-.035em;text-shadow:0 5px 28px #f5ffff;margin:18px 0;font:600 clamp(50px,7vw,100px)/.88 Georgia,Times New Roman,serif}.hero h2{color:#536963;max-width:1080px;font:italic 400 clamp(21px,2.35vw,36px)/1.18 Georgia,Times New Roman,serif}.thesis{color:#4c625d;max-width:1110px;margin:19px 0;font:17px/1.5 Georgia,Times New Roman,serif}.modes{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1130px;display:grid}.modes button{border:1px solid var(--line);text-align:left;background:#f5fffceb;min-height:94px;padding:18px;transition:transform .18s,background .18s;box-shadow:0 14px 44px #1c5d6524}.modes button:hover{background:#fbffff;transform:translateY(-2px)}.modes b,.modes span{display:block}.modes b{letter-spacing:.13em}.modes span{color:#5a6d68;margin-top:8px;font-size:12px;line-height:1.4}.stage{background:#d4e8e8;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.09)contrast(.96)saturate(1.01);background-position:50%;background-size:cover;animation:.7s both scene-in;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#f2ffff1a,#0000 65%,#215a6230 100%),linear-gradient(90deg,#e8ffff42,#0000 67%),repeating-linear-gradient(0deg,#0000 0 63px,#6b827a08 64px),repeating-linear-gradient(90deg,#0000 0 63px,#6b827a08 64px);position:absolute;inset:0}article{z-index:7;border-left:3px solid var(--accent);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(980px,72vw);max-height:78%;padding:20px 23px;position:absolute;bottom:4vh;left:4.5vw;overflow:auto;box-shadow:0 20px 60px #173f4836}article h2{margin:8px 0 11px;font:41px/1.08 Georgia,Times New Roman,serif}article>span{font:17px/1.5 Georgia,Times New Roman,serif;display:block}.epistemic-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px;display:grid}.epistemic-grid small{color:#596964;background:#eaf5f3df;min-height:62px;margin:0;padding:9px 10px;line-height:1.45;display:block}.epistemic-grid small b{color:var(--accent);letter-spacing:.11em;margin-bottom:4px;font-size:8px;display:block}article>small{color:#586964;margin-top:10px;line-height:1.5;display:block}article>small b{color:var(--accent)}.choice-feedback>span{margin-top:5px;display:block}.choice-feedback i{color:var(--accent);letter-spacing:.08em;font-size:8px;font-style:normal}.system-line{border-top:1px solid var(--line);padding-top:8px}.lab,.decision{z-index:24;border:1px solid var(--line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#f5fffdf2;width:min(670px,100vw - 390px);max-height:calc(100% - 6vh);padding:22px;position:absolute;top:3vh;left:3vw;overflow:auto;box-shadow:0 24px 78px #173e4740}.lab h3,.decision h3{margin:6px 0 10px;font:32px/1.08 Georgia,Times New Roman,serif}.lab>small,.decision>small{color:#5d6d68;line-height:1.55;display:block}.condition-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0;display:grid}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:14px 0;display:grid}.route-grid button{border:1px solid var(--line);text-align:left;background:#eaf4f2;grid-template-columns:28px 1fr;align-items:center;min-height:42px;padding:7px 9px;display:grid}.route-grid button i{color:var(--accent);font-size:9px;font-style:normal;font-weight:700}.route-grid button span{letter-spacing:.04em;font-size:8px;line-height:1.25}.route-grid button.active{background:var(--accent);color:#fff}.route-grid button.active i{color:#dffbff}.condition-grid button{border:1px solid var(--line);text-align:left;background:#eaf4f2;min-height:86px;padding:11px}.condition-grid i,.condition-grid b,.condition-grid span{display:block}.condition-grid i{color:var(--accent);letter-spacing:.11em;font-size:8px;font-style:normal}.condition-grid b{margin:6px 0;font:14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.condition-grid span{color:#68746f;font-size:9px;line-height:1.35}.energy-field{border:1px solid var(--line);background:linear-gradient(165deg,#e4f2ed,#b6d8d6 47%,#6ca0a7);height:128px;position:relative;overflow:hidden}.energy-field:before,.energy-field:after{content:"";position:absolute}.energy-field:before{opacity:.65;background-color:#0000;background-image:radial-gradient(circle at 20% 38%,#f3debd 0 3px,#0000 4px),radial-gradient(circle at 33% 64%,#684d46 0 4px,#0000 5px),radial-gradient(circle at 62% 30%,#f2d7aa 0 3px,#0000 4px),radial-gradient(circle at 74% 68%,#63473f 0 4px,#0000 5px),radial-gradient(circle at 86% 38%,#f1d3a5 0 3px,#0000 4px);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:54px 47px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;inset:0}.energy-boundary{border:2px dashed #3c7379;border-radius:48% 42% 38% 55%;height:61%;position:absolute;bottom:15%;left:7%;right:8%}.organic-pulse{background:#67c3c8;border-radius:50%;height:17px;position:absolute;box-shadow:0 0 20px #87d9dc}.pulse-one{width:25%;top:31%;left:21%}.pulse-two{width:29%;top:59%;left:55%}.chemical-front{background:#2b909a;width:7px;height:77%;position:absolute;top:-8%;left:50%;transform:rotate(7deg)}.microbe-points{opacity:.72;border:1px solid #fff2cf;border-radius:50%;width:8px;height:8px;position:absolute;top:23%;left:68%;box-shadow:12px 18px 0 -1px #e6d2a4,-7px 28px 0 -2px #e6d2a4,17px 41px 0 -2px #e6d2a4}.energy-field[data-source=SURFACE\ PARTICLES] .chemical-front{opacity:.18}.energy-field[data-source=VENT\ CHEMISTRY] .chemical-front,.energy-field[data-source=SEEP\ CHEMISTRY] .chemical-front{opacity:.9;width:12px}.energy-field[data-source=WHALE\ FALL] .organic-pulse{height:25px}.energy-field[data-source=SEEP\ CHEMISTRY] .chemical-front{height:54%;top:36%}.readout{grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0;display:grid}.readout>span{background:#e4f2ef;min-height:78px;padding:10px}.readout i,.readout b{display:block}.readout i{color:var(--accent);letter-spacing:.09em;font-size:7px;font-style:normal}.readout b{margin-top:7px;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.keep{color:#176672;letter-spacing:.1em;background:#d9eff0;border:1px solid #2d879080;width:100%;margin-top:10px;padding:12px;font-size:9px}.log-card{border-left:3px solid var(--accent);background:#e2f2f0;gap:5px;margin-top:12px;padding:14px;display:grid}.log-card strong{font:20px/1.2 Georgia,Times New Roman,serif}.log-card span{color:#52645f;font-size:11px;line-height:1.4}.log-card i{color:var(--accent);letter-spacing:.09em;font-size:8px;font-style:normal}.decision button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 0;display:flex}.decision button:hover{color:var(--accent)}.state-rail{z-index:9;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1fffce5;grid-template-columns:repeat(2,minmax(124px,1fr));width:min(420px,32vw);display:grid;position:absolute;top:18px;right:18px}.state-rail span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:55px;padding:9px 11px}.state-rail span:nth-child(2n){border-right:0}.state-rail span:nth-last-child(-n+2){border-bottom:0}.state-rail i,.state-rail b{display:block}.state-rail i{letter-spacing:.08em;font-size:7px;font-style:normal}.state-rail b{color:#35545a;margin-top:5px;font:600 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.drawer{z-index:20000;width:min(690px,100vw);color:var(--ink);background:#f4fffb;padding:36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #3f4b5366}.drawer>button{float:right;font-size:30px}.drawer h2{font:37px/1.1 Georgia,Times New Roman,serif}.drawer a{color:#176875;border-bottom:1px solid #917a6566;padding:14px 0;text-decoration:none;display:block}.drawer a>small,.drawer a>b,.drawer a>span{display:block}.drawer a>small{color:#58716a;letter-spacing:.11em;margin-bottom:4px;font-size:8px}.drawer a>span{color:#53645f;margin-top:6px;font-size:11px;line-height:1.4}.drawer a i{color:var(--accent);letter-spacing:.09em;font-size:8px;font-style:normal}.drawer-boundary{background:#e2f2ef;margin-top:24px;padding:14px;line-height:1.65;display:block}nav{z-index:60;background:#edf7f5;align-items:center;gap:8px;height:60px;padding:0 18px;display:flex;position:relative;overflow:auto}nav>div{flex:1;gap:3px;min-width:max-content;display:flex}nav button{border:1px solid var(--line);min-width:31px;min-height:32px;font-size:8px}nav button.active{background:var(--accent);color:#fff}.trace{z-index:70;color:#225b64;letter-spacing:.08em;background:#e8faf7ed;max-width:66vw;max-height:132px;padding:10px;font-size:8px;line-height:1.45;position:fixed;bottom:62px;right:12px;overflow:auto}.trace strong,.trace span{display:block}.trace strong{margin-bottom:5px}.trace span+span{border-top:1px solid var(--line);margin-top:5px;padding-top:5px}.trace b,.trace i{color:var(--accent);font-style:normal}@keyframes scene-in{0%{opacity:.58;transform:scale(1.014)}to{opacity:1;transform:none}}@media (width<=960px){header{gap:9px;padding:0 14px}header strong{display:none}article{width:min(920px,87vw)}.lab,.decision{width:min(650px,100vw - 90px)}.state-rail{width:33vw}}@media (width<=760px){header{gap:7px;height:64px;padding:0 9px;overflow-x:auto}.landing:before{background:linear-gradient(#f3fffaf5 0 62%,#cce9eb91 82%,#ffffff14);inset:64px 0 0}.hero{padding:3.5vh 5vw}.hero h1{font-size:42px}.hero h2{font-size:19px}.modes{grid-template-columns:1fr}.modes button{min-height:76px}.stage{height:calc(100vh - 124px)}article{width:92vw;max-height:70%;padding:15px;bottom:2.5vh;left:4vw}article h2{font-size:30px}article>span{font-size:15px}.epistemic-grid{grid-template-columns:1fr}.epistemic-grid small{min-height:auto}.lab,.decision{width:92vw;max-height:77%;padding:15px;top:auto;bottom:2.5vh;left:4vw}.state-rail{display:none}.readout{grid-template-columns:repeat(2,1fr)}nav{padding:0 6px}.trace{display:none}.collection-home{padding:6px;font-size:8px}}@media (width<=500px){.hero h1{font-size:36px}.brand span,header>button,.collection-home{font-size:7px}.condition-grid,.route-grid{grid-template-columns:1fr}.condition-grid button{min-height:68px}.drawer{padding:25px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.rex-system-field{z-index:80!important}.rex-system-field .rex-system-metrics{display:none}:root{--premium-accent:#6de6df;--premium-phase:0;--premium-choice-depth:0}.premium-skip{z-index:40;color:#111;letter-spacing:.09em;background:#fff;border-radius:.25rem;padding:.72rem 1rem;font:700 .72rem/1 system-ui;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-220%)}.premium-skip:focus{transform:none}.premium-live{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.premium-stage{isolation:isolate}.premium-stage>.scene{z-index:0}.premium-field{z-index:1;pointer-events:none;opacity:calc(.18 + var(--premium-choice-depth)*.025);background:radial-gradient(circle at 50% calc(12% + var(--premium-phase)*70%),#6de6df7a 0 1px,transparent 3px),repeating-linear-gradient(180deg,transparent 0 54px,#5db2de1f 55px 57px,transparent 58px 112px);mix-blend-mode:screen;background-size:150% 150%,180% 180%;animation:16s ease-in-out infinite alternate premium-ocean;position:absolute;inset:-10%}.premium-stage>article,.premium-stage>.decision,.premium-stage>.lab,.premium-stage>.state-rail,.premium-stage>.premium-transcript{z-index:3}.premium-transcript{z-index:12;border:1px solid color-mix(in srgb,var(--premium-accent) 52%,transparent);background:color-mix(in srgb,#071018 90%,var(--premium-accent) 10%);color:#f7f4ec;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(36rem,100% - 2rem);position:absolute;bottom:clamp(5.5rem,12vh,8rem);right:clamp(1rem,3vw,3rem);box-shadow:0 18px 50px #00000038}.premium-transcript summary{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;padding:.72rem 1rem;font:700 .67rem/1.2 system-ui}.premium-transcript p{color:#e4e0d7;margin:0;padding:0 1rem 1rem;font:400 .83rem/1.58 system-ui}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid var(--premium-accent)!important}@keyframes premium-ocean{0%{background-position:0 20%,20% 0;transform:translate(-1.5%,1%)}to{background-position:100% 70%,80% 100%;transform:translate(2.5%,-1.5%)}}@media (width<=760px){.premium-field{opacity:.2;inset:-5%}.premium-transcript{width:calc(100% - 2rem);max-height:34vh;margin:1rem;position:relative;bottom:auto;right:auto;overflow:auto}.premium-transcript[open]{max-height:48vh}}@media (prefers-reduced-motion:reduce){.premium-field{animation:none!important;transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}