:root{--bg: #152e40;--panel: #1c384b;--text: #e6edf0;--guide: #77919e;--accent: #c98a69;--ink: #102534;--serif: "Source Serif 4", "STIX Two Text", Georgia, serif;--sans: "IBM Plex Sans", "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color:var(--text);background:var(--bg);font-family:var(--serif);font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}svg{display:block;max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:-52px;z-index:100;padding:9px 12px;background:var(--accent);color:var(--ink);font-family:var(--sans)}.skip-link:focus{top:12px}.nav{position:sticky;top:0;z-index:20;min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:10px 3.5vw;background:var(--bg);border-bottom:1px solid var(--guide)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:600;line-height:1}.brand small{display:block;margin-top:5px;font:10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--guide)}.mark{width:44px;height:32px}.mark path,.mark ellipse,.mark circle{fill:none;stroke:var(--text);stroke-width:1.2}.mark .mark-eye{fill:var(--accent);stroke:var(--accent)}.nav nav{justify-self:center;display:flex;gap:26px}.nav nav a{font:13px var(--sans);text-decoration:none}.nav nav a:hover{color:var(--accent)}.nav-actions{display:flex;gap:8px}button,.quiet,.file-label{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:var(--ink);font:500 12px var(--sans);text-decoration:none}.quiet,.file-label{background:transparent;color:var(--text);border-color:var(--guide)}button:hover,.quiet:hover,.file-label:hover{background:var(--text);border-color:var(--text);color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero{min-height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr);border-bottom:1px solid var(--guide)}.hero-copy{padding:clamp(30px,4vw,64px) 3.5vw;border-right:1px solid var(--guide);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 10px;color:var(--accent);font:500 10px/1.35 var(--sans);letter-spacing:.17em;text-transform:uppercase}h1,h2,h3,h4{font-family:var(--serif);font-weight:500}.hero h2,.section-heading h2,.rack-head h2,.method h2,dialog h2{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.025em}.lede{max-width:56ch;margin:18px 0 24px;color:var(--text);font-size:16px}.mobile-fly-card{display:none}.mobile-fly-card .mf-wing{fill:var(--panel);stroke:var(--text);stroke-width:1.5}.mobile-fly-card .mf-body,.mobile-fly-card .mf-thorax,.mobile-fly-card .mf-head{fill:var(--ink);stroke:var(--text);stroke-width:1.5}.mobile-fly-card .mf-thorax{fill:var(--bg)}.mobile-fly-card .mf-head{fill:var(--panel)}.mobile-fly-card .mf-eye,.mobile-fly-card .mf-lobe{fill:var(--accent);stroke:var(--text);stroke-width:1.2}.mobile-fly-card .mf-segment,.mobile-fly-card .mf-appendage,.mobile-fly-card .mf-lead,.mobile-fly-card .mf-scope{fill:none;stroke:var(--text);stroke-width:1.7}.mobile-fly-card .mf-segment{stroke:var(--guide)}.mobile-fly-card .mf-lead,.mobile-fly-card .mf-scope{stroke:var(--accent)}.mobile-fly-card .mf-machine{fill:var(--bg);stroke:var(--text)}.mobile-fly-card text{fill:var(--text);font:12px var(--mono)}.slip-form{max-width:620px;padding-top:22px;border-top:1px solid var(--guide)}.form-row{display:grid;grid-template-columns:1fr 150px;gap:12px}label{display:grid;gap:6px;font:12px var(--sans)}input,textarea,select{width:100%;min-height:42px;border:1px solid var(--guide);border-radius:0;background:var(--panel);padding:9px 11px}textarea{min-height:118px;resize:vertical;font:15px/1.45 var(--serif)}input::placeholder,textarea::placeholder{color:#9fb1ba;opacity:1}.form-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.mono{font-family:var(--mono);font-size:11px}.bci-figure{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 3.5vw 18px;background:var(--panel)}.figure-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--guide);padding-bottom:9px}.figure-head .eyebrow,.panel-head .eyebrow{margin:0}.hero-fly{width:100%;flex:1;min-height:360px}.hero-fly text,.intro-fly text{fill:var(--guide);font:10px var(--mono);letter-spacing:.06em}.diagram-guides path{fill:none;stroke:var(--guide);stroke-width:.7;stroke-dasharray:4 6}.fly-wings path{fill:var(--bg);stroke:var(--text);stroke-width:1.5;stroke-linejoin:round}.fly-wings path:not(:first-child):not(:nth-child(2)){fill:none;stroke:var(--guide);stroke-width:.75}.fly-body .abdomen,.fly-body .thorax,.fly-body .head{fill:var(--ink);stroke:var(--text);stroke-width:1.8}.fly-body .thorax{fill:var(--bg)}.fly-body .head{fill:var(--panel)}.fly-body .eye{fill:var(--accent);stroke:var(--text);stroke-width:1.4}.eye-facets circle{fill:var(--ink)}.fly-body .optic-lobe{fill:var(--accent);stroke:var(--text);stroke-width:1.5}.fly-body .segments,.fly-body .antennae,.fly-body .legs,.fly-body .bristles{fill:none;stroke:var(--text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fly-body .segments{stroke:var(--guide);stroke-width:1.2}.fly-body>circle{fill:var(--accent)}.fly-body .haltere{fill:var(--accent);stroke:var(--text);stroke-width:1.2}.bci-leads path,.bci-leads circle,.bci-leads rect,.electrodes path,.electrodes circle,.electrodes rect{fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linejoin:round}.bci-leads .label-line{stroke:var(--guide);stroke-width:.8}.bci-leads .decoder-box{fill:var(--bg);stroke:var(--text)}.bci-leads text{fill:var(--text)}#scope-line{stroke-dasharray:260;animation:signal-draw 2.4s linear infinite}.lead-a,.lead-b{stroke-dasharray:8 7;animation:lead-flow 1.5s linear infinite}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--guide)}.signal-strip div{padding:9px 11px;border-right:1px solid var(--guide)}.signal-strip div:last-child{border-right:0}.signal-strip span,.signal-strip b{display:block;font-family:var(--mono)}.signal-strip span{color:var(--guide);font-size:9px;text-transform:uppercase}.signal-strip b{margin-top:4px;font-size:13px;font-weight:500}.figure-note{margin:11px 0 0;color:var(--guide);font:11px/1.45 var(--sans)}.decoder,.rack-section,.method{padding:clamp(50px,6vw,88px) 3.5vw}.decoder{border-bottom:1px solid var(--guide)}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:60px;align-items:end;margin-bottom:30px}.section-heading p:last-child{max-width:60ch;margin:0;color:var(--guide)}.decoder-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1px;background:var(--guide);border:1px solid var(--guide)}.panel{min-width:0;padding:18px;background:var(--panel)}#hex-retina{width:100%}.dn-map{display:grid;gap:1px;background:var(--guide);border:1px solid var(--guide);margin-top:14px}.dn{position:relative;display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:12px;background:var(--panel);font:11px var(--sans);overflow:hidden}.dn strong{font-family:var(--mono);color:var(--accent)}.dn span{color:var(--guide)}.dn b{font-weight:500}.dn .bar{position:absolute;left:0;bottom:0;height:3px;background:var(--accent)}.dn.active{background:var(--bg)}.readout{grid-column:1 / -1}.readout dl,.readout-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:12px 0;background:var(--guide);border:1px solid var(--guide)}.readout dl div,.readout-inline div{display:flex;justify-content:space-between;gap:8px;padding:10px;background:var(--panel);font:11px var(--mono)}dt{color:var(--guide)}dd{margin:0}.verdict{margin:0;color:var(--accent);font:14px var(--sans)}.rack-section{background:var(--text);color:var(--ink)}.rack-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.rack-head h2{font-size:clamp(36px,5vw,64px)}.rack-head p{max-width:56ch;margin:12px 0 0}.counts{display:flex;gap:28px;font:10px var(--mono);text-transform:uppercase}.counts b{display:block;font:500 28px var(--serif)}.storage-ok,.storage-warn{margin:20px 0 12px;font:11px var(--mono)}.storage-warn{color:#7d362f}.bays{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.bay{min-width:0;padding:14px;border-right:1px solid var(--ink);background:var(--text)}.bay:last-child{border-right:0}.bay.drop{background:#dcc7b9}.bay header{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:8px}.bay h4{margin:0;font:500 11px var(--sans);letter-spacing:.14em;text-transform:uppercase}.shelf{min-height:180px;display:grid;grid-template-columns:repeat(5,minmax(45px,1fr));align-items:end;gap:8px;padding-top:14px}.vial{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:0;padding:0;border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center}.vial:hover{background:transparent;color:var(--ink)}.cork{display:block;width:30px;height:12px;background:var(--accent);border:1px solid var(--ink)}.ghost-cork{opacity:.35}.glass{position:relative;display:block;width:40px;height:106px;overflow:hidden;border:1.5px solid var(--ink);background:#edf3f5}.fill{position:absolute;inset:auto 0 0;height:56%;background:var(--guide)}.fill-incubate{background:var(--accent)}.fill-discard{background:var(--bg)}.highlight{position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#fff}.tag{position:absolute;left:3px;right:3px;top:24px;padding:3px 2px;border:1px solid var(--ink);background:var(--text);font:7px/1.2 var(--sans);overflow:hidden}.vial.empty{pointer-events:none;opacity:.4}.rack-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.rack-section .quiet,.rack-section .file-label{color:var(--ink);border-color:var(--ink)}.rack-section .quiet:hover,.rack-section .file-label:hover{background:var(--ink);color:var(--text)}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.method{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;border-bottom:1px solid var(--guide)}.method h2{max-width:13ch}.method ol{list-style:none;counter-reset:method;margin:0;padding:0;border-top:1px solid var(--guide)}.method li{counter-increment:method;padding:18px 0 18px 48px;border-bottom:1px solid var(--guide);position:relative}.method li:before{content:"0" counter(method);position:absolute;left:0;color:var(--accent);font:11px var(--mono)}.method b{font-family:var(--sans);font-weight:500}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 3.5vw 40px;font:12px var(--sans)}footer p{margin:5px 0 0;color:var(--guide)}footer a{color:var(--accent)}dialog{width:min(560px,92vw);padding:0;border:1px solid var(--text);border-radius:0;background:var(--panel);color:var(--text)}dialog::backdrop{background:#102534c7}.dialog-card{padding:24px}.dialog-card h2{font-size:34px}#inspect-body{white-space:pre-wrap}.dialog-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:18px}#toast{position:fixed;z-index:60;left:50%;bottom:18px;transform:translate(-50%,12px);max-width:90vw;padding:11px 16px;border:1px solid var(--accent);background:var(--ink);color:var(--text);opacity:0;pointer-events:none;transition:.2s;font:12px var(--sans)}#toast.show{opacity:1;transform:translate(-50%)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;grid-template-columns:1.3fr .7fr;background:var(--bg);color:var(--text)}.intro.playing,.intro.leaving{display:grid}.intro-grid{min-width:0;padding:5vh 4vw;border-right:1px solid var(--guide);display:flex;flex-direction:column;justify-content:center}.intro-specimen{border:1px solid var(--guide);position:relative}.intro-fly{width:100%}.intro-fly .fly-wings path{fill:var(--panel)}.intro-fly .fly-body circle:not(.optic-lobe){fill:var(--accent)}.intro-label{margin:0;padding:9px 12px;border-top:1px solid var(--guide);color:var(--guide);font:11px var(--mono)}.intro-signal{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-top:18px;font:9px var(--mono);color:var(--guide)}.intro-signal i{height:1px;background:var(--accent);transform-origin:left;animation:extend 1.4s ease both}.intro-copy{padding:5vh 4vw;display:flex;flex-direction:column;justify-content:center}.intro-copy h1{margin:0;font-size:clamp(58px,8vw,110px);line-height:.9;font-weight:500;letter-spacing:-.04em}.intro-copy>p:not(.eyebrow){max-width:34ch;font-size:18px}.intro-copy button{align-self:flex-start;margin-top:16px}.intro-fly{animation:specimen-enter 2s ease both}.intro-fly .electrodes path{stroke-dasharray:500;stroke-dashoffset:500;animation:electrode-draw 2.5s 1.8s ease forwards}.intro.leaving{animation:intro-out .55s ease forwards;pointer-events:none}@keyframes lead-flow{to{stroke-dashoffset:-30}}@keyframes signal-draw{0%{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes specimen-enter{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes electrode-draw{to{stroke-dashoffset:0}}@keyframes extend{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media(max-width:1100px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--guide)}.bci-figure{min-height:650px}}@media(max-width:760px){.nav{grid-template-columns:1fr auto;gap:10px}.nav-actions .quiet:first-child{display:none}.hero-copy,.bci-figure,.decoder,.rack-section,.method{padding-left:18px;padding-right:18px}.hero-copy{justify-content:flex-start;padding-top:36px}.mobile-fly-card{display:block;width:100%;margin:-6px 0 18px;border:1px solid var(--guide);background:var(--panel)}.bci-figure{min-height:0}.hero-fly{min-height:290px}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip div:nth-child(2){border-right:0}.signal-strip div:nth-child(-n+2){border-bottom:1px solid var(--guide)}.section-heading,.method{grid-template-columns:1fr;gap:28px}.decoder-grid,.bays{grid-template-columns:1fr}.bay{border-right:0;border-bottom:1px solid var(--ink)}.bay:last-child{border-bottom:0}.rack-head{align-items:start;flex-direction:column}.shelf{grid-template-columns:repeat(5,1fr)}.intro{grid-template-columns:1fr;overflow:auto}.intro-grid{padding:20px 18px;border-right:0;border-bottom:1px solid var(--guide)}.intro-copy{padding:28px 18px 38px;justify-content:flex-start}.intro-copy h1{font-size:58px}.intro-copy>p:not(.eyebrow){font-size:15px}.intro-signal{grid-template-columns:1fr}.intro-signal i{display:none}footer{flex-direction:column}}@media(max-width:480px){.brand small{display:none}.nav-actions .quiet{padding:8px}.form-row{grid-template-columns:1fr}.form-action{align-items:stretch;flex-direction:column}.form-action button{width:100%}.counts{gap:16px}.shelf{grid-template-columns:repeat(4,1fr)}.readout dl,.readout-inline{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}