:root{color-scheme:dark;--bg: #0d0f14;--bg-elev: #151823;--bg-elev-2: #1d2230;--fg: #e8eaee;--fg-dim: #a4adbd;--accent: #ff4d6d;--accent-2: #6aa6ff;--good: #4ade80;--warn: #fbbf24;--bad: #ef4444;--border: rgba(255, 255, 255, .08);--radius: 12px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--accent-2)}button{font:inherit;background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .12s,border-color .12s,transform 60ms}button:hover{background:#232a3c}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}button.primary:hover{background:#ff3354}button.danger{background:var(--bad);border-color:transparent;color:#fff}button.ghost{background:transparent;border-color:var(--border)}input,textarea{font:inherit;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent-2)}.row{display:flex;gap:8px;align-items:center}.col{display:flex;gap:8px;flex-direction:column}.spacer{flex:1}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.muted{color:var(--fg-dim)}.mono{font-family:var(--mono)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:10px 16px;z-index:100;box-shadow:0 8px 24px #0006}.toast.warn{border-color:var(--warn)}.toast.bad{border-color:var(--bad)}.toast.good{border-color:var(--good)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--bg-elev-2);border:1px solid var(--border)}.badge.good{color:var(--good);border-color:var(--good)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--bad);border-color:var(--bad)}.player-stage{user-select:none}.player-stage.clickable{cursor:pointer}.stage-icon{pointer-events:none}@keyframes stage-icon-flash{0%{opacity:0}12%{opacity:.9}82%{opacity:.9}to{opacity:0}}.stage-icon.flash{animation:stage-icon-flash 1s ease forwards}.player-stage input[type=range]{background:#ffffff2e;border:none;padding:0;height:4px;border-radius:2px;accent-color:var(--accent)}.player-stage input[type=range]:disabled{opacity:.6}.vol-slider input[type=range]{padding:0;height:4px}