.header-actions{display:flex;align-items:center;gap:20px}.theme-toggle{display:inline-flex;gap:3px;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--bg)}.theme-toggle button{padding:7px 11px;background:transparent;color:var(--muted);font-size:11px;font-weight:600}.theme-toggle button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.connection.offline{color:#ad6a28}select[name=appearance]{margin-top:8px}
.login{position:relative;isolation:isolate;overflow:hidden;--vinyl-size:min(92vh,110vw)}
.login::before,.login::after{content:"";position:absolute;pointer-events:none;width:var(--vinyl-size);height:var(--vinyl-size);left:52.380952%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,#fff 0%,#fff 50%,#1f2d22 50%,#1f2d22 100%);z-index:1}
.login::before{display:none}
.login-vinyl{position:absolute;pointer-events:none;width:var(--vinyl-size);height:var(--vinyl-size);left:52.380952%;top:50%;transform:translate(-50%,-50%);opacity:.7;z-index:1;animation:vinyl-turn 24s linear infinite}
@keyframes vinyl-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.login-vinyl{animation:none}}
.login::after{display:none}
.intro>*{z-index:2}.loginform{position:relative;z-index:2}
@media(max-width:700px){.login::before,.login::after{width:330px;height:330px;left:100%;top:185px;background:#fff}.login::before{opacity:.35}.login::after{opacity:.08}}
@media(max-width:700px){.login-vinyl{width:330px;height:330px;left:100%;top:185px;opacity:.35}}
:root[data-theme=dark]{color-scheme:dark;--ink:#e8eddf;--muted:#a5af9b;--line:#354131;--bg:#151c16;--surface:#202a21}
[data-theme=dark] body{background:var(--bg);color:var(--ink)}
[data-theme=dark] aside,[data-theme=dark] header,[data-theme=dark] .panel,[data-theme=dark] .stat,[data-theme=dark] .publicsong,[data-theme=dark] dialog{background:var(--surface)}
[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#172019;border-color:var(--line);color:var(--ink)}
[data-theme=dark] button,[data-theme=dark] .button{color:#20291e}
[data-theme=dark] .secondary{background:#2a3528;color:var(--ink)}
[data-theme=dark] .text,[data-theme=dark] .nav,[data-theme=dark] .logout{color:#becdaf}
[data-theme=dark] .nav.selected{background:#34452a;color:#d6f264}
[data-theme=dark] .eyebrow,[data-theme=dark] .eventmeta{color:#abbf93}
[data-theme=dark] .pill{background:#33402e;color:#bdcbb0}
[data-theme=dark] .pill.live{background:#304326;color:#d1e9aa}
[data-theme=dark] .avatar{background:#38452e}
[data-theme=dark] .row,[data-theme=dark] .request{border-color:var(--line)}
[data-theme=dark] blockquote{background:#283322;border-left-color:#829c55}
[data-theme=dark] .feature{background:#263824;border:1px solid #415234}
[data-theme=dark] .theme-toggle button{color:var(--muted)}
[data-theme=dark] .theme-toggle button[aria-pressed=true]{background:#d6f264;color:#20291e}
[data-theme=dark] .qr{background:#fff;border:12px solid #fff;border-radius:8px}
[data-theme=dark] .musicmark{color:#20291e}
@media(max-width:700px){.header-actions{gap:10px}.theme-toggle button{padding:6px 8px;font-size:10px}.header-actions .connection{font-size:9px}}

.request-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;margin-left:6px;border-radius:16px;background:var(--accent);color:#20291e;font-size:12px;font-weight:800}.text.danger{color:#a43c3c;margin-left:auto}.danger-button{background:#ac3333;color:white}.request blockquote small{margin-top:6px}[data-theme=dark] .text.danger{color:#f49a94}

.publicsong button.already-played{background:var(--bg);color:var(--muted);border:1px solid var(--line);font-size:11px;white-space:normal;max-width:145px}