:root{color-scheme:dark;--ink:#110e0b;--panel:#1c1713;--panel-2:#2c241c;--line:#3d3228;--cream:#f6efe4;--muted:#b7a48d;--amber:#f0b429;--berry:#d4534a;--pine:#2f8f62;font-family:Outfit,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--ink);color:var(--cream)}body{min-height:100dvh}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--amber)}.shell{width:min(880px,calc(100% - 24px));margin:0 auto;padding:20px 0 48px}.kicker{margin:0;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-size:12px}h1{font-size:40px;line-height:1;font-weight:560;margin:8px 0 0}.card{background:var(--panel);border-radius:28px;padding:18px;margin-top:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grow{flex:1 1;min-width:180px}label{display:grid;grid-gap:8px;gap:8px;margin-top:12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.search,input{background:var(--ink);padding:0 16px;letter-spacing:0;text-transform:none;color:var(--cream)}.danger,.ghost,.primary,.search,input{height:56px;border:0;border-radius:18px;font-size:18px}.danger,.ghost,.primary{padding:0 18px}.primary{background:var(--amber);color:var(--ink)}.ghost{background:var(--panel-2)}.danger,.ghost{color:var(--cream)}.danger{background:rgba(212,83,74,.2)}.pill{border-radius:999px;padding:8px 12px;background:var(--panel-2);font-size:14px}.pill.on{background:rgba(47,143,98,.25);color:#b7ebc8}.pill.off{background:rgba(212,83,74,.2);color:#ffd0cb}.song{font-size:28px;margin:8px 0 0}.muted{color:var(--muted)}.queue{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.hit,.queue article{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--ink);border-radius:18px;padding:12px 14px}.hit{width:100%;border:0;text-align:left;margin-top:8px}.error{color:#ffb4ae}.footer{margin-top:28px;text-align:center;letter-spacing:.14em;color:var(--amber);font-size:11px}@media (max-width:640px){h1{font-size:34px}.song{font-size:24px}.danger,.ghost,.primary{width:100%}}