:root{color-scheme:dark;--paper:#0a1016;--surface:#111a23;--line:#283544;--muted:#8999a7;--text:#e1edf3;--mint:#83efd2;--blue:#65b9d2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px}button,select,input{font:inherit}#app{display:flex;flex-direction:column;min-height:100vh;min-width:820px}header.topbar{height:78px;display:flex;align-items:center;padding:12px 30px 12px 25px;background:#101922;border-bottom:1px solid #283744;gap:15px;flex-shrink:0}.brandmark{width:43px;height:43px;border-radius:50%;border:1px solid #78dbc0;display:grid;place-items:center;font-weight:800;font-size:25px;letter-spacing:-3px;color:#e1fdf1}.brandmark span{color:var(--mint)}.brand{line-height:1.15}.brand strong{font-size:24px;letter-spacing:.08em;font-weight:700}.brand strong span{font-weight:300;color:#7bcdb8}.eyebrow{font-size:8px;color:#819aaa;letter-spacing:.23em;margin-bottom:5px}.meta-top{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--mint);display:flex;align-items:center;gap:11px}.live-led,.tiny-led{width:8px;height:8px;border-radius:50%;background:#61e6b4;box-shadow:0 0 13px #42d6a5;display:inline-block}.edition{color:#7e94a2;border-left:1px solid #344451;padding-left:24px;font-size:9px;letter-spacing:.13em}.edition b{display:block;color:#c6d9e1;font-weight:600;margin-top:7px}.layout{flex:1;display:grid;grid-template-columns:285px minmax(360px,1fr) 278px;min-height:650px}.panel{background:#101922;padding:25px 22px 20px;overflow-y:auto;max-height:calc(100vh - 119px)}.panel.left{border-right:1px solid #283744}.panel.right{border-left:1px solid #283744}.panel-heading{display:flex;justify-content:space-between;color:#7b9caa;font-size:9px;font-weight:750;letter-spacing:.16em;border-bottom:1px solid #273947;padding-bottom:13px}.dotgrid{font-size:21px;line-height:8px;color:#667987}.panel h2{font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.15;margin:22px 0 12px}.panel h2 em{color:#7cdcc3;font-style:normal;font-weight:400}.panel .description{font-size:11px;line-height:1.7;color:#849bab;margin:0 0 22px}.section-head{font-size:9px;font-weight:750;letter-spacing:.17em;color:#7993a4;margin:21px 0 12px}select{width:100%;background:#1c2935;color:#d7e7ef;border:1px solid #344655;border-radius:5px;padding:10px 8px;outline-color:var(--mint)}.slider-wrap{margin:16px 0 5px}.slider-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:8px}.slider-info label{color:#b5c5d1;font-size:11px}.slider-info output{font-family:ui-monospace,'SFMono-Regular',monospace;color:#97ebd5;background:#1d3139;padding:4px 7px;border-radius:4px;font-size:11px;min-width:64px;text-align:right}input[type=range]{width:100%;accent-color:#65dfbb;cursor:pointer;height:5px}input[type=checkbox]{accent-color:#6bd8b4;width:14px;height:14px;margin:0}.toggle{display:flex;align-items:center;gap:9px;color:#b7cad3;font-size:11px;margin:12px 0;cursor:pointer}.button-pair{display:flex;gap:8px;margin-top:9px}.button-pair button,.scene-button{cursor:pointer;background:#1c2b36;color:#c7dbe5;border:1px solid #385364;border-radius:5px;padding:11px 8px;flex:1;font-size:11px;white-space:nowrap;transition:background .15s}.button-pair button:hover,.scene-button:hover{background:#2c4750}.button-pair button.primary{background:#26564d;border-color:#479d84;color:#caffee}.disclaimer{font-size:10px;color:#7992a2;border-top:1px solid #34414b;margin-top:26px;padding-top:18px;line-height:1.6}.scene-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#223241 0%,#111b26 50%,#080d15 100%);min-height:550px}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#viewport canvas:active{cursor:grabbing}.scene-top{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stamp{letter-spacing:.13em;color:#c4d7e1;font-size:9px;font-weight:700;background:#0b1821a8;padding:10px 13px;border:1px solid #2b4051;border-radius:3px}.tiny-led{width:6px;height:6px;box-shadow:none;margin-right:7px}.minor{color:#668899}.scene-button{pointer-events:auto;flex:none;padding:10px 13px;background:#101e2bb9}.scene-bottom{position:absolute;bottom:20px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;color:#94aebc;font-size:9px;letter-spacing:.1em;pointer-events:none}.scene-mark span{color:#8ff1d2}.scale{color:#8195a6}.scale i{display:inline-block;width:34px;height:1px;background:#6ca1a7;vertical-align:middle;margin:0 7px}.right-heading{margin-bottom:25px!important}.bigreadout{background:#192e34;border:1px solid #396a66;border-radius:5px;padding:17px 15px 16px;position:relative}.bigreadout span{font-size:9px;letter-spacing:.13em;color:#95c6ba;display:block}.bigreadout strong{font:300 clamp(34px,3.3vw,48px) ui-monospace,Menlo,Consolas,monospace;color:#a4ffe2;display:inline-block;margin-top:13px;letter-spacing:-.07em}.bigreadout small{color:#7ed8be;margin-left:6px;font:12px ui-monospace}.readout-rows{margin-top:17px}.readout-rows>div,.telemetry-box>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283d49;padding:9px 0}.readout-rows span,.telemetry-box span{font-size:10px;color:#819aaa}.readout-rows strong,.telemetry-box strong{font:12px ui-monospace,Consolas,monospace;color:#bedce7}.telemetry-box{margin-top:21px}.telemetry-box span{font-size:9px}.science-note{margin-top:22px;padding-left:11px;border-left:2px solid #4d9b93;font-size:11px;color:#96aab7;line-height:1.7}footer{height:41px;flex-shrink:0;background:#0c141d;border-top:1px solid #26333e;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#617b8d}#status{color:#73e1bf}@media(max-width:1180px){.layout{grid-template-columns:245px minmax(330px,1fr) 245px}.panel{padding:20px 15px}.brand strong{font-size:20px}.edition{display:none}}@media(max-width:900px){#app{min-width:360px}.layout{display:flex;flex-wrap:wrap}.scene-panel{width:100%;height:58vh;min-height:380px;order:0}.panel{width:50%;max-height:none;order:1}.panel.right{border-left:1px solid #253d48}.meta-top{font-size:8px}footer{font-size:7px;gap:8px}.scene-bottom{font-size:7px}}@media(max-width:580px){.panel{width:100%}.scene-panel{height:52vh}.edition,.meta-top{display:none}header.topbar{height:68px}.scene-mark{max-width:160px}}