:root{--bg-base:#0d0d14;--bg-panel:#13131f;--bg-panel-alt:#1a1a2e;--bg-hover:#22223a;--border:#2a2a45;--color-primary:#4a9eff;--color-on-air:#ff3b3b;--color-played:#3a3a5a;--color-skipped:#5a3a3a;--color-next:#ff9500;--color-success:#00c853;--font-ui:"Inter",system-ui,sans-serif;--font-size-sm:12px;--font-size-md:14px;--radius-sm:4px;--radius-md:8px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background:var(--bg-base);color:#e8e8f0;font-family:var(--font-ui);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-panel-alt);color:#e8e8f0;border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:6px 14px}button:hover{background:var(--bg-hover);border-color:var(--color-primary)}input{background:var(--bg-base);border:1px solid var(--border);color:#e8e8f0;border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-size-md)}input:focus{outline:none;border-color:var(--color-primary)}