@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101513;--surface:#171d1a;--ink:#edece2;--muted:#8b9890;--line:#303a34;--mint:#b5ddc4;--amber:#d7b17d;--mono:'DM Mono',monospace;--sans:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;background-image:radial-gradient(ellipse at 75% 0%,#27362b55,transparent 40%)}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button{transition:background .2s,color .2s,border-color .2s,transform .2s}button:active{transform:translateY(1px)}header{height:100px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:700;letter-spacing:2.1px}.brand-icon{height:38px;width:38px;color:var(--mint)}.brand-light{font-weight:400;color:var(--mint)}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:7px}nav{display:flex;gap:34px;color:var(--muted);font-size:12px}nav a:hover{color:var(--mint)}.header-actions{display:flex;align-items:center;gap:26px}.network{font-family:var(--mono);font-size:10px;color:var(--muted)}.network i,.live-dot,.autosave i{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--mint);margin-right:9px;box-shadow:0 0 9px #b5ddc430}.network-id{color:#5b6e60}.language-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px;gap:2px}.language-switch button{border:0;background:none;color:var(--muted);height:28px;min-width:35px;border-radius:3px;font-size:10px;font-family:var(--mono)}.language-switch button[aria-pressed=true]{background:var(--mint);color:var(--bg)}main{max-width:1600px;margin:auto;padding:0 5%}.intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 0 45px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:9px}.line-mark{height:1px;width:28px;background:var(--mint)}h1{position:relative;font-weight:500;font-size:clamp(48px,4.8vw,78px);line-height:1.18;letter-spacing:-2.6px;margin:25px 0 19px;display:inline-block}.serif-title{font-family:Georgia,"Songti SC","Noto Serif SC",serif;color:var(--mint);font-weight:400}h1 sup{position:absolute;font-family:Georgia,serif;font-size:24px;top:12px;right:-55px;color:var(--mint);font-weight:400}.intro p{max-width:385px;color:var(--muted);font-size:12px;line-height:1.9;letter-spacing:.3px}.continuity-art{width:340px;margin-right:5%;opacity:.9;flex-shrink:0}.continuity-art svg{display:block;width:100%}.art-caption{font-family:var(--mono);font-size:8px;display:flex;justify-content:space-between;color:#778b7d;margin-top:5px;letter-spacing:.6px}.lab-section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:17px}.section-number{font-family:var(--mono);font-size:9px;color:var(--mint);margin-right:10px}.mono{font-family:var(--mono)}.dim{color:var(--muted);font-size:9px}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.habitat-panel,.life-panel,.surface{border:1px solid var(--line);border-radius:12px;background:var(--surface)}.habitat-panel{overflow:hidden;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-size:11px;border-bottom:1px solid var(--line)}.panel-heading>div:first-child{display:flex;align-items:center}.time-readout{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:9px}.time-readout .mono{font-size:12px;color:var(--ink);letter-spacing:1px}.canvas-wrap{position:relative;flex:1;aspect-ratio:1000/650;min-height:350px;background:#101a16}#habitat{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:crosshair}.dish-label{position:absolute;top:24px;left:25px;pointer-events:none;color:#91a497;font-family:var(--mono);font-size:9px;letter-spacing:2px}.dish-label small{display:block;margin-top:6px;font-family:var(--sans);font-size:8px;letter-spacing:1px;color:#5f7968}.dish-coordinates{position:absolute;top:24px;right:25px;color:#66816e;font-family:var(--mono);font-size:9px;line-height:1.8;pointer-events:none}.dish-hint{position:absolute;bottom:23px;left:25px;display:flex;gap:10px;align-items:center;color:#8da495;font-size:9px;pointer-events:none}.hint-cross{font-size:21px;color:var(--mint);font-weight:300}.scale{position:absolute;bottom:23px;right:25px;font-family:var(--mono);font-size:8px;text-align:right;color:#7d9483;pointer-events:none}.scale div{width:56px;height:5px;border:1px solid #809f88;border-top:0;margin:7px 0 6px auto}.scale small{font-size:7px;color:#5f7968}.habitat-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 23px;border-top:1px solid var(--line)}.behavior-pill{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--mint)}.signal-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.habitat-footer>div{display:flex;gap:22px;align-items:center}.text-button{border:0;background:none;padding:7px 0;font-size:10px;color:var(--muted);white-space:nowrap}.text-button:hover{color:var(--mint)}.pause-button{min-width:75px;border:1px solid #425448;border-radius:5px;background:none;color:var(--mint);padding:9px 13px;font-size:10px}.pause-button:hover{background:#26352d}.life-panel{padding:24px;display:flex;flex-direction:column}.specimen-heading{display:flex;align-items:center;justify-content:space-between}.specimen-tag{font-family:var(--mono);font-size:9px;color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:3px}.name-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:23px}h2{font-weight:500;font-size:32px;letter-spacing:-1px;margin:0}.alive-tag{font-size:9px;color:var(--mint)}.identity{font-size:9px;color:#728478;margin:11px 0 27px}.vitals>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:var(--muted)}.vitals strong{font-family:var(--mono);font-size:20px;color:var(--mint);font-weight:400}.energy-track{height:5px;border-radius:3px;overflow:hidden;background:#2f3e33;margin-top:13px}.energy-track div{height:100%;background:var(--mint);box-shadow:0 0 16px #b5ddc466;transition:width .4s}.energy-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:7px;color:#546d5c;margin-top:7px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 24px;gap:0}.stats>div{padding:14px 0;display:flex;flex-direction:column;gap:8px}.stats>div:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line);padding-top:0;padding-bottom:18px}.stats>div:nth-child(n+3){padding-bottom:0;padding-top:18px}.stats span{font-size:10px;color:var(--muted)}.stats strong{font-family:var(--mono);font-size:28px;font-weight:400;letter-spacing:-1px}.stats small{font-size:8px;color:#5d7264}.neural-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;font-size:10px;color:var(--muted)}.neural-heading .mono{font-size:8px;color:#718d79}#neurons{width:100%;height:65px;display:block;margin-top:7px}.model-note{font-size:8px;color:#819387;line-height:1.8;margin:3px 0 22px}.primary{width:100%;margin-top:auto;border:1px solid var(--mint);border-radius:6px;background:var(--mint);color:#16241b;padding:14px 16px;display:flex;justify-content:space-between;font-size:12px;font-weight:600}.primary:hover{background:#c9efd7;border-color:#c9efd7;box-shadow:0 3px 24px #b5ddc418}.autosave{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#7d9384;margin-top:13px}.autosave i{width:3px;height:3px;margin-right:0;box-shadow:none}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:23px}.surface{padding:25px 26px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-heading .eyebrow{font-family:var(--mono);font-size:8px;letter-spacing:1.3px}.section-heading .section-number{margin-right:2px}h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:12px 0 0}.section-note{font-size:10px;line-height:1.9;color:var(--muted);margin:17px 0 23px}.list-heading{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:8px;color:#6c8173}.checkpoint-list{max-height:259px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d5143 transparent}.checkpoint-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #2b372f;gap:12px}.checkpoint-info{display:flex;align-items:center;gap:15px}.checkpoint-symbol{width:27px;height:27px;border:1px solid #496651;border-radius:50%;display:grid;place-items:center;color:var(--mint);font-size:10px;position:relative}.checkpoint-info strong{font-family:var(--mono);font-size:11px;font-weight:400;display:block;letter-spacing:.5px}.checkpoint-info small{font-family:var(--mono);font-size:8px;color:#6c8374;margin-top:6px;display:block}.checkpoint-row>div:last-child{display:flex;gap:17px}.checkpoint-row>div:last-child button:last-child{color:var(--mint)}.chain-badge{border:1px solid #544a33;border-radius:4px;padding:7px 8px;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:8px;color:var(--amber);white-space:nowrap}.chain-badge>span{font-size:14px}.chain-panel label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:15px 0 9px}.optional{color:#6c8173;font-size:9px}.input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #37483c;background:#111914;border-radius:5px;padding:0 12px}.input-wrap>span{font-family:var(--mono);font-size:10px;color:#6e8876}.input-wrap:focus-within{border-color:var(--mint)}.chain-panel input{min-width:0;flex:1;border:0;outline:none;background:none;padding:12px 0;color:var(--ink);font-family:var(--mono);font-size:10px}input::placeholder{color:#667e6e}.chain-actions{display:flex;gap:10px;margin-top:18px}.secondary{flex:1;background:none;border:1px solid #4c6152;border-radius:5px;font-size:10px;color:var(--muted);padding:12px 10px}.secondary:hover{background:#233228;color:var(--mint)}.secondary.accent{color:var(--mint);background:#24372c;border-color:#536f5c}.chain-info{color:#91b49d;font-size:9px;line-height:1.9;overflow-wrap:anywhere;margin:15px 0}.chain-info a{text-decoration:underline;text-underline-offset:3px}.chain-detail{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--line);padding-top:12px;color:#7e9486}.chain-detail>span{font-size:12px;line-height:1.6}.chain-detail p{font-size:9px;line-height:1.9;margin:0}.journal{margin:23px 0 35px}.journal-note{font-size:9px;color:#738c7b}#events{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:24px;gap:20px}#events>div{border-left:1px solid #415b49;padding-left:14px;font-size:10px;line-height:1.8;color:#a4b6a8}#events time{display:block;font-family:var(--mono);font-size:9px;color:var(--mint);margin-bottom:9px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 30px;border-top:1px solid var(--line);font-size:9px;color:#718777}.footer-brand{font-family:var(--mono);letter-spacing:1px;font-size:10px;color:#a1b5a7}.footer-brand small{font-size:7px;margin-left:12px;color:#587060}footer a:hover{color:var(--mint)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(12px);background:#b5ddc4;color:#16241b;box-shadow:0 8px 45px #0007;border:1px solid #d9f5e0;padding:14px 22px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:10}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1400px){.life-panel{padding:29px}.canvas-wrap{min-height:465px}.stats{margin:28px 0}#neurons{height:80px}}
@media(max-width:1000px){nav{display:none}.continuity-art{width:260px;margin-right:0}.lab-grid{grid-template-columns:minmax(0,1fr) 280px}.life-panel{padding:22px}.canvas-wrap{aspect-ratio:auto;min-height:400px}.surface{padding:23px 21px}.chain-badge{font-size:7px}.lower-grid .section-heading{align-items:flex-start}#events{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){header{height:83px;padding:0 5%;gap:15px}.brand{font-size:11px;letter-spacing:1.3px;gap:9px}.brand-icon{width:29px;height:29px}.brand small{font-size:7px;letter-spacing:1px}.header-actions{gap:12px}.network{font-size:8px}.network-id{display:none}.language-switch button{min-width:28px;height:25px}.intro{padding:40px 0 35px;gap:15px}.intro-copy{min-width:0}.intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:48px;letter-spacing:-1.5px;margin:21px 0 18px}h1 sup{font-size:20px;right:-36px;top:7px}.intro p{font-size:11px;max-width:290px}.continuity-art{display:none}.lab-section-label{font-size:11px}.lab-section-label .dim{display:none}.lab-grid{grid-template-columns:1fr}.canvas-wrap{aspect-ratio:1000/650;min-height:0;flex:auto}.panel-heading{padding:18px}.time-readout{gap:8px}.time-readout>span:first-child{font-size:8px}.habitat-footer{padding:13px 18px}.habitat-footer>div{gap:17px}.dish-label{left:18px;top:18px;font-size:7px}.dish-label small{font-size:7px}.dish-coordinates{right:18px;top:18px;font-size:7px}.dish-hint{left:18px;bottom:15px;font-size:8px;gap:7px}.scale{right:18px;bottom:17px;font-size:7px}.scale small{font-size:6px}.life-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:24px}.specimen-heading,.name-row,.identity{grid-column:1/-1}.name-row{margin-top:17px}.identity{margin-bottom:24px}.vitals{grid-column:1;grid-row:4}.stats{grid-column:1;grid-row:5/9;margin:22px 0 0}.stats>div:nth-child(even){padding-left:16px}.stats strong{font-size:25px}.neural-heading{grid-column:2;grid-row:4;border-top:0;padding-top:2px;flex-wrap:wrap;gap:7px;align-content:start}#neurons{grid-column:2;grid-row:5;height:68px;margin-top:0}.model-note{grid-column:2;grid-row:6;font-size:8px;margin:0 0 20px}.primary{grid-column:2;grid-row:7;align-self:end;font-size:11px;padding:13px}.autosave{grid-column:2;grid-row:8;font-size:7px;text-align:center;line-height:1.7;align-items:start}.autosave i{margin-top:5px;flex-shrink:0}.lower-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.surface{padding:23px}.section-heading h3{font-size:20px}.checkpoint-list{max-height:255px}.list-heading{font-size:8px}.chain-actions{gap:10px}.journal{margin:18px 0 27px}.journal-note{font-size:8px;max-width:80px;text-align:right;line-height:1.8}#events{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}footer{flex-wrap:wrap;gap:15px;font-size:8px}.footer-brand{width:100%}}
@media(max-width:380px){.network{display:none}.life-panel{padding:20px;gap:0 18px}h1{font-size:43px}.time-readout>span:first-child{display:none}.neural-heading .mono{font-size:7px}.habitat-footer>div{gap:12px}.surface{padding:20px}.checkpoint-info{gap:10px}.checkpoint-row>div:last-child{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.energy-track div,#toast{transition:none}}
html[lang=en] h1{font-size:clamp(42px,4.3vw,70px)}html[lang=en] .intro p{max-width:430px}html[lang=en] .brand small{font-size:7px;letter-spacing:1.3px}html[lang=en] .alive-tag{font-size:8px}.habitat-panel[data-running=false] .live-dot{background:#a8a895;box-shadow:none}.habitat-panel[data-running=false] .panel-heading>div:first-child{color:var(--muted)}
@media(max-width:740px){html[lang=en] h1{font-size:clamp(32px,8.6vw,52px)}html[lang=en] h1 sup{right:-29px;font-size:18px}html[lang=en] .brand small{font-size:6px;letter-spacing:.7px}html[lang=en] .habitat-footer{gap:8px}html[lang=en] .behavior-pill{font-size:9px}html[lang=en] .habitat-footer>div{gap:12px}html[lang=en] .pause-button{min-width:64px;padding:9px 10px}html[lang=en] .primary{font-size:10px}html[lang=en] .neural-heading .mono{font-size:7px}}

/* Precision instruments: cool glass, fine rules and warm specimen details. */
:root{--bg:#0b1110;--surface:#111a17;--line:#293832;--mint:#b6dfca;--muted:#92a69c}
body{background-image:radial-gradient(ellipse at 80% 8%,#264b3d25,transparent 43%)}
header{height:88px}.intro{padding:39px 0 35px;gap:70px}.intro p{max-width:400px}h1{font-size:clamp(48px,4.5vw,70px)}
.specimen-art{width:520px;max-width:48%;position:relative;flex-shrink:0;border-left:1px solid var(--line);padding-left:30px}
.specimen-art-top,.specimen-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);color:#93a79c;font-size:8px;letter-spacing:1px}
.specimen-art-top{padding:0 0 4px}.specimen-art-badge{border:1px solid #455a4f;padding:5px 7px;border-radius:2px;color:var(--mint);font-size:7px}
#specimen{width:100%;height:250px;display:block}.specimen-art-bottom{border-top:1px solid var(--line);padding-top:13px}.specimen-art-bottom>span:first-child{color:#d9e4da;font-size:10px;line-height:1.6}.specimen-art-bottom small{font-size:7px;color:var(--muted);letter-spacing:2px}.specimen-art-caption{font-family:var(--sans);letter-spacing:.5px;font-size:9px}
.observatory{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:18px;background:#0d1513;box-shadow:0 15px 65px #00000018}
.cns-view,.readout-view{min-width:0}.readout-view{border-left:1px solid var(--line);background:linear-gradient(145deg,#17221c80,#10181580);padding:0 22px 15px}
.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:0 21px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9px;letter-spacing:1.3px;color:#bdcfc5}
.instrument-heading>span:first-child{display:flex;align-items:center;gap:9px}.instrument-index{font-size:8px;color:var(--mint);border:1px solid #3a5144;padding:3px 5px}.instrument-heading small{font-family:var(--sans);font-size:8px;color:var(--muted);letter-spacing:.3px;margin-left:8px}.instrument-heading button{font-family:var(--sans);font-size:9px;letter-spacing:0}.readout-view .instrument-heading{padding:0;margin-bottom:16px;font-size:8px;letter-spacing:1px}
.cns-stage{height:280px;position:relative;overflow:hidden}#topology{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#topology:active{cursor:grabbing}
.cns-legend{position:absolute;right:21px;top:17px;display:flex;flex-direction:column;gap:9px;font-size:8px;color:#9caea4;pointer-events:none}.cns-legend>span{display:flex;align-items:center;gap:7px}.cns-legend i{height:5px;width:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px color-mix(in srgb,var(--signal) 30%,transparent)}
.cns-meta{position:absolute;top:19px;left:21px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.cns-meta strong{font-family:var(--mono);font-size:34px;font-weight:400;letter-spacing:-2px;color:#cfdcd3}.cns-meta>span{font-family:var(--sans);font-size:8px;color:#99b0a3}.cns-meta small{font-size:7px;color:#6e877a;margin-top:3px}
.rotate-hint{position:absolute;left:21px;bottom:16px;color:#839a8d;font-size:8px;pointer-events:none}.view-axis{position:absolute;bottom:14px;right:21px;color:#7e9a8a;font-family:var(--mono);font-size:9px;line-height:1.8;pointer-events:none}
.instrument-footer{height:36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:#819c8d;font-size:8px;gap:15px}.instrument-footer>span:last-child{font-family:var(--mono);font-size:7px;color:#5f786b;white-space:nowrap}
.sample-badge{color:var(--mint);font-size:7px;letter-spacing:.5px;white-space:nowrap}.sample-badge:before{content:'';display:inline-block;height:4px;width:4px;border-radius:50%;background:currentColor;margin-right:6px}.sample-badge[data-active=false]{color:#9d9e8b}
.signal-summary{display:grid;grid-template-columns:1fr 1fr;margin:0 0 18px}.signal-summary>div{display:flex;flex-direction:column;gap:8px}.signal-summary>div+div{border-left:1px solid var(--line);padding-left:22px}.signal-summary span{font-size:8px;color:#96aa9f}.signal-summary strong{font-family:var(--mono);font-size:25px;font-weight:400;line-height:1.1;color:#dde8df}.signal-summary strong small{font-size:10px;color:#839b8d;letter-spacing:0}
.channel-list{display:flex;flex-direction:column;gap:8px}.channel-row{display:grid;grid-template-columns:66px minmax(0,1fr) 30px;align-items:center;gap:12px;font-size:8px;color:#9fb2a7}.channel-row small{font-family:var(--mono);font-size:8px;text-align:right;color:#bdd9ca}.channel-track{height:3px;background:#25352c}.channel-track i{display:block;height:100%;background:linear-gradient(90deg,#729f8c,#b6dfca);width:0;transition:width .2s}
.wave-heading{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:6px;letter-spacing:.4px;color:#859d8e;margin-top:18px}.wave-heading>span:last-child{font-family:var(--sans);font-size:7px;white-space:nowrap}#waveform{display:block;width:100%;height:53px;margin-top:5px}.signal-decision{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px;margin-top:6px;font-size:8px;color:#859e8f}.signal-decision strong{font-size:9px;font-weight:400;color:var(--mint)}.signal-decision>span:last-child{color:var(--mint)}
.habitat-panel,.life-panel,.surface{border-radius:8px;background:linear-gradient(135deg,#17221c70,#111a17)}.habitat-mode{font-family:var(--mono);font-size:8px;color:#7b9686;letter-spacing:1px}
.habitat-layers{display:flex;align-items:center;gap:7px;padding:11px 23px;border-bottom:1px solid var(--line);background:#0e1713}.habitat-layers>span{font-size:8px;color:var(--muted);margin-right:auto}.habitat-layers button{font-size:8px;border:1px solid transparent;background:none;color:#90a296;border-radius:3px;padding:5px 8px}.habitat-layers button[aria-pressed=true]{border-color:#465f50;background:#23392d77;color:var(--mint)}
.canvas-wrap{min-height:360px}.life-panel{padding:24px}.stats{margin:22px 0 24px}.primary{box-shadow:0 4px 24px #b5ddc416}.checkpoint-symbol{background:#182c21}.checkpoint-row{position:relative}.checkpoint-row:after{content:'';position:absolute;left:13px;top:calc(50% + 14px);height:24px;border-left:1px solid #344c3d}.checkpoint-row:last-child:after{display:none}
@media(min-width:1400px){.intro{padding-top:45px}.cns-stage{height:300px}.readout-view{padding-top:0}.channel-list{gap:10px}#waveform{height:62px}.canvas-wrap{min-height:420px}}
@media(max-width:1100px){.intro{gap:30px}.specimen-art{padding-left:20px}#specimen{height:230px}.specimen-art-caption{display:none}.observatory{grid-template-columns:minmax(0,1fr) 300px}.instrument-heading small{display:none}.readout-view{padding:0 17px 14px}.instrument-footer{font-size:7px;padding:0 17px}.instrument-footer>span:last-child{display:none}.cns-stage{height:285px}.habitat-mode{display:none}}
@media(max-width:740px){header{height:83px}.intro{flex-direction:column;align-items:stretch;padding:33px 0 27px;gap:25px}.intro h1{font-size:49px}.intro p{max-width:340px}.specimen-art{width:100%;max-width:none;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:17px}#specimen{height:220px}.specimen-art-caption{display:block;font-size:8px}.specimen-art-bottom{padding-top:10px}.observatory{grid-template-columns:1fr}.readout-view{border-left:0;border-top:1px solid var(--line);padding:0 19px 17px}.cns-stage{height:255px}.instrument-heading{padding:0 17px;font-size:8px}.cns-legend{right:17px;top:17px;font-size:7px}.cns-meta{left:17px}.cns-meta strong{font-size:28px}.instrument-footer{font-size:7px;line-height:1.7;height:auto;min-height:35px;padding:8px 17px}.signal-summary{margin:15px 0 19px}.channel-row{grid-template-columns:82px minmax(0,1fr) 30px;font-size:9px}.channel-list{gap:11px}.wave-heading{font-size:7px}#waveform{height:65px}.habitat-layers{padding:10px 17px;gap:5px}.habitat-layers button{padding:5px 6px}.canvas-wrap{min-height:0}.panel-heading{padding:18px}.life-panel{padding:24px}.signal-decision{font-size:9px}}
@media(prefers-reduced-motion:reduce){.channel-track i{transition:none}}

.capsule-button{display:block;width:100%;border:1px solid #3d5547;background:#17271e55;color:var(--mint);padding:11px 12px;border-radius:5px;font-size:9px;margin-top:13px}.capsule-button:hover{border-color:var(--mint);background:#23392c}
@media(max-width:740px){.capsule-button{grid-column:1/-1;grid-row:9;margin-top:21px;font-size:10px}}

.runtime-notice{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:9px;line-height:1.8;color:var(--muted)}.runtime-notice[hidden]{display:none}.runtime-notice i{width:4px;height:4px;background:var(--mint);border-radius:50%;margin-top:6px;flex-shrink:0}