:root{--bg: #0a0a0a;--bg-1: #111111;--bg-2: #161616;--bg-3: #1c1c1c;--line: #232323;--line-2: #2c2c2c;--fg: #fafafa;--fg-2: #b3b3b3;--fg-3: #767676;--fg-4: #4d4d4d;--accent: #d4ff3a;--accent-2: #b8e02a;--accent-ink: #0a0a0a;--stem-vocals: #d4ff3a;--stem-drums: #ff7a45;--stem-bass: #b794f4;--stem-other: #5eead4;--good: #6ee7a8;--warn: #fbbf24;--bad: #f87171}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);height:100%}#root{height:100%}body{font-family:Space Grotesk,system-ui,sans-serif;font-feature-settings:"ss01","ss02"}.t-display{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.02}.t-title{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.1}.t-body{font-family:Space Grotesk,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.4}.t-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"ss02","zero";letter-spacing:0}.t-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.surface{background:var(--bg-1);border:1px solid var(--line);border-radius:16px}.surface-2{background:var(--bg-2);border:1px solid var(--line);border-radius:16px}.btn-primary{background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.01em;padding:14px 22px;font-size:15px;cursor:pointer;transition:transform .12s,background .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--accent-2)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-2);color:var(--fg);border:1px solid var(--line-2);border-radius:999px;font-family:Space Grotesk,sans-serif;font-weight:500;padding:13px 20px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s}.btn-secondary:hover{background:var(--bg-3)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line-2);border-radius:999px;font-family:Space Grotesk,sans-serif;font-weight:500;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .12s}.btn-ghost:hover{background:var(--bg-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-size:11px;font-family:JetBrains Mono,monospace;letter-spacing:.04em;color:var(--fg-2)}.chip-accent{background:#d4ff3a1a;border-color:#d4ff3a4d;color:var(--accent)}.chip-good{background:#6ee7a81a;border-color:#6ee7a84d;color:var(--good)}.chip-bad{background:#f871711a;border-color:#f871714d;color:var(--bad)}.chip-warn{background:#fbbf241a;border-color:#fbbf244d;color:var(--warn)}@keyframes glowPulse{0%,to{opacity:.45}50%{opacity:1}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes spin360{to{transform:rotate(360deg)}}@keyframes marqueeX{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-slide-up{animation:fadeSlideUp .2s cubic-bezier(.2,.8,.2,1) both}input{background:transparent;border:none;outline:none;color:inherit;font:inherit}button{font:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}