@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(./space-grotesk-latin-ext-wJGaI8U0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(./space-grotesk-latin-DPT1xrvW.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(./inter-greek-BQL42Lnq.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(./inter-latin-ext-B_-bZUTo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(./inter-latin-8kRkwJBP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(./jetbrains-mono-latin-Db4Uuiha.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink-1000: #03080d;--ink-900: #061017;--ink-800: #08161f;--ink-700: #0c1e29;--ink-600: #122b38;--glass: rgba(9, 26, 35, .74);--glass-strong: rgba(7, 21, 29, .9);--glass-soft: rgba(13, 34, 44, .52);--mint: #5ff2c8;--mint-dim: #35c9a4;--cyan: #56c8ff;--cyan-dim: #2f9ad4;--leaf: #6fe89a;--amber: #ffc46b;--coral: #ff8f7a;--violet: #b49cff;--text-high: #eafaf5;--text: #c3ddd8;--text-dim: #86a8a6;--text-faint: #5d7c7d;--line: rgba(104, 220, 196, .16);--line-strong: rgba(104, 220, 196, .34);--line-cyan: rgba(86, 200, 255, .22);--glow-mint: 0 0 18px rgba(95, 242, 200, .24);--glow-cyan: 0 0 22px rgba(86, 200, 255, .2);--shadow-panel: 0 18px 48px rgba(0, 0, 0, .52);--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--nav-h: 58px;--rail-w: 336px;--radius-s: 8px;--radius-m: 14px;--radius-l: 20px;--gap: 14px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ink-1000);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior:none}#app{position:fixed;inset:0;isolation:isolate}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text-high)}p{margin:0}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font-family:inherit;color:inherit}a{color:var(--cyan)}::selection{background:#5ff2c847;color:var(--text-high)}:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:4px}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(95,242,200,.28) transparent}.scroll::-webkit-scrollbar{width:9px}.scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5ff2c852,#56c8ff38);border-radius:10px;border:3px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mint-dim)}.chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#0a1e2799;font-size:11.5px;line-height:1.25;color:var(--text);white-space:nowrap}.chip b{font-family:var(--font-mono);font-weight:500;font-size:11px;color:var(--text-high)}.chip--accent{border-color:var(--line-strong);background:#267a6a33}.bracketed{position:relative}.bracketed:before,.bracketed:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:.85}.bracketed:before{top:-1px;left:-1px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);border-top-left-radius:var(--radius-s)}.bracketed:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--line-strong);border-right:1px solid var(--line-strong);border-bottom-right-radius:var(--radius-s)}.scanlines{background-image:repeating-linear-gradient(to bottom,rgba(190,255,240,.028) 0px,rgba(190,255,240,.028) 1px,transparent 1px,transparent 3px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{position:absolute;inset:0;display:grid;grid-template-rows:var(--nav-h) 1fr;background:radial-gradient(1200px 620px at 50% -10%,rgba(28,96,96,.35),transparent 62%),radial-gradient(900px 700px at 108% 110%,rgba(22,72,120,.3),transparent 60%),radial-gradient(700px 500px at -8% 108%,rgba(26,96,74,.26),transparent 60%),linear-gradient(180deg,#051019,#040c12 55%,#03080d)}.shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(120,235,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,235,210,.045) 1px,transparent 1px);background-size:44px 44px,44px 44px;mask-image:radial-gradient(ellipse 90% 80% at 50% 45%,#000 30%,transparent 78%);z-index:0}.nav{position:relative;z-index:40;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#06141bf0,#06141bc7);backdrop-filter:blur(16px)}.nav__brand{display:flex;align-items:center;gap:12px;min-width:0}.nav__glyph{position:relative;width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:9px;background:radial-gradient(circle at 30% 25%,#5ff2c857,#0a1e2833 66%);box-shadow:var(--glow-mint),inset 0 0 12px #5ff2c829}.nav__glyph svg{width:17px;height:17px;display:block}.nav__titles{display:grid;line-height:1.05;min-width:0}.nav__title{font-family:var(--font-display);font-size:16.5px;font-weight:700;letter-spacing:.015em;color:var(--text-high);white-space:nowrap}.nav__sub{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.nav__tabs{display:flex;gap:4px;margin-inline:auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:#040e1499;box-shadow:inset 0 1px #a0ffe60f}.tab{position:relative;padding:7px 18px;border-radius:9px;font-family:var(--font-display);font-size:13.5px;font-weight:600;letter-spacing:.03em;color:var(--text-dim);transition:color .25s var(--ease-out),background .35s var(--ease-out),box-shadow .35s var(--ease-out)}.tab:hover{color:var(--text);background:#5ff2c812}.tab[aria-selected=true]{color:#04140f;background:linear-gradient(135deg,var(--mint) 0%,#7ef0d2 40%,var(--cyan) 130%);box-shadow:0 4px 18px #5ff2c85c,inset 0 1px #ffffff73}.tab__hint{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;opacity:.65;text-transform:uppercase}.nav__meta{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#06141ba8;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-dim);white-space:nowrap}.status-pill__dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #5ff2c8e6;animation:pulse-dot 2.6s ease-in-out infinite}.stage{position:relative;z-index:1;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--rail-w);gap:var(--gap);padding:var(--gap);min-height:0}.viewport{position:absolute;inset:0;z-index:0;overflow:hidden;transition:opacity .5s var(--ease-out)}.viewport--hidden{opacity:0;pointer-events:none}.viewport__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.viewport__canvas:active{cursor:grabbing}.viewport__vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,10,15,.55) 0%,transparent 18%,transparent 78%,rgba(3,10,15,.6) 100%),radial-gradient(ellipse 78% 66% at 50% 46%,transparent 58%,rgba(2,7,11,.55) 100%)}.viewport__scanlines{position:absolute;inset:0;pointer-events:none;opacity:.5;animation:scan-drift 9s linear infinite}.stage--no3d .viewport{opacity:0;pointer-events:none}.hud{position:absolute;z-index:3;display:flex;gap:10px;pointer-events:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.hud--tl{top:calc(var(--nav-h) + 16px);left:calc(var(--rail-w) + var(--gap) * 2 + 8px)}.hud--br{right:calc(var(--rail-w) + var(--gap) * 2 + 8px);bottom:calc(var(--gap) + 86px);align-items:flex-end;flex-direction:column;gap:4px}.hud__item{padding:5px 9px;border:1px solid rgba(104,220,196,.12);border-radius:6px;background:#040e1480;backdrop-filter:blur(6px);white-space:nowrap}.hud__item b{color:var(--mint);font-weight:500}.rail{position:relative;z-index:20;display:flex;flex-direction:column;gap:var(--gap);min-height:0;pointer-events:none}.rail>*{pointer-events:auto}.rail--left{grid-column:1}.rail--right{grid-column:3}.rail__scroll{display:flex;flex-direction:column;gap:var(--gap);min-height:0;flex:1;padding-right:2px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(95,242,200,.28) transparent}.rail__scroll::-webkit-scrollbar{width:9px}.rail__scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5ff2c852,#56c8ff38);border-radius:10px;border:3px solid transparent;background-clip:padding-box}.dock{position:absolute;z-index:30;bottom:calc(var(--gap) + 6px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0a1d26e0,#061219eb);box-shadow:var(--shadow-panel),inset 0 1px #a0ffe614;backdrop-filter:blur(18px)}.dock__divider{width:1px;height:22px;margin:0 3px;background:var(--line)}.stage[data-tab=processes] .dock,.stage[data-tab=processes] .hud,.stage[data-tab=processes] .mobile-dock{display:none}.stage[data-tab=processes] .rail,.stage[data-tab=experiments] .rail,.stage[data-tab=experiments] .mobile-dock{opacity:0;pointer-events:none}.lab-switch{position:absolute;z-index:35;top:calc(var(--gap) + 4px);left:50%;transform:translate(-50%);display:none;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#061219db;box-shadow:var(--shadow-panel);backdrop-filter:blur(16px)}.stage[data-tab=experiments] .lab-switch{display:flex}.lab-switch button{display:grid;justify-items:center;gap:1px;padding:7px 16px;border-radius:9px;font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--text-dim);transition:background .25s,color .25s,box-shadow .25s}.lab-switch button small{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.lab-switch button:hover{color:var(--text);background:#5ff2c814}.lab-switch button[aria-selected=true]{color:#04140f;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 4px 16px #5ff2c84d}.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(600px 420px at 50% 42%,rgba(30,110,104,.34),transparent 70%),linear-gradient(180deg,#041016,#03080d);transition:opacity .7s var(--ease-out),visibility .7s}.boot--done{opacity:0;visibility:hidden;pointer-events:none}.boot__inner{width:min(430px,84vw);display:grid;gap:18px;justify-items:center;text-align:center}.boot__orb{position:relative;width:92px;height:92px;border-radius:50%;border:1px solid rgba(95,242,200,.34);box-shadow:0 0 42px #5ff2c838,inset 0 0 30px #5ff2c81f;animation:boot-spin 7s linear infinite}.boot__orb:before,.boot__orb:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(86,200,255,.34)}.boot__orb:before{inset:12px;animation:boot-spin 4.6s linear infinite reverse}.boot__orb:after{inset:26px;border-style:solid;border-color:#5ff2c880;box-shadow:inset 0 0 16px #5ff2c83d}.boot__title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.02em}.boot__sub{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.boot__bar{width:100%;height:3px;border-radius:3px;background:#5ff2c81f;overflow:hidden}.boot__fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--mint),var(--cyan));box-shadow:0 0 12px #5ff2c899;transition:width .3s var(--ease-out)}.boot__message{font-family:var(--font-mono);font-size:11px;color:var(--mint-dim);min-height:16px}.boot__error{color:var(--coral);font-size:13px;max-width:46ch}.toasts{position:fixed;z-index:90;bottom:calc(var(--gap) + 74px);left:50%;transform:translate(-50%);display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:#06161eeb;box-shadow:var(--glow-mint);font-size:12.5px;color:var(--text-high);animation:toast-in .35s var(--ease-out)}.toast--fade{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.mobile-dock{display:none}@media(max-width:1180px){:root{--rail-w: 300px}}@media(max-width:1024px){:root{--rail-w: 288px}.hud--tl{left:calc(var(--rail-w) + var(--gap) * 2 + 4px)}.hud--br{right:calc(var(--rail-w) + var(--gap) * 2 + 4px)}}@media(max-width:900px){:root{--nav-h: 54px;--gap: 10px}.nav{gap:10px;padding:0 12px}.nav__meta{display:none}.nav__tabs{margin-inline:auto;gap:2px;padding:3px}.tab{padding:6px 12px;font-size:12.5px}.tab__hint{display:none}.stage{grid-template-columns:minmax(0,1fr);padding:var(--gap);padding-bottom:0}.rail{position:fixed;z-index:60;left:0;right:0;bottom:0;max-height:min(64dvh,520px);padding:0 10px calc(10px + env(safe-area-inset-bottom));transform:translateY(calc(100% + 12px));transition:transform .45s var(--ease-out);pointer-events:none}.rail>*{pointer-events:none}.rail--open{transform:translateY(0);pointer-events:auto}.rail--open>*{pointer-events:auto}.rail__scroll{overflow-y:auto;padding-bottom:8px}.rail .panel{max-height:none;background:var(--glass-strong)}.hud--tl,.hud--br{display:none}.dock{bottom:calc(var(--gap) + 54px);padding:6px;border-radius:14px;max-width:calc(100vw - 14px);flex-wrap:wrap;justify-content:center;row-gap:5px;overflow:visible}.dock .dock__divider{display:none}.dock .btn{padding:7px 8px}.mobile-dock{position:absolute;z-index:55;bottom:calc(var(--gap) + 4px);left:50%;transform:translate(-50%);display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#061219eb;box-shadow:var(--shadow-panel);backdrop-filter:blur(16px)}.mobile-dock button{padding:8px 14px;border-radius:10px;border:1px solid transparent;font-size:12.5px;font-weight:600;color:var(--text-dim);background:#0e263099}.mobile-dock button[aria-expanded=true]{color:#04140f;background:linear-gradient(135deg,var(--mint),var(--cyan))}}@media(max-width:900px){.lab-switch{top:calc(var(--gap) + 2px);padding:3px}.lab-switch button{padding:6px 12px;font-size:12px}.lab-switch button small{display:none}}@media(max-width:560px){.nav__titles,.nav__sub{display:none}.nav__title{font-size:13px}.nav__glyph{width:26px;height:26px}.nav{padding:0 8px;gap:6px}.nav__tabs{gap:1px;padding:2px}.tab{padding:6px 7px;font-size:11px;letter-spacing:.01em}.nav__tabs{margin-inline:auto;max-width:calc(100vw - 56px);overflow-x:auto;scrollbar-width:none}.nav__tabs::-webkit-scrollbar{display:none}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes scan-drift{0%{background-position-y:0}to{background-position-y:120px}}@keyframes boot-spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel{position:relative;display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:var(--radius-m);background:linear-gradient(168deg,#0c212bdb,#07141cd1);box-shadow:var(--shadow-panel),inset 0 1px #a0ffe612;backdrop-filter:blur(16px);animation:panel-in .5s var(--ease-out) both;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 60% at 50% -18%,rgba(95,242,200,.12),transparent 60%)}.panel__head{display:flex;align-items:center;gap:10px;padding:13px 15px 11px;border-bottom:1px solid var(--line)}.panel__head--stacked{align-items:flex-start;flex-direction:column;gap:3px}.panel__title{font-family:var(--font-display);font-size:14.5px;font-weight:600;letter-spacing:.02em;color:var(--text-high)}.panel__body{padding:14px 15px 16px;display:grid;gap:12px;min-height:0;overflow-y:auto}.panel__foot{margin-top:auto;padding:10px 15px;border-top:1px solid var(--line);font-size:11px;color:var(--text-faint)}.panel__index{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-faint)}.dossier__hero{position:relative;padding:14px 15px 12px;border-bottom:1px solid var(--line);background:radial-gradient(160px 90px at 88% 0%,rgba(86,200,255,.16),transparent 70%),linear-gradient(180deg,rgba(17,46,56,.5),transparent)}.dossier__names{display:grid;gap:2px}.dossier__common{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.15;color:var(--text-high)}.dossier__latin{font-size:12.5px;font-style:italic;color:var(--mint)}.dossier__family{margin-top:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.dossier__section{display:grid;gap:6px}.dossier__label{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint-dim)}.dossier__label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.dossier__text{font-size:13px;line-height:1.58;color:var(--text)}.fact-grid{display:grid;grid-template-columns:1fr;gap:6px}.fact-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:7px 9px;border:1px solid rgba(104,220,196,.1);border-radius:var(--radius-s);background:#08182080;transition:border-color .25s,background .25s}.fact-row:hover{border-color:var(--line-strong);background:#0e283299}.fact-row__label{font-size:11.5px;color:var(--text-dim)}.fact-row__value{font-family:var(--font-mono);font-size:12px;color:var(--text-high);text-align:right;white-space:nowrap}.fact-row__note{grid-column:1 / -1;font-size:10.5px;color:var(--text-faint)}.library__list{display:grid;gap:7px}.organelle-card{position:relative;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid rgba(104,220,196,.12);border-radius:10px;background:#08182080;text-align:left;transition:transform .25s var(--ease-out),border-color .25s,background .25s,box-shadow .25s}.organelle-card:hover{transform:translate(3px);border-color:var(--line-strong);background:#0f2b35b8;box-shadow:0 0 0 1px #5ff2c80f,0 8px 22px #0000004d}.organelle-card[aria-pressed=true]{border-color:#5ff2c88c;background:linear-gradient(120deg,#20605680,#0e2c3899);box-shadow:inset 0 0 22px #5ff2c81a,0 0 16px #5ff2c81f}.organelle-card__swatch{width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 32% 28%,var(--swatch, var(--mint)),rgba(0,0,0,.4));box-shadow:0 0 12px color-mix(in srgb,var(--swatch, var(--mint)) 55%,transparent)}.organelle-card__name{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-high);line-height:1.2}.organelle-card__tag{display:block;font-size:10.5px;line-height:1.3;color:var(--text-faint);margin-top:2px}.organelle-card__chev{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);transition:color .2s,transform .25s var(--ease-out)}.organelle-card:hover .organelle-card__chev,.organelle-card[aria-pressed=true] .organelle-card__chev{color:var(--mint);transform:translate(2px)}.info-card{display:grid;gap:11px;animation:panel-in .4s var(--ease-out) both}.info-card__head{display:flex;align-items:flex-start;gap:11px}.info-card__dot{width:30px;height:30px;flex:none;margin-top:2px;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:radial-gradient(circle at 30% 26%,var(--swatch, var(--mint)),rgba(0,0,0,.42));box-shadow:0 0 16px color-mix(in srgb,var(--swatch, var(--mint)) 50%,transparent)}.info-card__name{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-high);line-height:1.15}.info-card__aka{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.info-card__text{font-size:12.8px;line-height:1.6;color:var(--text)}.info-card__stats{display:flex;flex-wrap:wrap;gap:6px}.info-card__actions{display:flex;gap:8px}.info-card__empty{display:grid;gap:8px;padding:8px 2px}.info-card__empty h3{font-size:14px}.info-card__empty p{font-size:12.5px;color:var(--text-dim)}.info-card__hint{display:grid;gap:6px;padding:10px 11px;border:1px dashed rgba(104,220,196,.24);border-radius:10px;background:#06141b66;font-size:11.5px;color:var(--text-dim)}.info-card__hint kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:#0e2630cc;font-family:var(--font-mono);font-size:10px;color:var(--text-high)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#0a1e27b3;font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--text);transition:border-color .22s,background .22s,color .22s,transform .15s var(--ease-out),box-shadow .25s;white-space:nowrap}.btn:hover{border-color:var(--line-strong);color:var(--text-high);background:#112e38e6;box-shadow:0 0 14px #5ff2c824}.btn:active{transform:translateY(1px) scale(.99)}.btn[aria-pressed=true],.btn--active{border-color:#5ff2c880;background:linear-gradient(135deg,#2c8e7a6b,#18506880);color:var(--text-high);box-shadow:inset 0 0 18px #5ff2c824,0 0 12px #5ff2c829}.btn--primary{border-color:#5ff2c880;background:linear-gradient(135deg,#5ff2c8eb,#56c8ffd1);color:#04140f}.btn--primary:hover{color:#04140f;box-shadow:0 6px 20px #5ff2c84d}.btn--ghost{border-color:transparent;background:transparent}.btn--small{padding:5px 9px;font-size:11.5px;border-radius:8px}.btn__icon{width:15px;height:15px;display:block;flex:none}.dock .btn{padding:8px 10px}.dock .btn__label{display:none}@media(min-width:1400px){.dock .btn{padding:8px 12px}.dock .btn__label{display:inline}}.control{display:grid;gap:7px}.control__head{display:flex;align-items:baseline;gap:8px}.control__label{font-size:12px;color:var(--text)}.control__value{margin-left:auto;font-family:var(--font-mono);font-size:12.5px;color:var(--text-high)}input[type=range].slider{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}input[type=range].slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--mint) var(--fill, 50%),rgba(104,220,196,.14) var(--fill, 50%));box-shadow:inset 0 0 6px #0006}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:1px solid rgba(4,20,15,.6);background:radial-gradient(circle at 32% 28%,#d9fff2,var(--mint) 62%);box-shadow:0 0 12px #5ff2c8b3,0 2px 6px #00000080;transition:transform .15s var(--ease-out)}input[type=range].slider:active::-webkit-slider-thumb{transform:scale(1.14)}input[type=range].slider::-moz-range-track{height:6px;border-radius:999px;background:#68dcc424}input[type=range].slider::-moz-range-progress{height:6px;border-radius:999px;background:var(--mint)}input[type=range].slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #5ff2c8b3}.seg{display:grid;grid-auto-flow:column;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#051016b3}.seg button{padding:7px 10px;border-radius:7px;font-size:11.5px;font-weight:600;color:var(--text-dim);transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}.seg button:hover{color:var(--text);background:#5ff2c814}.seg button[aria-pressed=true]{color:#04140f;background:linear-gradient(135deg,var(--mint),#8df0d6);box-shadow:0 3px 12px #5ff2c84d}.toggle-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(104,220,196,.12);border-radius:10px;background:#08182080}.toggle-row__text{display:grid;gap:1px}.toggle-row__title{font-size:12.5px;color:var(--text-high)}.toggle-row__sub{font-size:10.5px;color:var(--text-faint)}.switch{position:relative;margin-left:auto;width:40px;height:22px;flex:none;border-radius:999px;border:1px solid var(--line);background:#051016cc;transition:background .3s,border-color .3s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-dim);transition:transform .3s var(--ease-out),background .3s}.switch[aria-pressed=true]{border-color:#5ff2c880;background:#2b827080}.switch[aria-pressed=true]:after{transform:translate(18px);background:var(--mint);box-shadow:0 0 10px #5ff2c8b3}.gauge{display:grid;gap:6px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#07151d99}.gauge__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.gauge__value{font-family:var(--font-mono);font-size:18px;color:var(--text-high)}.gauge__track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#ff8f7a4d,#ffc46b4d,#5ff2c85c);overflow:hidden}.gauge__needle{position:absolute;top:-3px;width:3px;height:14px;border-radius:2px;background:var(--text-high);box-shadow:0 0 10px #fff9;transition:left .5s var(--ease-out)}.gauge__scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase}.annotations{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible}.annotations__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.annotations__lines path{fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.annotations__lines .anchor-halo{opacity:.45;stroke-width:1;stroke-dasharray:2 3}.label{position:absolute;display:flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;border:1px solid rgba(104,220,196,.24);border-radius:8px;background:#051219d1;box-shadow:0 6px 18px #0006;backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s,transform .2s var(--ease-out);will-change:transform,opacity}.label:hover{border-color:#5ff2c899;background:#0a202af0;box-shadow:0 8px 22px #00000080,0 0 16px #5ff2c833;transform:translateY(-1px)}.label[data-selected=true]{border-color:#5ff2c8bf;background:linear-gradient(120deg,#267668db,#0c242ee6);box-shadow:0 0 20px #5ff2c84d}.label__dot{width:7px;height:7px;border-radius:50%;background:var(--swatch, var(--mint));box-shadow:0 0 10px var(--swatch, var(--mint));flex:none}.label__text{font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-high);white-space:nowrap}.label__tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase}.label--dim{opacity:.34}.label--hidden{opacity:0;pointer-events:none}.diff-list{display:grid;gap:7px}.diff-row{display:grid;gap:4px;padding:9px 11px;border:1px solid rgba(104,220,196,.12);border-radius:10px;background:#08182080;text-align:left;transition:border-color .25s,background .25s,transform .2s var(--ease-out)}.diff-row:hover{transform:translate(3px);border-color:var(--line-strong)}.diff-row[aria-pressed=true]{border-color:#5ff2c880;background:#143a44b3}.diff-row__title{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--text-high)}.diff-row__body{display:grid;gap:3px;font-size:11px;line-height:1.45}.diff-row__plant:before{content:"PLANT · ";font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--leaf)}.diff-row__animal:before{content:"ANIMAL · ";font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--cyan)}.diff-row__plant,.diff-row__animal{color:var(--text-dim)}.specimen-toggle{display:grid;grid-auto-flow:column;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#051016b8}.specimen-toggle button{display:grid;justify-items:center;gap:2px;padding:8px 10px;border-radius:9px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-dim);transition:background .25s,color .25s,box-shadow .25s}.specimen-toggle button:hover{color:var(--text);background:#5ff2c814}.specimen-toggle button[aria-pressed=true]{color:#04140f;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 4px 16px #5ff2c84d}.specimen-toggle small{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;opacity:.72;text-transform:uppercase}.mini-legend{display:grid;gap:6px}.mini-legend__row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px;color:var(--text-dim)}.mini-legend__swatch{width:9px;height:9px;border-radius:3px;background:var(--swatch);box-shadow:0 0 8px var(--swatch)}.mini-legend__val{font-family:var(--font-mono);font-size:10.5px;color:var(--text)}.readout{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(104,220,196,.12);font-size:12px}.readout:last-child{border-bottom:none}.readout__label{color:var(--text-dim)}.readout__value{font-family:var(--font-mono);font-size:12.5px;color:var(--text-high)}.readout__value--warn{color:var(--amber)}.readout__value--good{color:var(--mint)}.readout__unit{font-size:10px;color:var(--text-faint);margin-left:4px}.workspace{position:absolute;inset:0;z-index:25;display:none;pointer-events:none}.workspace--active{display:block}.workspace>*{pointer-events:auto}.workspace__scroll{overflow-y:auto}@media(max-width:900px){.workspace{position:relative;inset:auto;display:none;min-height:0}.workspace--active{display:grid}}.processes-view{padding:var(--gap);padding-bottom:calc(var(--gap) + 2px);gap:var(--gap)}.processes-view.workspace--active{display:grid;grid-template-rows:minmax(0,1fr) auto}.processes-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--gap);min-height:0}.diagram-panel{min-height:0;display:flex;flex-direction:column}.diagram-stage{position:relative;flex:1;min-height:0;margin:0 12px 12px;border:1px solid rgba(104,220,196,.12);border-radius:12px;background:radial-gradient(70% 60% at 50% 34%,#14424a8c,#041016e6);overflow:hidden}.diagram-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.diagram-overlay{position:absolute;inset:0;padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.io-legend{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:40%}.io-legend--right{margin-left:auto;justify-content:flex-end}.io-legend__title{font-size:9.5px;letter-spacing:.18em;color:var(--text-faint);margin-right:2px}.io-chip{padding:3px 8px;border:1px solid rgba(104,220,196,.18);border-radius:999px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);background:#051218a8;transition:color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease-out)}.io-chip--light{--io: #ffe9a3}.io-chip--water{--io: #7fd8ff}.io-chip--co2{--io: #b9c8d8}.io-chip--o2{--io: #c8fff0}.io-chip--glucose{--io: #9dffb4}.io-chip--energy{--io: #ffd166}.io-chip--energy2{--io: #b49cff}.io-chip--active{color:var(--io);border-color:color-mix(in srgb,var(--io) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--io) 32%,transparent);transform:translateY(-1px)}.head-equation{margin-left:auto;margin-right:14px;font-size:11px;color:var(--mint-dim);white-space:nowrap}.equation-line{align-self:center;padding:6px 14px;border:1px solid rgba(104,220,196,.16);border-radius:999px;background:#041016b8;font-size:11.5px;color:var(--text)}.steps-panel{min-height:0}.steps-location{font-size:10px;letter-spacing:.06em;color:var(--mint-dim)}.equation-box{padding:10px 12px;border:1px solid rgba(95,242,200,.24);border-radius:10px;background:linear-gradient(120deg,#1c564e6b,#081a2299);font-size:13px;color:var(--text-high);box-shadow:inset 0 0 18px #5ff2c814}.step-narration{font-size:13px;line-height:1.6;color:var(--text)}.step-detail{font-size:12px;line-height:1.55;color:var(--text-dim)}.step-outputs{display:flex;flex-wrap:wrap;gap:6px}.steps-list-title{margin-top:4px;font-size:9.5px;letter-spacing:.18em;color:var(--text-faint)}.steps-list{display:grid;gap:5px}.step-item{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(104,220,196,.1);border-radius:9px;background:#08182073;text-align:left;transition:border-color .25s,background .25s,transform .2s var(--ease-out)}.step-item:hover{transform:translate(3px);border-color:var(--line-strong);background:#0e2a34b3}.step-item[aria-pressed=true]{border-color:#5ff2c88c;background:linear-gradient(120deg,#20605680,#0c283299);box-shadow:inset 0 0 18px #5ff2c81a}.step-item__index{font-size:10px;color:var(--mint-dim)}.step-item[aria-pressed=true] .step-item__index{color:var(--mint)}.step-item__title{display:block;font-size:12px;color:var(--text-high)}.step-item__where{display:block;font-size:9.5px;color:var(--text-faint);margin-top:1px}.step-item__chev{color:var(--text-faint);font-size:12px}.processes-dock{display:flex;align-items:center;gap:14px;padding:9px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0a1d26e6,#061219f0);box-shadow:var(--shadow-panel),inset 0 1px #a0ffe612}.dock-group{display:flex;align-items:center;gap:6px}.processes-dock .btn{padding:7px 11px;font-size:12px}.scrubber{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.scrubber__track{position:relative;flex:1;height:8px;border-radius:999px;background:#68dcc41f;cursor:pointer;touch-action:none}.scrubber__fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--cyan));box-shadow:0 0 12px #5ff2c880}.scrub-mark{position:absolute;top:50%;width:1px;height:16px;transform:translate(-50%,-50%);background:#befff059}.scrubber__playhead{position:absolute;top:50%;left:0%;width:14px;height:14px;margin-left:-7px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 34% 30%,#e8fff6,var(--mint) 65%);box-shadow:0 0 14px #5ff2c8cc;pointer-events:none}.scrubber__time{font-size:10.5px;color:var(--text-dim);white-space:nowrap}.processes-dock .seg button{padding:5px 9px;font-size:11px}@media(max-width:1100px){.processes-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:900px){.processes-view{padding:var(--gap);padding-bottom:calc(var(--gap) + 66px);overflow-y:auto}.processes-view.workspace--active{grid-template-rows:auto;align-content:start;gap:var(--gap)}.processes-grid{grid-template-columns:minmax(0,1fr);gap:var(--gap)}.diagram-stage{height:52vh;min-height:320px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.diagram-stage::-webkit-scrollbar{display:none}.diagram-stage canvas{position:absolute;top:0;left:0;width:max(900px,100%);height:100%}.diagram-stage:after{content:"SWIPE TO PAN ↔";position:sticky;left:12px;bottom:8px;display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:#041016b3;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;color:var(--text-faint);pointer-events:none}.io-legend{max-width:100%}.io-legend--right{margin-left:0;justify-content:flex-start}.equation-line{display:none}.processes-dock{position:fixed;left:var(--gap);right:var(--gap);bottom:var(--gap);z-index:58;flex-wrap:wrap;gap:8px;row-gap:8px}.scrubber{order:3;flex-basis:100%}}@media(max-width:560px){.steps-panel .panel__body{max-height:none}}.photosynthesis-lab{overflow:auto;padding:76px 24px 24px;background:radial-gradient(ellipse at 72% 15%,rgba(32,104,99,.16),transparent 46%)}.photosynthesis-lab__grid{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:16px;width:min(1280px,100%);height:calc(100vh - 100px);margin:0 auto}.photosynthesis-lab__controls{min-height:0}.photosynthesis-lab__controls .panel__body{gap:18px}.lab-intro{display:flex;gap:10px;padding:10px;border:1px solid rgba(95,242,200,.14);border-radius:10px;background:#081a228c}.lab-intro__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--mint);background:#5ff2c81f;font-size:22px}.lab-intro strong{color:var(--text-high);font:600 12px var(--font-display)}.lab-intro p{margin-top:2px;font-size:11px;line-height:1.4;color:var(--text-dim)}.control-stack,.control-section{display:grid;gap:12px}.control__unit{font-size:9px;color:var(--text-faint);text-align:right;margin-top:-5px}.section-label{font:10px var(--font-mono);letter-spacing:.16em;color:var(--mint-dim)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-grid .btn:last-child{grid-column:1 / -1}.model-note{padding-top:4px;border-top:1px solid var(--line)}.model-note p{font-size:11px;line-height:1.5;color:var(--text-dim)}.model-note .mono{font-size:9px;color:var(--text-faint)}.photosynthesis-lab__main{min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:auto minmax(0,1fr);gap:16px}.readout-panel{grid-column:1 / -1}.readout-panel__body{display:grid;grid-template-columns:minmax(220px,1fr) 1.6fr;gap:24px;padding:17px 18px 15px}.hero-rate{display:grid;align-content:center;gap:1px}.hero-rate__value{font-size:clamp(38px,5vw,60px);line-height:1;color:var(--mint);text-shadow:0 0 24px rgba(95,242,200,.35)}.hero-rate__unit{font:11px var(--font-mono);color:var(--text)}.hero-rate__caption{font-size:10px;color:var(--text-faint)}.readout-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.metric{display:grid;gap:2px;padding-left:10px;border-left:1px solid var(--line)}.metric span,.metric small,.assay-stats span{font-size:10px;color:var(--text-dim)}.metric b{font-size:18px;color:var(--text-high)}.metric small{font-family:var(--font-mono);font-size:9px;color:var(--text-faint)}.compensation-row{grid-column:1 / -1;display:flex;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--line);font-size:11px;color:var(--text-dim)}.compensation-row b{color:var(--amber);font-size:10px}.assay-panel,.chart-panel{min-height:0}.assay-body{display:grid;align-content:start;gap:15px;padding:18px}.assay-counter{display:flex;align-items:baseline;gap:8px}.assay-counter .mono{font-size:34px;color:var(--cyan);text-shadow:0 0 18px rgba(86,200,255,.3)}.assay-counter small{color:var(--text-dim);font-size:11px}.assay-actions{display:flex;gap:8px}.assay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.assay-stats div{display:grid;gap:3px}.assay-stats b{font-size:11px;color:var(--text-high)}.assay-status{margin-left:auto;font:9px var(--font-mono);letter-spacing:.15em;color:var(--mint)}.sparkline{width:100%;height:42px;border-top:1px solid var(--line)}.chart-panel{grid-column:2}.chart-panel .panel__head{justify-content:space-between}.chart-body{position:relative;min-height:260px;height:100%;padding:8px 12px 8px 4px}.chart-body canvas{display:block;width:100%;height:100%;min-height:250px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;padding:0 12px 11px;font:9px var(--font-mono);color:var(--text-faint)}.legend-dot,.legend-line{display:inline-block;margin-right:5px;vertical-align:middle}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot--mint{background:var(--mint);box-shadow:0 0 7px var(--mint)}.legend-dot--cyan{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.legend-line{width:12px;border-top:1px dashed var(--amber)}@media(max-width:1100px){.photosynthesis-lab__grid{grid-template-columns:270px minmax(0,1fr)}.readout-panel__body{grid-template-columns:190px 1fr;gap:12px}.metric b{font-size:15px}}@media(max-width:900px){.photosynthesis-lab{position:relative;padding:16px 12px 24px;overflow-y:auto}.photosynthesis-lab__grid{display:grid;grid-template-columns:1fr;height:auto}.photosynthesis-lab__main{display:flex;flex-direction:column}.readout-panel__body{grid-template-columns:1fr}.readout-metrics{grid-template-columns:repeat(3,1fr)}.chart-panel{min-height:350px}.chart-body{min-height:290px}.assay-panel{min-height:230px}}@media(max-width:500px){.photosynthesis-lab__grid,.photosynthesis-lab__main{gap:12px}.panel__head{padding:11px 12px 9px}.readout-panel__body,.assay-body{padding:13px}.hero-rate__value{font-size:44px}.readout-metrics{gap:5px}.metric{padding-left:6px}.metric span{font-size:9px}.metric b{font-size:13px}.metric small{font-size:8px}.chart-panel{min-height:330px}.chart-body{padding-right:3px;min-height:265px}.chart-body canvas{min-height:225px}.chart-legend{gap:7px;font-size:8px}.assay-stats{gap:5px}.assay-stats b{font-size:9px}}@media(min-width:1201px){.photosynthesis-lab{padding:var(--gap)}.photosynthesis-lab__grid{grid-template-columns:330px minmax(0,1fr);width:100%;height:100%;gap:var(--gap);margin:0}.photosynthesis-lab__main{width:min(560px,100%);margin-left:auto;height:100%;overflow-y:auto;gap:var(--gap);padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(95,242,200,.28) transparent}.photosynthesis-lab__main .readout-panel,.photosynthesis-lab__main .assay-panel,.photosynthesis-lab__main .chart-panel{grid-column:1 / -1!important}.photosynthesis-lab__main .readout-panel__body{grid-template-columns:1fr;gap:12px}.photosynthesis-lab__main .chart-panel{min-height:300px}}@media(max-width:900px){.photosynthesis-lab.workspace--active{display:grid;grid-template-rows:34vh minmax(0,1fr);height:calc(100dvh - var(--nav-h));padding:0;overflow:hidden}.photosynthesis-lab:before{content:"";grid-row:1}.photosynthesis-lab>div{grid-row:2;min-height:0;overflow-y:auto;padding:var(--gap);background:linear-gradient(180deg,#040e14eb,#030a0ff5);border-top:1px solid var(--line)}}.tonicity-lab{padding:var(--gap)}.tonicity-lab.workspace--active{display:grid}.tonicity-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:var(--gap);min-height:0;height:100%;align-items:start}.tonicity-controls,.tonicity-observer{max-height:100%;min-height:0}.tonicity-observer{justify-self:end;width:min(430px,46vw)}.lab-blurb{font-size:12.5px;line-height:1.55;color:var(--text)}.solution-list{display:grid;gap:8px}.solution-card{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(104,220,196,.14);border-radius:11px;background:#08182080;text-align:left;transition:border-color .25s,background .25s,transform .2s var(--ease-out),box-shadow .25s}.solution-card:hover{transform:translate(3px);border-color:var(--line-strong);background:#0e2a34b3}.solution-card[aria-pressed=true]{border-color:#5ff2c899;background:linear-gradient(120deg,#20605685,#0c28329e);box-shadow:inset 0 0 20px #5ff2c81f,0 0 14px #5ff2c81a}.solution-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.solution-card__name{font-family:var(--font-display);font-size:13.5px;font-weight:600;color:var(--text-high)}.solution-card__molarity{font-size:11px;color:var(--mint)}.solution-card__mix{font-size:10px;color:var(--text-dim)}.solution-card__blurb{font-size:11px;color:var(--text-faint)}.gauge-stack{display:grid;gap:10px;margin-top:4px}.state-row{display:flex;align-items:center;gap:10px}.state-pill{padding:4px 10px;border-radius:999px;border:1px solid rgba(95,242,200,.4);background:#20605666;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--mint)}.state-pill[data-status=flaccid]{border-color:#ffc46b73;background:#785a1e59;color:var(--amber)}.state-pill[data-status=pulling-away],.state-pill[data-status=plasmolyzed]{border-color:#ff8f7a80;background:#78322859;color:var(--coral)}.state-row__note{font-size:10.5px;color:var(--text-dim)}.plasmolysis-meter{display:grid;gap:5px}.plasmolysis-meter__head{display:flex;align-items:baseline;justify-content:space-between;font-size:11px}.plasmolysis-meter__head .mono{color:var(--coral)}.plasmolysis-meter__track{height:7px;border-radius:999px;background:linear-gradient(90deg,#ff8f7a38,#ffc46b2e,#5ff2c829);overflow:hidden}.plasmolysis-meter__fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--coral));box-shadow:0 0 10px #ff8f7a80;transition:width .4s var(--ease-out)}.readout-block{display:grid;gap:2px;padding:8px 10px;border:1px solid rgba(104,220,196,.12);border-radius:10px;background:#06141b80}.narration{display:grid;gap:8px;font-size:12.5px;line-height:1.6;color:var(--text)}.narration p{margin:0;animation:panel-in .45s var(--ease-out)}.observer-block{display:grid;gap:6px}.observer-block canvas{width:100%;border:1px solid rgba(104,220,196,.14);border-radius:10px;background:#04101699}.observer-block [data-ref=schematic]{height:190px}.observer-block [data-ref=chart]{height:150px}.lab-notes ul{margin:6px 0 0;padding-left:16px;display:grid;gap:5px;font-size:11.5px;line-height:1.5;color:var(--text-dim)}.lab-notes li::marker{color:var(--mint-dim)}@media(max-width:1100px){.tonicity-grid{grid-template-columns:300px minmax(0,1fr)}.tonicity-observer{width:min(400px,44vw)}}@media(max-width:900px){.tonicity-lab{padding:var(--gap);padding-bottom:calc(var(--gap) + 66px);overflow-y:auto}.tonicity-lab.workspace--active{display:grid}.tonicity-grid{grid-template-columns:minmax(0,1fr);height:auto}.tonicity-observer{width:100%;justify-self:stretch}.tonicity-controls,.tonicity-observer{max-height:none}}@media(max-width:900px){.tonicity-lab.workspace--active{display:grid;grid-template-rows:34vh minmax(0,1fr);height:calc(100dvh - var(--nav-h));padding:0;overflow:hidden}.tonicity-lab:before{content:"";grid-row:1}.tonicity-lab>div{grid-row:2;min-height:0;overflow-y:auto;padding:var(--gap);background:linear-gradient(180deg,#040e14eb,#030a0ff5);border-top:1px solid var(--line)}}