:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef2f8;--muted:#97a3b6;--bg:#06070d;--panel:#0d1018;--line:#1e2432;--accent:#78f0ff;--warm:#ffd48a}*{box-sizing:border-box}body{background:radial-gradient(120% 90% at 50% 0%, #101526 0%, var(--bg) 60%);color:var(--ink);min-height:100vh;margin:0;padding:clamp(1rem,3vw,2.5rem);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header,main,footer{max-width:1180px;margin-inline:auto}nav{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.8rem}nav a{color:inherit;text-decoration:none}h1{letter-spacing:-.02em;margin:.3rem 0 .4rem;font-size:clamp(2rem,6vw,3.2rem)}h2{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 .2rem;font-size:.95rem}.invitation{color:var(--warm);max-width:46ch;margin:0 0 1.6rem;font-size:clamp(1.05rem,2.4vw,1.35rem)}.stage{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.25rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem}.panel-note{color:var(--muted);margin:0 0 .8rem;font-size:.85rem}.panel-note em{color:var(--ink);font-style:italic}.plot{aspect-ratio:1;background:#06070d;border-radius:10px;width:100%;position:relative;overflow:hidden}.plot canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{cursor:crosshair}.overlay:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.controls{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1.1rem 1.6rem;margin:1.5rem 0;padding:1.1rem;display:grid}.control label,.control .label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.78rem;display:block}.control input[type=range]{width:100%;accent-color:var(--accent)}.control output{font-variant-numeric:tabular-nums;color:var(--warm);margin-top:.2rem;font-size:.9rem;display:block}.hint{color:var(--muted);margin:.4rem 0 0;font-size:.78rem}.c-inputs{align-items:center;gap:.4rem;display:flex}.c-inputs label{margin:0}.control select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#070910;border-radius:6px;padding:.4rem;font-size:.9rem}.control select:hover{border-color:var(--accent)}.c-inputs input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;background:#070910;border-radius:6px;padding:.35rem .4rem}.checkbox{text-transform:none;letter-spacing:0;color:var(--ink);align-items:center;gap:.45rem;margin-top:.6rem;font-size:.85rem;display:flex!important}.checkbox input{accent-color:var(--accent)}.buttons{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}button{color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;background:#151b28;border-radius:8px;flex:auto;padding:.55rem .8rem;font-size:.88rem}button:hover{border-color:var(--accent);color:var(--accent)}.legend dl{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:.6rem 0 0;font-size:.88rem;display:grid}.legend dt{color:var(--warm);white-space:nowrap}.legend dd{color:var(--muted);margin:0}kbd{border:1px solid var(--line);background:#151b28;border-bottom-width:2px;border-radius:4px;padding:0 .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.status{color:var(--accent);margin:1rem 0 0;font-size:.85rem}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2rem;padding-top:1rem;font-size:.82rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}