:root{--font-family: "Segoe UI", "Helvetica", sans-serif;--transition: all .3s ease;--bg: #121612;--surface: rgba(20, 24, 20, .7);--surface-raised: rgba(255, 255, 255, .04);--border: rgba(210, 190, 140, .12);--text: #f3ead7;--text-strong: #f6eddc;--text-muted: rgba(243, 234, 215, .62);--gold: #c8a96b;--gold-dark: #a8864d;--live: #88b08b;--danger: #e08c7c;color-scheme:dark}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-family),sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,rgba(200,169,107,.08),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2{color:var(--text-strong)}.eyebrow{color:var(--gold);font-size:.8rem;letter-spacing:.14em}.card{border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 60px #00000059}input{height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#00000040;color:var(--text);font:inherit;font-size:1rem}input:focus{outline:none;border-color:var(--gold)}.btn{height:46px;padding:0 20px;border-radius:999px;border:none;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;transition:var(--transition)}.btn:disabled{opacity:.6;cursor:default}.btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}label.btn{display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);color:#161812}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-danger{background:#d65c482e;color:#ffb4a6;border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:#d65c4847}.btn-ghost{height:38px;padding:0 16px;background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--gold)}.btn-small{height:34px;padding:0 12px;font-size:.85rem;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);color:#161812}.btn-quiet{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-quiet:hover{border-color:var(--gold)}.track-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border-radius:14px;background:var(--surface-raised);border:1px solid var(--border)}@media(max-width:767px){.track-row{gap:8px;padding:8px 10px}}.track-row .index{width:1.6em;flex-shrink:0;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.track-row .track{flex:1;min-width:0;display:flex;flex-direction:column}.track-row .track strong,.track-row .track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row .track span{color:var(--text-muted);font-size:.85rem}.track-row .actions{display:flex;gap:4px;flex-shrink:0}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:.7rem}.icon-btn:hover:not(:disabled){border-color:var(--gold)}.icon-btn:disabled{opacity:.3;cursor:default}@media(max-width:767px){.icon-btn{width:34px;height:34px}}.tag{flex-shrink:0;padding:3px 10px;border-radius:999px;border:1px solid rgba(200,169,107,.4);color:var(--gold);font-size:.75rem}.empty{list-style:none;color:var(--text-muted);font-size:.85rem;padding:6px 2px}