:root{color:#f7f7fb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0e0f16;--panel:#1c1d2ae6;--panel-strong:#1d1f2d;--border:#ffffff17;--muted:#a9adc1;--primary:#8b5cf6;--primary-2:#6d4ae0;--danger:#ef5350;--success:#35c77a;--shadow:0 18px 60px #00000047;background:#0e0f16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 12% 0%, #8b5cf638, transparent 34rem), radial-gradient(circle at 100% 10%, #35c77a1a, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.shell{width:min(1240px,100% - 32px);margin:0 auto;padding:18px 0 64px}.shell.narrow{width:min(680px,100% - 32px)}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:60px;margin-bottom:46px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.08rem;font-weight:850;display:inline-flex}.brand>span{color:#fff;background:linear-gradient(135deg, var(--primary), #4e31b8);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #8b5cf659}.topbar-user{color:var(--muted);align-items:center;gap:10px;display:flex}.topbar-user img{border-radius:50%;width:34px;height:34px}.hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);align-items:center;gap:48px;padding:44px 0 70px;display:grid}.hero h1,.page-header h1{letter-spacing:-.055em;margin:8px 0 20px;line-height:.98}.hero h1{max-width:900px;font-size:clamp(3rem,7vw,6.5rem)}.hero p{color:var(--muted);max-width:750px;font-size:1.08rem;line-height:1.7}.hero-actions,.header-actions,.inline-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.join-card,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.join-card{gap:13px;padding:28px;display:grid}.join-card input{letter-spacing:.18em;text-align:center;font-size:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#bca8ff;font-size:.72rem;font-weight:800}.fine-print{margin:10px 0 0;color:#858aa0!important;font-size:.86rem!important}.feature-grid,.dashboard-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid article{border-top:1px solid var(--border);padding:24px}.feature-grid article>span{color:#8d91a7;font-size:.78rem}.feature-grid h2{margin:12px 0 8px}.feature-grid p{color:var(--muted);line-height:1.6}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:750;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.button.secondary{color:#fff;border:1px solid var(--border);background:#ffffff14}.button.ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.button.danger{color:#fff;background:#ef53502e;border:1px solid #ef535059}.button.small{border-radius:10px;padding:8px 12px;font-size:.86rem}.button.full{width:100%}input,select{color:#fff;border:1px solid var(--border);background:#11131d;border-radius:12px;outline:none;width:100%;padding:12px 14px}input:focus,select:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf61f}label{color:#d7d9e4;gap:7px;font-size:.92rem;display:grid}.check-row{align-items:center;gap:10px;display:flex}.check-row input{width:18px;height:18px}.form-grid{gap:16px;display:grid}.panel{padding:24px}.panel h2{letter-spacing:-.025em;margin:0 0 16px}.centered{text-align:center;padding:56px 34px}.centered p{color:var(--muted);line-height:1.7}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 26px;display:flex}.page-header h1{margin-bottom:0;font-size:clamp(2.4rem,6vw,4.6rem)}.page-header.split{align-items:center}.dashboard-grid{align-items:start}.party-list{gap:10px;display:grid}.party-row{border:1px solid var(--border);background:#ffffff06;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.party-row:hover{border-color:#8b5cf66b}.party-row>div{gap:4px;min-width:0;display:grid}.party-row span{color:var(--muted);font-size:.85rem}.status-pill{color:#c3c7d8;white-space:nowrap;background:#ffffff12;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.status-pill.active{color:#bcf7d7;background:#35c77a26}.error-box{color:#ffc7c5;background:#ef53501f;border:1px solid #ef535059;border-radius:12px;padding:12px 15px}.empty-state{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:14px;padding:30px 18px}.empty-state.compact{text-align:left;padding:16px}.spinner{min-height:240px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spinner-dot{background:var(--primary);border-radius:50%;width:12px;height:12px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.25;transform:scale(.65)}}.admin-grid{align-items:start;margin-top:20px}.top-grid{grid-template-columns:.85fr 1.15fr}.qr-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.qr-panel svg{background:#fff;border-radius:16px}.qr-panel>div{align-content:center;gap:9px;min-width:0;display:grid}.qr-panel code{color:var(--muted);overflow-wrap:anywhere}.big-code{letter-spacing:.15em;font-size:2.5rem}.player-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.player-controls>button,.track-actions>button,.vote-controls button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff12;border-radius:12px;width:42px;height:42px}.player-controls label{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.player-controls input[type=range]{box-shadow:none;border:0;padding:0}.now-playing{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.now-playing img,.now-playing .cover-placeholder{object-fit:cover;border-radius:14px;width:76px;height:76px}.track-list,.search-results{gap:10px;display:grid}.track-card{border:1px solid var(--border);background:#ffffff06;border-radius:15px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px;display:grid}.track-cover,.cover-placeholder{object-fit:cover;border-radius:11px;width:58px;height:58px}.cover-placeholder{color:#c6cae0;background:#292c3b;place-items:center;font-size:1.5rem;display:grid}.track-main{gap:3px;min-width:0;display:grid}.track-main strong,.track-main span,.track-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-main>span,.track-main>small{color:var(--muted)}.track-main small{font-size:.78rem}.track-main em{color:#c8bedf;white-space:normal;margin-top:4px;font-size:.82rem}.track-title-line{align-items:center;gap:7px;min-width:0;display:flex}.track-title-line strong{min-width:0}.explicit{background:#73778a;border-radius:3px;padding:1px 4px;font-size:.64rem;font-weight:900;color:#10121a!important}.track-actions{align-items:center;gap:7px;display:flex}.danger-icon{color:#ffb2af!important}.request-meta{margin-top:3px;font-size:.78rem;color:#9b8ad8!important}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.section-title h2{margin:2px 0 0}.section-title>span{color:var(--muted);font-size:.85rem}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:14px;display:grid}.search-results{max-height:440px;margin-bottom:18px;padding-right:3px;overflow:auto}.fallback-list,.history-list{max-height:470px;overflow:auto}.request-result{border:1px solid var(--border);border-radius:16px;overflow:hidden}.request-result .track-card{border:0;border-radius:0}.request-compose{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:0 11px 11px;display:grid}.vote-controls{align-items:center;gap:5px;display:flex}.vote-controls button.selected{background:#35c77a33;border-color:#35c77a8c}.vote-controls button.selected.down{background:#ef535033;border-color:#ef53508c}.join-guest-panel{max-width:720px;margin:0 auto}.join-guest-panel p{color:var(--muted)}@media (width<=900px){.hero,.feature-grid,.dashboard-grid,.admin-grid,.top-grid{grid-template-columns:1fr}.hero{padding-top:16px}.topbar{margin-bottom:24px}.qr-panel{grid-template-columns:auto 1fr}.page-header.split{flex-direction:column;align-items:flex-start}}@media (width<=620px){.shell{width:min(100% - 20px,1240px);padding-top:10px}.hero h1{font-size:3.2rem}.panel,.join-card{border-radius:18px;padding:17px}.topbar-user>span{display:none}.qr-panel{text-align:center;grid-template-columns:1fr;justify-items:center}.qr-panel>div{justify-items:center}.now-playing{grid-template-columns:62px minmax(0,1fr)}.now-playing img,.now-playing .cover-placeholder{width:62px;height:62px}.now-playing .status-pill{display:none}.track-card{grid-template-columns:50px minmax(0,1fr)}.track-cover,.cover-placeholder{width:50px;height:50px}.track-actions{grid-column:1/-1;justify-content:flex-end}.request-compose,.search-row{grid-template-columns:1fr}.search-row .button,.request-compose .button{width:100%}.page-header h1{font-size:2.65rem}.header-actions{width:100%}}.notice-box{color:#bcf7d7;background:#35c77a1f;border:1px solid #35c77a59;border-radius:12px;padding:12px 15px}.panel h3{margin:22px 0 10px;font-size:1rem}