:root{--bg:#0f1115;--card:#181b22;--text:#e8eaf0;--muted:#9aa1b2;--accent:#1ed760;--accent-text:#06210f;--border:#2a2f3a;--warn-bg:#3a2a12;--warn-text:#ffd27a;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--card:#fff;--text:#15171c;--muted:#5c6270;--border:#dfe2e8;--warn-bg:#fff3d6;--warn-text:#7a4b00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{gap:16px;max-width:720px;margin:0 auto;padding:16px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}h1{letter-spacing:.02em;margin:0;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.field{gap:6px;margin-bottom:12px;display:grid}.field>span{color:var(--muted);font-size:.85rem}input,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;width:100%;min-height:44px;padding:10px 12px}code.copyable{background:var(--bg);border:1px dashed var(--border);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px 12px;display:block}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.btn{font:inherit;border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.btn.big{flex:auto;min-height:56px;padding:12px 24px;font-size:1.05rem}.btn.small{flex:none;width:auto;min-height:36px;padding:6px 12px;font-weight:500}.muted{color:var(--muted);font-size:.9rem}.warning{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.now-playing{min-height:1.4em;margin:12px 0}.now-playing strong{color:var(--text)}.progress{gap:6px;margin-top:12px;display:grid}.progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .2s}.queue-info{margin-top:12px}.queue-info a{color:var(--accent)}.log{color:var(--muted);max-height:200px;margin:0;padding:0;font-size:.85rem;list-style:none;overflow:auto}.log li{border-bottom:1px solid var(--border);padding:4px 0}.log li.error{color:var(--danger)}.auth-area{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}#player-status{min-height:1.3em;margin-top:10px}