:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b111a;color:#f0f5fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% 0%,#122237,#0b111a 55%)}a{color:#b4d4ff;text-decoration:none}a:hover{text-decoration:underline}.top{max-width:1100px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #29394b;font-size:13px}.wordmark{font-size:22px;color:#f0f5fc;font-weight:700;letter-spacing:-.05em}.wordmark span{color:#98d5f4}.layout{width:min(100% - 48px,1040px);margin:35px auto 60px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,370px);gap:clamp(22px,5vw,75px);align-items:start}.eyebrow{font-size:11px;letter-spacing:.13em;color:#94bcd8;font-weight:750}.info h1{font-size:clamp(31px,4vw,52px);line-height:1.16;letter-spacing:-.05em;margin:16px 0}.lede{font-size:15px;line-height:1.7;color:#b5c4d4;max-width:530px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.controls label{display:flex;flex-direction:column;gap:8px;min-width:0;color:#b7cce0;font-size:12px}.controls select,.controls input[type=number]{width:100%;background:#162434;color:#e8f1fa;border:1px solid #3a5068;border-radius:8px;min-height:43px;padding:8px 12px;font:inherit;font-size:14px}.controls input[type=range]{width:100%;margin-top:12px;accent-color:#98c9fa}.controls output{color:#94aac3}.actions{display:flex;gap:12px;align-items:end}.actions button{padding:12px 20px;min-height:43px;border:1px solid #647b91;border-radius:8px;color:#f0f7ff;background:#1d3248;font:inherit;font-size:13px;cursor:pointer}.actions button:first-child{background:#d6e8fa;color:#13283a;border-color:#d6e8fa}.actions button:focus-visible,.controls :focus-visible{outline:2px solid #8fd8fb;outline-offset:3px}.stats{display:flex;gap:30px;margin:26px 0}.stats div{display:flex;flex-direction:column;gap:6px}.stats span{font-size:12px;color:#90a8bf}.stats strong{font-size:20px;font-variant-numeric:tabular-nums}.footnote{color:#91a6bb;font-size:12px;line-height:1.65;max-width:520px}.stage{width:100%;max-width:370px;border:1px solid #33465b;border-radius:12px;overflow:hidden;background:#090c13;box-shadow:0 18px 65px #02070b55}.stage-header,.stage-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;min-height:40px;background:#111b27;color:#a9bfce;font-size:10px;letter-spacing:.07em}.stage-header{border-bottom:1px solid #2c3c4d}.stage-footer{border-top:1px solid #2c3c4d}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86dec6;margin-right:7px}canvas{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:9/16;background:#080b11}@media(max-width:760px){.top{padding:15px 18px}.layout{display:flex;flex-direction:column;align-items:stretch;gap:26px;width:min(100% - 32px,450px);margin-top:20px}.info h1{font-size:31px}.stage{margin:auto}.controls{gap:12px}.stats{margin:20px 0}}