:root{color-scheme:dark;--canvas:#0c1822;--ink:#dce8e9;--sub:#95a6ad;--muted:#74868e;--line:rgba(161,187,192,.15);--accent:#69d8c5;--amber:#daa26b;--panel:#101f29;--space:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#09151e;color:var(--ink);font-size:13px}button,input,select{font:inherit}button{cursor:pointer;transition:background .24s ease,border-color .24s ease,color .24s ease}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45}button svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none}h1,h2,h3,p{margin:0}p{line-height:1.55}h2,h3{font-weight:600}.site-shell{min-height:100vh}.topbar{height:64px;padding:0 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#0a1821}.brand,.header-right{display:flex;align-items:center;gap:14px}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(102,216,197,.45);border-radius:7px;color:var(--accent)}.brand-symbol svg{width:23px}.brand-small,.artifact-type,.index{font-size:10px;letter-spacing:.16em}.brand-small{color:var(--accent);margin-bottom:2px}.brand strong{font-size:13px;letter-spacing:.13em;font-weight:650}.artifact-type{color:#89979a}.index{padding-left:22px;border-left:1px solid var(--line);color:#c5d5d9}.divider-dot{color:#45656a;padding:0 7px}.exhibit{display:grid;grid-template-columns:minmax(0,1fr) 342px;min-height:calc(100vh - 64px);max-width:2200px;margin:0 auto}.visual{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,#101e2a,#0b171f)}.visual-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:30px 34px 19px;position:relative;z-index:2}.section-kicker{display:block;font-size:10px;letter-spacing:.19em;color:var(--accent);font-weight:650}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);vertical-align:2px;margin-right:9px}.sep{color:#51716d;padding:0 7px}h1{font-size:clamp(27px,3.4vw,54px);line-height:1.03;font-weight:730;letter-spacing:-.05em;margin-top:13px;color:#e5eced}h1 em{font-style:normal;color:#df9864}.subtitle{margin-top:10px;font-size:12px;color:#96aab1;letter-spacing:.015em}.view-utilities{display:flex;gap:9px}.view-utilities button{border:1px solid var(--line);background:#12222c;color:#adc0c4;padding:9px 12px;font-size:10px;font-weight:700;letter-spacing:.10em;display:flex;align-items:center;gap:9px;border-radius:4px;white-space:nowrap}.view-utilities button:hover{background:#1a333d;color:#e6f3ee}.canvas-shell{position:relative;flex:1;min-height:400px;background:radial-gradient(ellipse at 52% 55%,#253642 0%,#121f2a 52%,#0d1b25 100%);overflow:hidden}.canvas-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.25) 100%)}#view{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:absolute;inset:0}#view:active{cursor:grabbing}.top-left-tag{position:absolute;top:17px;left:24px;display:flex;align-items:center;gap:10px;color:#9cabad;font-size:9px;letter-spacing:.14em;pointer-events:none}.top-left-tag span:first-child{color:var(--accent)}.tag-line{height:10px;width:1px;background:#5f7480}.scene-legend{position:absolute;top:17px;right:24px;color:#d5d9dc;letter-spacing:.04em;background:rgba(13,27,34,.83);border:1px solid var(--line);padding:9px 13px;border-radius:3px;font-size:11px}.flame-swatch{display:inline-block;width:7px;height:7px;background:#ffa267;border-radius:50%;box-shadow:0 0 10px #ff7746}.bullet{color:#6598a0;padding:0 4px}.selected-leader{position:absolute;z-index:5;pointer-events:none;max-width:192px;background:rgba(14,31,40,.96);border:1px solid #6fc6bc;border-radius:4px;padding:9px 11px;box-shadow:0 8px 28px rgba(0,0,0,.35)}.selected-leader strong{display:block;font-size:11px;line-height:1.3;color:#dcfcf7}.selected-leader span{display:block;margin-top:4px;font-size:9px;color:#95b5bc}.leader-stem{position:absolute;top:100%;left:22px;height:14px;border-left:1px solid #67b9b1}.camera-dock{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:2px;padding:5px;border:1px solid rgba(173,199,206,.2);border-radius:6px;background:rgba(9,23,31,.9);backdrop-filter:blur(8px);white-space:nowrap}.camera-dock button{border:0;border-radius:3px;background:transparent;color:#b3c1c8;padding:9px 12px;font-weight:700;font-size:10px;letter-spacing:.08em}.camera-dock button:hover{background:#223842;color:#eefffb}.drag-hint{position:absolute;bottom:23px;right:22px;color:#83979b;font-size:9px;letter-spacing:.09em;pointer-events:none}.drag-hint span{color:#426874}.mode-nav{display:flex;justify-content:center;gap:0;border-block:1px solid var(--line);background:#0d1c25;min-height:60px}.mode-nav button{min-width:0;flex:1;background:transparent;border:0;border-right:1px solid var(--line);color:#6f858b;font-size:11px;letter-spacing:.08em;font-weight:700;padding:16px 8px}.mode-nav button span{padding-left:5px}.mode-nav button:hover{color:#e5f4f0}.mode-nav button.active{background:linear-gradient(180deg,rgba(106,216,197,.14),rgba(106,216,197,.02));box-shadow:inset 0 2px 0 var(--accent);color:#b5ede2}.visual-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:23px 32px 26px;background:#0b1923}.label-mini{color:#79bdb9;font-size:10px;font-weight:700;letter-spacing:.14em}.visual-foot p{font-size:13px;color:#a8b9bd;margin-top:8px;max-width:640px}.visual-foot .stage-stat{display:flex;flex-direction:column;align-items:flex-end;min-width:162px}.stage-stat strong{font-size:29px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin-top:5px}.muted{font-size:10px;color:#829399}.rail{border-left:1px solid var(--line);overflow-y:auto;background:linear-gradient(#142630,#10212b);max-height:calc(100vh - 64px);scrollbar-width:thin;scrollbar-color:#35525a #101f29}.rail-head{padding:24px 23px 18px;display:flex;justify-content:space-between;align-items:center}.rail-head h2{margin-top:5px;font-size:20px;letter-spacing:-.035em;color:#e3f0f0}.rail-head>button{display:none}.rail-section{border-top:1px solid var(--line);padding:20px 23px 22px}.eyebrow-row,.field-line,.pass-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.eyebrow{font-size:10px;font-weight:720;color:#a4bec1;letter-spacing:.13em}.cyan-mark{font-size:10px;color:#62d3c3;letter-spacing:.07em}.tag-amber{color:#dba671;letter-spacing:.08em;font-weight:650;font-size:9px}.section-mode h3,.selected-part h3{font-size:16px;line-height:1.3;color:#e3eeea;margin-top:15px}.section-mode p,.selected-part p{margin-top:5px;font-size:12px;color:#a5b5ba}.support{font-size:10px!important;color:#83a2a6!important;line-height:1.5;margin-top:13px}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.measure{background:rgba(4,13,20,.29);border:1px solid rgba(179,203,204,.11);border-radius:5px;min-height:91px;padding:13px 11px}.measure.primary{border-color:rgba(104,216,197,.25);background:rgba(58,112,109,.12)}.measure>span{display:block;font-size:9px;font-weight:760;line-height:1.3;letter-spacing:.08em;color:#a9b9c0}.measure strong{display:block;font-size:22px;letter-spacing:-.045em;color:#e7efed;margin-top:9px;font-weight:620;white-space:nowrap;font-variant-numeric:tabular-nums}.measure.primary strong{color:#84e3d4}.measure small{display:block;color:#819399;font-size:9px;margin-top:3px}.micro-readouts{border-top:1px solid var(--line);padding-top:13px;margin-top:14px;display:grid;gap:7px}.micro-readouts div{display:flex;justify-content:space-between;gap:6px;color:#99a9b0;font-size:11px}.micro-readouts b{color:#d7e7e6;font-weight:650;font-variant-numeric:tabular-nums}.field-block{margin-top:17px}.field-line label,.field-block>label{font-size:10px;font-weight:750;letter-spacing:.09em;color:#a9bcc1;display:block}.field-line output{font-variant-numeric:tabular-nums;color:#a9ebdd;font-size:12px;font-weight:700;white-space:nowrap}input[type=range]{appearance:none;width:100%;height:3px;border-radius:3px;background:#345158;display:block;margin:15px 0 2px;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#78dfc9;border:3px solid #17383c;border-radius:50%;box-shadow:0 0 0 1px #62b6ad}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#78dfc9;border:2px solid #17383c;border-radius:50%}select{width:100%;margin-top:9px;background:#182e39;color:#d7e9e8;border:1px solid #3a515b;border-radius:5px;padding:10px}.equation-check{margin-top:22px;background:#101d26;border:1px solid rgba(93,174,158,.29);border-radius:5px;padding:12px}.pass-head{color:#8ab3b1;font-size:9px;font-weight:700;letter-spacing:.10em}.pass-head span:last-child{color:#82d3aa}.equation-check p{display:flex;justify-content:space-between;gap:8px;color:#a8bac0;font-size:11px;margin-top:10px}.equation-check p b{color:#d7eadf;white-space:nowrap}.formula-note{display:block;font-size:10px;line-height:1.45;color:#7f9798;margin-top:10px}.guide-buttons{display:flex;gap:5px;margin-top:17px}.guide-buttons button,.quiz-submit{border:1px solid #35545c;background:#1b323b;border-radius:3px;color:#c7e2df;padding:9px 12px;flex:1;font-size:10px;font-weight:750;letter-spacing:.06em}.guide-buttons button:first-child{background:#255956;color:#dbfdf6;border-color:#4b8880}.guide-buttons button:hover,.quiz-submit:hover{background:#31545a}.context p{margin-top:13px;color:#aabcc0;font-size:12px}.context strong{color:#d4e6e4}.thin-rule{height:1px;background:var(--line);margin:18px 0}.learning{padding-top:0;padding-bottom:0}.reveal-button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#d9e8e8;font-weight:750;font-size:11px;letter-spacing:.09em;padding:18px 0;background:transparent;border:0;border-bottom:1px solid var(--line)}.reveal-button span{font-size:10px;color:#6bd5c6}.science-copy,.science-disclaimer{font-size:11px;color:#a5bbbe;padding:8px 0}.science-equations{font:11px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;padding:12px;background:#0d1b24;color:#b3e4dc;border:1px solid var(--line);margin:6px 0}.science-disclaimer{border-left:2px solid #b78b58;padding-left:10px;margin:8px 0 17px}.quiz-question{border:1px solid var(--line);padding:12px;margin:12px 0;border-radius:5px}.quiz-question legend{color:#c7e2dc;font-weight:650;font-size:11px;padding:0 4px}.quiz-question label{display:block;font-size:11px;color:#9db7bd;padding:5px 0;cursor:pointer}.quiz-question input{accent-color:var(--accent)}.quiz-question small{display:block;font-size:10px;color:#b7ccb9;margin-top:8px;line-height:1.55}.quiz-question.correct{border-color:#518a71}.quiz-question.incorrect{border-color:#986d5a}.quiz-submit{width:100%;margin:4px 0 12px}.rail-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:22px 23px 30px;font-size:9px;letter-spacing:.06em;color:#6e8990}.mobile-controls,.mobile-bottom{display:none}.load-error{position:absolute;top:35%;left:15%;right:15%;background:#472a25;color:#fff0e6;padding:17px;z-index:12;border-radius:7px}
body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode .topbar{display:none}body.embed-mode .exhibit{min-height:100dvh;height:100dvh}body.embed-mode .rail{max-height:100dvh}body.embed-mode .visual-top{padding-top:18px;padding-bottom:12px}body.embed-mode h1{font-size:clamp(23px,2.6vw,35px)}body.embed-mode .visual-foot{padding:10px 24px}body.embed-mode .visual-foot p{font-size:11px}
@media(max-width:1320px){.exhibit{grid-template-columns:minmax(0,1fr) 320px}.view-utilities{align-self:flex-start}.view-utilities button{padding:8px}.visual-top{padding:22px 24px 15px}.drag-hint{display:none}.canvas-shell{min-height:330px}}
@media(max-width:920px){.artifact-type{display:none}.exhibit{grid-template-columns:minmax(0,1fr) 295px}.visual-foot{padding:15px 20px}.visual-foot p{font-size:11px}.measure strong{font-size:19px}.mode-nav button{font-size:9px}.mode-nav button span{padding-left:2px}}
@media(max-width:680px){.topbar{height:50px;padding:0 14px}.brand-symbol{width:30px;height:30px}.brand strong{font-size:10px}.brand-small{font-size:8px}.header-right .index{font-size:8px;padding:0;border:0}.exhibit{display:block;height:calc(100dvh - 50px - 65px);min-height:0}.visual{height:100%;overflow:hidden}.visual-top{flex-shrink:0;padding:17px 17px 8px}.section-kicker{font-size:8px;letter-spacing:.12em}h1{font-size:clamp(27px,8vw,34px);margin-top:8px}.subtitle{font-size:10px;margin-top:7px}.view-utilities{flex-direction:column;gap:5px;align-items:flex-end}.view-utilities button{font-size:8px;padding:7px}.view-utilities button svg{display:none}.canvas-shell{min-height:0;height:0;flex:1}.top-left-tag{top:9px;left:12px;font-size:8px}.top-left-tag .tag-line,.top-left-tag span:last-child{display:none}.scene-legend{right:9px;top:9px;font-size:9px;padding:7px}.camera-dock{bottom:12px;max-width:95%;}.camera-dock button{font-size:9px;padding:8px 9px}.mode-nav{display:none}.visual-foot{flex-shrink:0;padding:11px 15px}.visual-foot .label-mini{font-size:8px}.visual-foot p{font-size:10px;line-height:1.35}.stage-stat{display:none!important}.rail{position:fixed;inset:0;z-index:25;max-height:none;transform:translateX(103%);transition:transform .3s ease;box-shadow:-20px 0 70px #0008;overflow:auto;padding-bottom:20px}.controls-open .rail{transform:translateX(0)}.rail-head>button{display:block;color:#eee;background:transparent;border:1px solid var(--line);padding:7px 10px}.mobile-controls{position:fixed;display:flex;justify-content:space-between;align-items:center;bottom:66px;right:15px;z-index:20;padding:10px 13px;background:rgba(26,57,62,.94);border:1px solid #48746f;color:#dbefeb;font-size:10px;font-weight:750;border-radius:4px;letter-spacing:.06em;box-shadow:0 4px 20px #0006}.mobile-controls span{color:#79d9c6;margin-left:15px;font-size:15px}.mobile-bottom{height:65px;display:flex;position:fixed;bottom:0;left:0;right:0;z-index:21;background:#10232c;border-top:1px solid #39525b}.mobile-bottom button{flex:1;color:#9db6ba;border:0;border-right:1px solid var(--line);background:transparent;font-size:10px;letter-spacing:.03em;font-weight:750}.mobile-bottom button.active{background:#20443f;box-shadow:inset 0 3px 0 var(--accent);color:#d2f6ed}body.embed-mode .exhibit{height:calc(100dvh - 65px)}body.embed-mode .visual-top{padding:11px 12px 7px}body.embed-mode h1{font-size:25px}body.embed-mode .visual-foot{padding:9px 15px}body.embed-mode .rail{max-height:none}}
@media(max-width:360px){h1{font-size:26px}.camera-dock button{padding:8px 6px}.view-utilities button{font-size:7px}.subtitle{max-width:190px}}
@media(prefers-reduced-motion:reduce){*,*::after,*::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:680px){.visual-foot{height:40px;flex:0 0 40px;padding:0;border-top:1px solid var(--line)}.visual-foot>div{display:none!important}.mobile-controls{bottom:77px;right:14px}}