:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080d17;color:#e9f0f8;font-synthesis:none;--muted:#9dafc5;--line:#26384c;--cyan:#95ddd9;--gold:#ffd29b}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{color:inherit;background:#152334;border:1px solid #32465c;border-radius:9px;padding:10px 14px;cursor:pointer}button{transition:background .15s,border-color .15s}button:hover{background:#20354a;border-color:#6ba1b2}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}p{line-height:1.7}#app{max-width:1360px;margin:auto;padding:24px 32px 36px}.nav{display:flex;align-items:center;gap:24px;font-size:13px}.nav>span{margin-left:auto;display:flex;gap:7px}.nav a[lang]{padding:5px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--cyan)}header{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:12px 50px;margin:32px 0 25px}header>.eyebrow{grid-column:1/-1}h1{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.05em;line-height:1.12;margin:0}header p{font-size:14px;color:var(--muted);max-width:370px;margin:0 0 3px}header h1 br{display:none}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stages button{display:flex;align-items:center;gap:12px;text-align:left;background:#101b2a;padding:13px 15px}.stages button>span{font-size:22px;color:var(--muted);min-width:30px}.stages b{font-size:13px;font-weight:650}.stages small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.stages button[aria-pressed=true]{background:#153235;border-color:#71bfb9}.stages button[aria-pressed=true]>span{color:var(--cyan)}.dashboard{display:grid;grid-template-columns:.85fr 1.1fr 1.1fr;margin-top:14px;border:1px solid var(--line);background:linear-gradient(110deg,#142436,#101b2a);border-radius:12px;overflow:hidden}.dashboard article{padding:16px 22px;border-right:1px solid var(--line)}.dashboard article:last-child{border:0}.dashboard article>span{display:block;font-size:11px;color:var(--muted)}.dashboard strong{display:block;font-size:clamp(23px,2.3vw,32px);line-height:1.4;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--cyan)}.dashboard article:nth-child(2) strong{color:var(--gold)}.dashboard small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.transport label{font-size:11px;color:var(--muted)}.transport select{padding:8px}.transport button{font-size:12px}.transport>span{margin-left:auto;color:var(--muted);font-size:11px}.primary{background:var(--cyan);border-color:var(--cyan);color:#09242b;font-weight:700}.primary:hover{background:#b1f0ea}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.stage{position:relative;background:#040810;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0}.scene-top{position:absolute;top:20px;left:22px;right:22px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.scene-top>span:last-child{font-size:9px;letter-spacing:.08em;color:#94abc2}#space{height:490px;outline:none;touch-action:pan-y}#space canvas{display:block}#space:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.scene-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px 20px;font-size:10px;color:#a8bdd1;background:#091321cc;pointer-events:none}.view-controls{position:absolute;bottom:51px;left:17px;display:flex;gap:5px}.view-controls button{font-size:11px;padding:7px 11px;background:#142234d9;backdrop-filter:blur(10px)}#loading{position:absolute;top:42%;width:100%;text-align:center;color:#dde9f2;font-size:13px;padding:0 20px;pointer-events:none}.layout aside{padding:12px 0 0}.lesson h2{font-size:25px;line-height:1.22;letter-spacing:-.025em;margin:13px 0}.lesson p{font-size:13px;color:#c1cfdd;margin:0 0 14px}.lesson small{display:block;font-size:11px;color:var(--muted);line-height:1.7}.scene-legend{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.scene-legend li{display:flex;align-items:flex-start;gap:10px;color:#aebfd0;font-size:11px;line-height:1.6}.scene-legend li span{color:#77bdbb;font-size:10px;padding-top:1px}.inspect-entry{border-top:1px solid var(--line);padding-top:17px}.inspect-entry button{width:100%;text-align:left;font-size:12px}.inspect-entry p{font-size:9px;color:#8099b2;margin:8px 0}.parts{position:absolute;bottom:51px;left:17px;right:17px;display:flex;gap:5px;flex-wrap:wrap}.parts button{font-size:11px;padding:8px 11px;background:#12283ae8}.parts button[aria-pressed=true]{background:#245251;border-color:#79b9b4}.inspecting .view-controls{bottom:99px}.inspecting .dashboard,.inspecting .scale-control{display:none}.inspecting .layout{margin-top:18px}.voice-panel{margin-top:18px;background:#12252d;border:1px solid #305259;border-radius:12px;padding:17px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.voice-heading{display:flex;align-items:center;gap:13px;flex:1;min-width:210px}.voice-icon{font-size:23px;color:var(--cyan)}.voice-heading strong{display:block;font-size:13px}.voice-heading span:not(.voice-icon){display:block;font-size:10px;color:#93b8bd;margin-top:5px}.voice-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.voice-controls button{font-size:11px;padding:9px 12px}.voice-language{font-size:10px;color:#a1bbc5}.voice-language select{font-size:11px;padding:8px}.transcript{width:100%;font-size:11px;color:#b2ccd3}.transcript summary{cursor:pointer;display:list-item}.transcript p{font-size:13px;max-width:95ch;margin:12px 0 0;color:#d0dfe5}.scale-control{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:18px 22px;background:#101b29}.scale-control label,.experiment label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.scale-control output{color:var(--cyan);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#94dbd5;margin:15px 0;cursor:pointer}.scale-labels{position:relative;height:15px;color:var(--muted);font-size:10px}.scale-labels span{position:absolute;transform:translateX(-50%)}.scale-labels span:nth-child(1){left:0;transform:none}.scale-labels span:nth-child(2){left:11.89%}.scale-labels span:nth-child(3){left:55.95%}.scale-labels span:nth-child(4){right:0;transform:none}.scale-control p{color:var(--muted);font-size:11px;margin:13px 0 0}.comparison,.experiment{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;padding-top:28px;margin-top:34px;border-top:1px solid var(--line)}.comparison h2,.experiment h2{font-size:27px;letter-spacing:-.025em;line-height:1.2;margin:12px 0}.comparison p,.experiment p{font-size:13px;color:var(--muted)}.chart-buttons{display:flex;gap:6px}.chart-buttons button{font-size:11px}.chart-buttons button[aria-pressed=true]{background:#204648;border-color:#80b5b6}#chart{display:block;width:100%;height:auto}.chart-note{font-size:11px!important}.experiment{grid-template-columns:1.25fr 1fr;border:1px solid var(--line);background:#101b29;border-radius:12px;padding:25px}.experiment strong{display:block;font-size:32px;color:var(--gold);letter-spacing:-.03em}.experiment small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.assumptions{margin-top:28px;font-size:12px;color:#a4b5c7;line-height:1.8}.assumptions summary{cursor:pointer;font-weight:650;color:#c6d6e4}.asset-credits{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:#91a7bd;font-size:11px;max-width:100ch}.asset-credits h2{font-size:13px;font-weight:600;color:#c1d1de}footer{font-size:11px;margin-top:26px;color:var(--muted)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.stages button{padding:12px 10px;gap:8px}.stages b{font-size:11px}.scene-top{display:block}.scene-top>span{display:block;margin-bottom:5px}.lesson h2{font-size:22px}#space{height:460px}}@media(max-width:780px){#app{padding:18px 15px 28px}header{display:block;margin:27px 0 20px}header h1{font-size:34px;max-width:510px;margin:10px 0}header p{font-size:12px;max-width:470px}.stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.stages button{display:block;padding:10px 8px}.stages button>span{display:block;font-size:18px;margin-bottom:5px}.stages b{font-size:10px;line-height:1.3;display:block}.stages small{display:none}.dashboard article{padding:12px}.dashboard strong{font-size:22px}.dashboard small{font-size:9px}.dashboard article>span{font-size:10px}.layout{grid-template-columns:1fr}.layout aside{padding:0}.lesson h2{font-size:24px}.scene-legend{grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0}.inspect-entry{display:flex;align-items:center;gap:15px;padding-top:14px}.inspect-entry button{width:auto;white-space:nowrap}.inspect-entry p{margin:0}.voice-panel{padding:15px;gap:13px}.voice-heading{min-width:100%}.voice-controls{width:100%}.voice-language{margin-left:auto}.comparison,.experiment{grid-template-columns:1fr;gap:16px}.nav{gap:18px;font-size:12px}.comparison h2,.experiment h2{font-size:25px}.scene-top>span:last-child{font-size:8px}#space{height:430px}.transport>span{display:none}.transport{gap:6px}.transport button{font-size:11px;padding:9px 11px}.voice-controls button{padding:9px 10px}}@media(max-width:460px){header h1{font-size:30px}.dashboard{grid-template-columns:1fr 1fr}.dashboard article:last-child{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px}.dashboard article:last-child>span{grid-column:1/-1}.dashboard article:last-child strong{font-size:21px}.dashboard article:last-child small{margin:0}.scene-legend{grid-template-columns:1fr;gap:6px}.inspect-entry{display:block}.inspect-entry p{margin-top:8px}#space{height:360px}.voice-language{margin-left:0}.voice-controls{gap:6px}.scale-control{padding:16px}.experiment{padding:18px}.parts{gap:4px}.parts button{font-size:10px;padding:7px 8px}}
.visual-stack{min-width:0}.inspecting .comparison,.inspecting .experiment{display:none}.visual-stack .voice-panel{margin-top:12px}.visual-stack .voice-heading{min-width:100%}.visual-stack .voice-controls{width:100%}.visual-stack .voice-language{margin-left:auto}@media(max-width:460px){.visual-stack .voice-language{margin-left:0}}



