:root{--bg: #0f1115;--panel: #1b1e25;--border: #3a3f4b;--text: #e8eaf0;--muted: #8a90a0;--accent: #29b6f6;--good: #76b041;--bad: #ff8a80}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}main{max-width:1100px;margin:0 auto;padding:16px}input,select,textarea,button{font:inherit;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:inherit}button{cursor:pointer}button:hover:not(:disabled){background:#262a33}button.primary{background:#1f4f6b;border-color:#2c6d92}button.danger{border-color:#6b2f2f;color:var(--bad)}:disabled{opacity:.5}.error{color:var(--bad)}.muted{color:var(--muted)}h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:20px 0 8px}nav.svelte-12qhfyh{display:flex;align-items:center;gap:20px;padding:12px 16px;border-bottom:1px solid #23262e}.brand.svelte-12qhfyh{font-weight:700;font-size:1.15rem;margin-right:12px}.player.svelte-12qhfyh{margin-left:auto}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted);text-decoration:none}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh),nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text)}