:root{color-scheme:dark;--bg:#081416;--panel:#0c1b1e;--line:#203538;--text:#e1f1ec;--muted:#8da8a7;--mint:#79e9ca;--gold:#e2c580;--coral:#f69c88;--font:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,a,input{touch-action:manipulation}button{font:inherit;color:var(--text);background:#11272b;border:1px solid #2a4346;border-radius:5px;min-height:38px;padding:8px 12px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#21413f;border-color:#568778}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button[aria-pressed=true]{border-color:#69a899;color:var(--mint)}a{color:var(--mint)}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:22px}.wordmark{display:flex;align-items:center;gap:13px;font-size:18px;letter-spacing:.11em;color:var(--text);text-decoration:none}.wordmark b{font-weight:350}.wordmark small{display:block;font-size:10px;letter-spacing:.24em;margin-top:7px;color:var(--muted)}.mark{font-size:40px;color:var(--mint);line-height:1}.header-path{display:flex;gap:19px;font-size:11px;letter-spacing:.06em;color:var(--muted)}.header-path i{font-style:normal;opacity:.4}.header-actions{display:flex;align-items:center;gap:20px}.primary{background:var(--mint);color:#0c2925;border-color:var(--mint);font-weight:650}.primary:hover{background:#a3f7df;border-color:#a3f7df}.primary span{margin-left:9px}.live-pill{font-size:11px;letter-spacing:.08em;color:var(--mint);white-space:nowrap}main{display:grid;grid-template-columns:270px minmax(350px,1fr) 282px;grid-template-rows:minmax(580px,calc(100vh - 314px)) 166px;min-height:746px}.left-panel,.right-panel{padding:27px 22px}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.section-kicker{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:600}.section-kicker span{margin-left:14px;color:#adc1ba}h1{font-size:35px;line-height:1.12;letter-spacing:-.045em;font-weight:450;margin:20px 0 14px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint)}h2{font-weight:550;font-size:15px;margin:0}p{line-height:1.6}.intro{color:var(--muted);margin:0 0 24px;font-size:14px}.wide{width:100%;min-height:44px}.wide span{margin:0 8px 0 0}.two-buttons{display:flex;gap:7px;margin-top:8px}.two-buttons button{font-size:12px;flex:1;padding:8px 4px}.status{font-size:12px;color:#b3c7c1;min-height:36px;margin:12px 0 10px}.input-meter{height:4px;background:#263b3c;border-radius:3px;overflow:hidden}.input-meter div{height:100%;width:0;background:var(--mint);transition:width .08s}.split{display:flex;justify-content:space-between;align-items:center;gap:5px}.caption{font-size:11px;color:var(--muted);line-height:1.6;letter-spacing:.015em}.input-meter+.split{margin:7px 0 17px;font-size:9px;letter-spacing:.06em}.range-label{display:flex;justify-content:space-between;font-size:12px;color:#b8ceca;margin:14px 0 8px}output{font-variant-numeric:tabular-nums;color:var(--mint)}input[type=range]{width:100%;height:3px;accent-color:var(--mint);margin:9px 0 5px;cursor:pointer}.hairline{height:1px;background:var(--line);margin:22px 0}.tiny-tag{font-size:9px;letter-spacing:.05em;border:1px solid #29433e;padding:4px 5px;border-radius:3px;color:#a3cabe}.gold-tag{color:var(--gold);border-color:#4c422b;font-size:8px}#cochlea{width:100%;height:104px;margin:12px 0 0;display:block}.process-line{display:flex;gap:10px;align-items:center;margin:15px 0 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.mint{background:var(--mint)}.coral{background:var(--coral)}.gold{background:var(--gold)}.process-line strong{display:block;font-size:12px;font-weight:500}.process-line small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.privacy{color:#6f908b;font-size:11px;margin:22px 0 0}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 49%,#163237 0,transparent 68%)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.view-title{position:absolute;top:29px;left:27px;z-index:1;pointer-events:none}.view-title h2{font-size:20px;font-weight:400;margin-top:11px;letter-spacing:-.025em}.view-legend{display:flex;gap:15px;font-size:10px;color:var(--muted);margin-top:16px}.view-legend span{display:flex;align-items:center;gap:6px}.scene-hint{position:absolute;bottom:104px;left:0;right:0;text-align:center;font-size:10px;color:#83a5a0;pointer-events:none}.scene-toolbar{position:absolute;bottom:56px;left:0;right:0;display:flex;justify-content:center;gap:7px}.scene-toolbar button{font-size:11px;min-height:31px;background:#0c2228d9;padding:6px 12px}.scene-stats{position:absolute;bottom:0;left:0;right:0;height:42px;display:flex;gap:35px;align-items:center;justify-content:center;border-top:1px solid #20383a88;background:#0a1c20b3}.scene-stats div{display:flex;gap:9px;align-items:baseline}.scene-stats strong{font-size:15px;font-weight:450;color:#c5dfd6;font-variant-numeric:tabular-nums}.scene-stats span{font-size:8px;letter-spacing:.08em;color:var(--muted)}.right-panel>.split{margin-top:21px}.prediction{display:flex;align-items:center;gap:19px;margin:20px 0 22px}.prediction>span{font-size:68px;font-weight:250;color:var(--mint);line-height:1;width:58px}.prediction strong{font-size:12px;display:block;font-weight:500}.prediction small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}.digit-bars{display:flex;height:95px;gap:7px;align-items:stretch}.digit-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.digit-column .track{width:100%;height:65px;display:flex;align-items:flex-end;background:#142d2f;border-radius:2px;overflow:hidden}.digit-column .fill{width:100%;height:0;background:#548a7d;transition:height .1s}.digit-column.winner .fill{background:var(--mint)}.digit-column small{font-size:11px;color:var(--muted)}.right-panel>.caption{font-size:10px}.selected-name{font-size:12px;color:var(--mint);margin:14px 0}.neuron-stats{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px}.neuron-stats span{color:var(--muted)}.neuron-stats b{font-weight:450;font-variant-numeric:tabular-nums}#membrane{width:100%;height:55px;display:block;margin-top:14px}.timeline{grid-column:1/-1;border-top:1px solid var(--line);padding:15px 25px 0;background:#081719}.timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.timeline-head .caption{margin-left:12px;font-size:10px}.raster-key{display:flex;gap:24px;font-size:9px;letter-spacing:.07em;color:#c4d1d4}.mint-text{color:var(--mint)}.gold-text{color:var(--gold)}#raster{height:116px;width:100%;display:block}footer{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-top:1px solid var(--line);gap:15px;font-size:10px;letter-spacing:.03em;color:#a0b9b2}footer>span>.dot{margin-right:8px}.footer-muted{color:#668580;margin-left:14px}footer>div{display:flex;align-items:center;gap:15px}footer button{font-size:10px;min-height:28px;border:0;background:transparent;padding:5px 0;color:#b6c8c2}#fps,#compute{color:#6f958c;font-variant-numeric:tabular-nums}dialog{border:1px solid #3d625d;background:#0d2429;color:var(--text);max-width:650px;width:calc(100% - 32px);border-radius:12px;padding:35px;box-shadow:0 40px 120px #0009}dialog::backdrop{background:#0009}dialog h2{font-size:26px;margin:18px 0}dialog p{font-size:14px;color:#b6ceca}dialog b{color:var(--text)}.close{float:right;font-size:22px;padding:0 10px}#toast{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);background:#23413f;border:1px solid #669389;padding:14px 21px;border-radius:7px;z-index:20;max-width:90vw;font-size:14px}body.xr #overlay{display:none}body.xr{background:transparent}body.xr #scene{position:fixed;inset:0}body.xr #scene canvas{position:fixed;inset:0}body.xr dialog{display:none}
@media(min-width:1550px){main{grid-template-columns:300px minmax(350px,1fr) 310px}.left-panel,.right-panel{padding:32px}h1{font-size:40px}#cochlea{height:135px}.hairline{margin:25px 0}.intro{font-size:16px}}
@media(max-width:1150px){.header-path{display:none}main{grid-template-columns:235px minmax(320px,1fr) 245px}.left-panel,.right-panel{padding:23px 17px}.scene-stats{gap:16px}.footer-muted{display:none}footer>div{gap:10px}}
@media(max-width:850px){header{padding:0 17px;height:78px}.wordmark{font-size:15px}.wordmark small{font-size:8px}.live-pill{display:none}main{grid-template-columns:230px 1fr;grid-template-rows:580px auto 166px}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding:25px}.right-panel>.section-kicker,.right-panel>.split,.prediction,.digit-bars,.right-panel>.caption{grid-column:1}.right-panel>.hairline{display:none}.right-panel>h2{grid-column:2;grid-row:1}.selected-name{grid-column:2;grid-row:2}.neuron-stats{grid-column:2;grid-row:3}.right-panel #membrane{grid-column:2;grid-row:4}.right-panel .range-label{grid-column:2;grid-row:5}.right-panel input{grid-column:2;grid-row:6}#model-note{grid-column:2;grid-row:7}.timeline{grid-row:3}footer{height:auto;min-height:60px;flex-wrap:wrap;padding:15px}footer>div{flex-wrap:wrap}.view-title{left:20px}.view-title h2{font-size:18px}.view-legend{gap:10px}}
@media(max-width:590px){main{display:flex;flex-direction:column}.viewport{height:510px;order:0}.left-panel{order:1;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.left-panel h1{font-size:28px}.left-panel .section-kicker,.left-panel h1,.left-panel .intro,.left-panel .wide,.left-panel .two-buttons,.left-panel .status{grid-column:1}.left-panel .input-meter{grid-column:2;grid-row:2;align-self:end}.left-panel .input-meter+.split{grid-column:2;grid-row:3}.left-panel .range-label{grid-column:2;grid-row:4}.left-panel input[type=range]{grid-column:2;grid-row:5}.left-panel .hairline{display:none}.left-panel>.split:not(.caption){grid-column:1/-1;margin-top:10px}#cochlea{grid-column:1/-1}.left-panel #cochlea+.split{grid-column:1/-1}.left-panel .process-line{grid-column:1/-1}.left-panel .privacy{grid-column:1/-1}.right-panel{order:3;display:block}.right-panel .hairline{display:block}.timeline{order:2;height:166px}.raster-key{gap:10px}.timeline-head .caption{display:none}.header-actions button{font-size:12px;padding:9px}.view-title h2{font-size:21px}footer>span{font-size:10px}.right-panel .digit-bars{max-width:320px}.status{overflow-wrap:anywhere}.intro{font-size:12px}.left-panel .wide{font-size:12px}}
@media(prefers-reduced-motion:reduce){button,.fill,.input-meter div{transition:none}}

#compute{max-width:190px}.scene-toolbar{gap:5px}.scene-toolbar button{padding:6px 9px}@media(max-width:590px){.scene-toolbar button{font-size:10px;padding:6px 8px}}

.left-panel,.right-panel{overflow-y:auto}.scene-toolbar{flex-wrap:wrap;justify-content:center;max-width:96%;bottom:120px!important}.scene-hint{bottom:176px!important}.size-control{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);width:220px;background:#0a1c20dd;padding:6px 12px;border-radius:6px}.size-control label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.size-control input{width:100%;height:15px}.personal-guess{display:flex;align-items:center;gap:12px;font-size:12px;margin:12px 0}.personal-guess strong{font-size:30px;color:var(--gold)}.personal-guess button{margin-left:auto;font-size:10px;padding:5px;min-height:30px}#personal-controls{border-top:1px solid var(--line);padding:12px 0}#personal-controls summary{cursor:pointer;color:var(--mint);font-size:12px}.teach-digits{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.teach-digits button{padding:5px;min-height:34px;font-size:12px}.teach-digits small{font-size:9px;color:var(--muted)}#training-status{font-size:11px;color:var(--gold);line-height:1.4}#personal-controls .two-buttons button{font-size:10px}body.xr .size-control{display:none}

#spatial-close{position:absolute;top:14px;right:14px;font-size:11px;z-index:5}.spatial-preview .scene-toolbar,.spatial-preview .size-control,.spatial-preview .scene-hint,.spatial-preview .view-title{display:none}