:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;--panel:#0a0e15ad;--panel-strong:#0c111bdb;--line:#ffffff2e;--muted:#aab4c4;--accent:#49e3ff;--warm:#ffb14b;--hot:#ff5b3d;--mint:#75ffc5;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 22% 18%,#49e3ff21,#0000 24rem),radial-gradient(circle at 82% 78%,#ff5b3d1a,#0000 26rem),#05070b}button,input{font:inherit}#scene{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hud{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;width:min(360px,100vw - 40px);padding:18px;position:fixed;top:20px;left:20px;box-shadow:0 20px 70px #00000061}.hud__header{gap:4px;margin-bottom:14px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:clamp(1.45rem,1.1rem + 1.2vw,2rem);line-height:1}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.status-grid>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;min-width:0;padding:10px 8px}.status-grid span{color:var(--muted);font-size:.7rem;display:block}.status-grid strong{overflow-wrap:anywhere;margin-top:3px;font-size:.92rem;display:block}.control-group{gap:11px;margin-bottom:16px;display:grid}.slider-row{color:#dce5f1;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;font-size:.86rem;display:grid}input[type=range]{width:100%;accent-color:var(--accent)}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.toggle-grid label{color:#e5edf8;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:8px;font-size:.78rem;display:flex}.toggle-grid input{accent-color:var(--mint)}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}button{color:#f6f9ff;cursor:pointer;background:#ffffff17;border:1px solid #ffffff2e;border-radius:7px;min-height:36px;transition:transform .16s,background .16s,border-color .16s}button:hover{background:#49e3ff24;border-color:#49e3ffcc;transform:translateY(-1px)}.readout{border:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;width:min(390px,100vw - 40px);padding:16px 18px;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 70px #00000059}.readout h2{margin-bottom:6px;font-size:1rem}.readout p{color:#c4cedc;font-size:.88rem;line-height:1.45}.legend{color:#d9e2ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070b8a;border:1px solid #ffffff1f;border-radius:8px;flex-wrap:wrap;gap:8px 12px;max-width:calc(100vw - 450px);padding:10px 12px;font-size:.76rem;display:flex;position:fixed;bottom:20px;left:20px}.legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:999px;width:9px;height:9px}.swatch--horizon{background:#050505;box-shadow:0 0 0 1px #93a5b9}.swatch--disk{background:linear-gradient(90deg, var(--hot), var(--warm))}.swatch--photon{background:var(--accent)}.swatch--jet{background:var(--mint)}.swatch--grid{background:#7894ff}@media (width<=780px){html,body,#app{overflow:auto}#scene{min-height:100vh}.hud{width:calc(100vw - 24px);padding:14px;top:12px;left:12px}.readout{width:calc(100vw - 24px);bottom:12px;right:12px}.legend{display:none}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.hud{max-height:58vh;overflow:auto}.status-grid{grid-template-columns:1fr}.slider-row{grid-template-columns:76px minmax(0,1fr)}.toggle-grid{grid-template-columns:1fr}}