.representation{font-size:11px;line-height:1.65;color:#b8ccd8;background:#101b29;border:1px solid var(--line);border-radius:9px;margin:10px 0 0;padding:11px 14px;font-variant-numeric:tabular-nums}.ap-voice{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.ap-voice input{accent-color:var(--cyan);margin:0}.nav{flex-wrap:wrap}.nav>*{min-width:0}@media(max-width:460px){.nav{gap:9px 14px}.representation{font-size:11px;padding:10px 12px}.transport label{max-width:100%}.transport label select{max-width:100%}}
.chart-panel{min-width:0}.chart-readout{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:15px 17px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;background:#101b29}.chart-readout>div{min-width:0}.chart-readout span{display:block;font-size:11px;color:#a9bdd1;line-height:1.6;min-height:3.2em}.chart-readout strong{display:block;font-size:clamp(17px,1.5vw,23px);font-weight:550;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.5}.chart-readout>div+div strong{color:var(--cyan)}.chart-readout p{grid-column:1/-1;margin:0;font-size:12px;line-height:1.7;color:#c2d4df}#chart{cursor:crosshair;border-radius:6px}#chart text{font-size:12px;fill:#a6b7cd}#chart:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#chart-help{font-size:11px;color:#aabed1;line-height:1.7;margin:8px 0}
@media(max-width:460px){.chart-readout{gap:9px 12px;padding:13px}.chart-readout strong{font-size:17px}.chart-readout span{font-size:11px}}