:root{color:#f7f7fb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0e0f16;--text:#f7f7fb;--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}.my-requests-panel{background:linear-gradient(135deg, #8b5cf614, transparent 42%), var(--panel);border-color:#8b5cf659;margin-top:20px}.track-card.own-request{background:linear-gradient(90deg,#8b5cf629,#ffffff06 48%);border-color:#8b5cf680;box-shadow:inset 4px 0 #8b5cf6e6}.request-meta-line{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;margin-top:4px;display:flex}.own-request-badge{white-space:nowrap;background:#8b5cf647;border:1px solid #bca8ff73;border-radius:999px;align-items:center;width:fit-content;padding:3px 8px;font-size:.7rem;font-weight:850;line-height:1;display:inline-flex;color:#efe9ff!important}.track-actions>.delete-request,.delete-request{color:#ffc7c5;cursor:pointer;background:#ef535021;border:1px solid #ef535061;border-radius:10px;width:auto;min-width:78px;height:38px;padding:0 12px;font-weight:750}.track-actions>.delete-request.compact{min-width:0;padding:0 10px}.delete-request:hover:not(:disabled){background:#ef535038}.delete-request:disabled{opacity:.5;cursor:not-allowed}.locked-request{color:var(--muted);text-align:right;white-space:normal;max-width:100px;font-size:.75rem}@media (width<=620px){.track-actions>.delete-request,.delete-request{min-width:92px}.locked-request{max-width:none}}.queue-state{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.queue-state-requested{color:#ddd1ff;background:#8b5cf624;border-color:#8b5cf66b}.queue-state-selected{color:#ffe0a1;background:#ffb94826;border-color:#ffb94873}.queue-state-queued{color:#b7dbff;background:#3c9bff26;border-color:#3c9bff73}.queue-state-playing{color:#baf3d4;background:#35c77a26;border-color:#35c77a73}.spotify-health{border:1px solid var(--border);background:#ffffff06;border-radius:12px;gap:4px;margin:14px 0;padding:11px 13px;display:grid}.spotify-health strong{font-size:.9rem}.spotify-health span{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.spotify-health-ok{background:#35c77a17;border-color:#35c77a61}.spotify-health-rate_limited{background:#ffb9481a;border-color:#ffb9486b}.spotify-health-unreachable,.spotify-health-auth_error,.spotify-health-device_missing{background:#ef53501a;border-color:#ef53506b}.spotify-health-device_inactive{background:#ffb94814;border-color:#ffb94859}.qr-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pin-badge,.tv-pin-note{color:#ffe0a1;background:#ffb9481f;border:1px solid #ffb9486b;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.settings-divider{background:var(--border);height:1px;margin:12px 0 0}.join-guest-panel .search-row{grid-template-columns:minmax(0,1fr) minmax(150px,.45fr) auto}.tv-screen{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 5%,#8b5cf638,#0000 32%),radial-gradient(circle at 90% 18%,#35c77a24,#0000 30%),#090b13;padding:clamp(22px,3vw,54px)}.tv-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(24px,3vw,44px);display:flex}.tv-header h1{margin:4px 0 0;font-size:clamp(2.3rem,4.5vw,5rem);line-height:.95}.tv-main-grid{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:clamp(24px,4vw,58px);display:grid}.tv-now{min-width:0}.tv-now-card{border:1px solid var(--border);background:#ffffff0e;border-radius:28px;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:clamp(22px,3vw,48px);margin-top:10px;padding:clamp(18px,2.5vw,34px);display:grid;box-shadow:0 24px 80px #00000047}.tv-now-card>img,.tv-cover-placeholder{aspect-ratio:1;object-fit:cover;background:#ffffff14;border-radius:22px;width:100%}.tv-cover-placeholder{place-items:center;font-size:5rem;display:grid}.tv-now-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.tv-now-copy h2{overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(2rem,4vw,4.8rem);line-height:1.02}.tv-now-copy>p{color:var(--muted);margin:0;font-size:clamp(1.15rem,2vw,2rem)}.tv-now-copy blockquote{color:#ddd1ff;margin:24px 0 0;font-size:clamp(1rem,1.5vw,1.45rem)}.tv-meta-row{flex-wrap:wrap;gap:14px;margin-top:22px;font-size:clamp(.95rem,1.3vw,1.25rem);display:flex}.tv-meta-row span{color:var(--muted)}.tv-join-card{border:1px solid var(--border);text-align:center;background:#fff1;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-width:290px;padding:24px;display:flex}.tv-join-card svg{border-radius:16px;max-width:100%;height:auto}.tv-code{letter-spacing:.16em;margin-left:.16em;font-size:clamp(2.6rem,5vw,5rem)}.tv-next-panel{margin-top:clamp(28px,4vw,58px)}.tv-candidates{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.tv-candidate{border:1px solid var(--border);background:#ffffff0b;border-radius:18px;grid-template-columns:48px minmax(0,1fr);gap:11px;min-width:0;padding:14px;display:grid;position:relative}.tv-candidate>img,.tv-small-cover{object-fit:cover;background:#ffffff14;border-radius:10px;width:48px;height:48px}.tv-small-cover{place-items:center;display:grid}.tv-rank{z-index:2;border:1px solid var(--border);background:#111522;border-radius:50%;place-items:center;width:23px;height:23px;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:8px;left:8px}.tv-candidate-copy{align-content:center;min-width:0;display:grid}.tv-candidate-copy strong,.tv-candidate-copy span,.tv-candidate-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv-candidate-copy span,.tv-candidate-copy small{color:var(--muted)}.tv-candidate-score{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tv-candidate-score strong{font-size:1.75rem}.tv-candidate .queue-state{grid-column:1/-1}.tv-error{text-align:center;place-content:center;display:grid}@media (width<=1200px){.tv-candidates{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.tv-main-grid{grid-template-columns:1fr}.tv-join-card{min-width:0}.tv-now-card{grid-template-columns:minmax(150px,30%) minmax(0,1fr)}.tv-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}.join-guest-panel .search-row{grid-template-columns:1fr}}@media (width<=560px){.tv-screen{padding:14px}.tv-header{flex-direction:column}.tv-now-card{grid-template-columns:1fr}.tv-now-card>img,.tv-cover-placeholder{max-width:280px}.tv-candidates{grid-template-columns:1fr}}.section-title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.section-title-actions>span{color:var(--muted);font-size:.85rem}@media (width<=620px){.section-title{flex-direction:column;align-items:flex-start}.section-title-actions{justify-content:space-between;width:100%}}html{scroll-behavior:smooth}.toast{z-index:1200;color:#c8f8dc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121f1bf5;border:1px solid #35c77a6b;border-radius:15px;justify-content:space-between;align-items:flex-start;gap:16px;width:min(420px,100vw - 32px);padding:14px 16px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #0000006b}.toast-error{color:#ffd0ce;background:#271418f7;border-color:#ef535075}.toast-info{color:#e8e0ff;background:#1b1730f7;border-color:#8b5cf675}.toast button{width:26px;height:26px;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;flex:none}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.dialog-backdrop{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04050abd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);background:#1a1c29;border-radius:22px;width:min(520px,100%);padding:26px;box-shadow:0 30px 100px #0000008c}.confirm-dialog h2{margin:6px 0 12px}.confirm-dialog p{color:var(--muted);margin:0;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.connection-badge{border:1px solid var(--border);width:fit-content;color:var(--muted);white-space:nowrap;background:#ffffff0e;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.connection-badge i{background:#858aa0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #858aa021}.connection-connected{color:#bcf7d7;background:#35c77a1a;border-color:#35c77a52}.connection-connected i{background:var(--success);box-shadow:0 0 0 3px #35c77a26}.connection-connecting i,.connection-reconnecting i{background:#ffb948;animation:1s infinite alternate pulse;box-shadow:0 0 0 3px #ffb94824}.connection-disconnected{color:#ffc7c5;background:#ef535017;border-color:#ef53504d}.connection-disconnected i{background:var(--danger)}.connection-badge.compact{padding:5px 9px}.admin-topbar-actions,.guest-topbar-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.admin-topbar{margin-bottom:26px}.admin-page-header{margin-bottom:18px}.admin-livebar{z-index:150;border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#141520f0;border-radius:20px;grid-template-columns:minmax(230px,1.1fr) minmax(200px,.8fr) auto;align-items:center;gap:18px;margin:0 0 16px;padding:12px 14px;display:grid;position:sticky;top:10px;box-shadow:0 18px 55px #0000005c}.admin-livebar.ready{border-color:#35c77a40}.admin-livebar.paused{border-color:#ffb9483d}.admin-live-track{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.admin-live-track img,.live-cover-placeholder{object-fit:cover;border-radius:12px;width:52px;height:52px}.live-cover-placeholder{color:var(--muted);background:#292c3b;place-items:center;display:grid}.admin-live-track>div{gap:2px;min-width:0;display:grid}.admin-live-track strong,.admin-live-track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-live-track>div>span:last-child{color:var(--muted);font-size:.82rem}.admin-control-state{align-items:center;gap:10px;min-width:0;display:flex}.admin-control-state>i{background:#ffb948;border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 4px #ffb9481f}.admin-livebar.ready .admin-control-state>i{background:var(--success);box-shadow:0 0 0 4px #35c77a1f}.admin-control-state>div{min-width:0;display:grid}.admin-control-state strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.admin-control-state span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.admin-live-controls{align-items:center;gap:8px;display:flex}.admin-live-controls .button{white-space:nowrap;padding:10px 13px}.admin-tabs{z-index:140;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10111ae8;border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 18px;padding:6px;display:grid;position:sticky;top:90px}.admin-tabs button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:800;display:inline-flex}.admin-tabs button:hover{color:#fff;background:#ffffff0b}.admin-tabs button.active{color:#fff;background:#8b5cf62e;border-color:#8b5cf661}.admin-tabs button>span{color:#bca8ff}.admin-tab-content{animation:.18s ease-out admin-tab-in}@keyframes admin-tab-in{0%{opacity:0;transform:translateY(5px)}}.live-grid{grid-template-columns:1fr 1fr;margin-top:0}.queue-panel{margin-top:20px}.volume-control{margin-top:18px}.volume-control>span{justify-content:space-between;display:flex}.volume-control input[type=range]{box-shadow:none;border:0;padding:0}.fallback-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 16px;display:grid}.subpanel{border:1px solid var(--border);background:#ffffff06;border-radius:16px;padding:17px}.subpanel h3{margin-top:0}.fallback-search-results{max-height:360px}.enhanced-qr-panel{align-self:stretch}.settings-tab-grid,.guests-tab-grid{margin-top:0}.compact-title{margin-bottom:10px}.guest-shell{padding-bottom:110px}.guest-anchor{scroll-margin-top:18px}.compact-own-list{max-height:330px;overflow:auto}.vote-segment{border:1px solid var(--border);background:#ffffff09;border-radius:12px;grid-auto-flow:column;align-items:stretch;display:inline-grid;overflow:hidden}.vote-segment button{border:0;border-right:1px solid var(--border);color:#dfe2ef;cursor:pointer;background:0 0;min-width:42px;height:40px;font-weight:850}.vote-segment button:last-child{border-right:0}.vote-segment button.selected.up{color:#baf3d4;background:#35c77a33}.vote-segment button.selected.down{color:#ffc7c5;background:#ef535033}.vote-segment button.selected.neutral{color:#fff;background:#8b5cf62e}.vote-segment button:disabled{opacity:.55;cursor:not-allowed}.vote-help{margin-top:14px}.guest-mobile-nav{display:none}.tv-screen{isolation:isolate;background:#090b13;position:relative;overflow-x:hidden}.tv-cover-ambient{z-index:-2;background-image:var(--tv-cover-image,none);filter:blur(80px)saturate(1.3);opacity:.23;background-position:50%;background-size:cover;transition:background-image .8s,opacity .5s;position:fixed;inset:-8%;transform:scale(1.08)}.tv-screen:after{content:"";z-index:-1;background:linear-gradient(#080a116b,#080a11f0),radial-gradient(circle at 12% 5%,#8b5cf638,#0000 35%),radial-gradient(circle at 90% 20%,#35c77a1f,#0000 32%);position:fixed;inset:0}.tv-cursor-hidden{cursor:none}.tv-cursor-hidden .tv-header-actions{opacity:.28}.tv-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;transition:opacity .25s;display:flex}.tv-fullscreen-button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff13;border-radius:12px;width:42px;height:42px;font-size:1.25rem}.tv-stale-badge{color:#ffe0a1;background:#ffb9481f;border:1px solid #ffb94866;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.tv-track-transition{animation:.45s ease-out tv-track-in}@keyframes tv-track-in{0%{opacity:0;transform:translateY(10px)scale(.992)}}.tv-progress-wrap{margin-top:26px}.tv-progress-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:7px;font-size:clamp(.85rem,1.1vw,1rem);display:flex}.tv-progress{background:#ffffff1a;border-radius:999px;height:9px;overflow:hidden}.tv-progress i{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#35c77a);height:100%;transition:width .8s linear;display:block}.tv-playback-age{color:#858aa0;margin-top:12px;display:block}.tv-playback-age.stale{color:#ffe0a1}.tv-fixed-next{background:linear-gradient(100deg,#ffb9481a,#ffffff0b);border:1px solid #ffb9484d;border-radius:22px;grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);align-items:center;gap:18px;margin-top:clamp(26px,3vw,42px);padding:18px 22px;display:grid;box-shadow:0 20px 60px #0003}.tv-next-label{justify-items:start;gap:8px;display:grid}.tv-next-track{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;display:grid}.tv-next-track>img,.tv-next-track>.tv-small-cover{object-fit:cover;border-radius:14px;width:72px;height:72px}.tv-next-track>div{gap:3px;min-width:0;display:grid}.tv-next-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.25rem,2vw,2rem);overflow:hidden}.tv-next-track span,.tv-next-track small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv-next-score{justify-items:end}.tv-next-score strong{font-size:clamp(2rem,3.4vw,3.8rem);line-height:1}.tv-candidates{grid-template-columns:repeat(4,minmax(0,1fr))}.tv-candidate{transition:transform .22s,border-color .22s,background .22s}.tv-candidate:hover{background:#ffffff12;border-color:#8b5cf661;transform:translateY(-3px)}@media (width<=1020px){.admin-livebar{grid-template-columns:minmax(230px,1fr) auto}.admin-control-state{grid-area:2/1/auto/-1}.admin-tabs{top:142px}.fallback-tools-grid{grid-template-columns:1fr}.tv-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-livebar{grid-template-columns:1fr;position:relative;top:auto}.admin-control-state{grid-area:auto}.admin-live-controls{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-live-controls .button span{display:none}.admin-tabs{grid-template-columns:repeat(4,minmax(135px,1fr));top:8px;overflow-x:auto}.live-grid{grid-template-columns:1fr}.guest-topbar{align-items:flex-start}.guest-topbar-status{max-width:62%}.tv-fixed-next{grid-template-columns:1fr}}@media (width<=620px){.toast{width:calc(100vw - 20px);bottom:84px;right:10px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.admin-tabs{border-left:0;border-right:0;border-radius:0;margin-left:-10px;margin-right:-10px}.admin-live-track{grid-template-columns:46px minmax(0,1fr)}.admin-live-track img,.live-cover-placeholder{width:46px;height:46px}.guest-topbar{grid-template-columns:1fr auto;display:grid}.guest-topbar-status{grid-column:1/-1;justify-content:space-between;max-width:none}.guest-mobile-nav{z-index:1000;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#12131df5;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:fixed;box-shadow:0 20px 60px #00000080}.guest-mobile-nav a{color:var(--muted);border-radius:12px;justify-items:center;gap:2px;padding:7px 3px;font-size:.68rem;font-weight:800;display:grid}.guest-mobile-nav a:active{color:#fff;background:#8b5cf62e}.guest-mobile-nav span{color:#bca8ff;font-size:1rem}.vote-segment{grid-template-columns:none;grid-auto-columns:minmax(48px,1fr);width:auto}.vote-segment button{width:auto}.tv-header-actions .connection-badge{display:none}.tv-fixed-next{padding:15px}.tv-next-track{grid-template-columns:58px minmax(0,1fr) auto;gap:10px}.tv-next-track>img,.tv-next-track>.tv-small-cover{width:58px;height:58px}.tv-next-score strong{font-size:2rem}}.party-row{padding:0;overflow:hidden}.party-row-main{flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:15px 16px;display:flex}.party-row-main>div{gap:4px;min-width:0;display:grid}.party-row-main>div>strong,.party-row-main>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.party-delete-button{border:0;border-left:1px solid var(--border);color:#ffb8b5;cursor:pointer;background:#ef53500b;flex:0 0 52px;align-self:stretch;width:52px;transition:color .18s,background .18s}.party-delete-button:hover{color:#fff;background:#ef535033}.danger-zone-panel{background:linear-gradient(135deg,#ef535014,#ffffff06);border-color:#ef53504d;grid-column:1/-1;justify-items:start;gap:12px;display:grid}.danger-zone-panel h2{margin-bottom:0}.danger-zone-panel p{max-width:760px;color:var(--muted);margin:0}.tv-screen-v47{--tv-accent:#8b5cf6;--tv-accent-2:#35c77a;--tv-accent-rgb:139, 92, 246;--tv-accent-2-rgb:53, 199, 122;min-height:100vh;transition:color .8s,background-color .8s;overflow:hidden auto}.tv-ambient-stack{z-index:-3;pointer-events:none;background:#080a11;position:fixed;inset:0;overflow:hidden}.tv-screen-v47 .tv-cover-ambient{z-index:0;filter:blur(76px)saturate(1.45)contrast(1.04);opacity:.32;will-change:opacity, transform;background-position:50%;background-size:cover;position:absolute;inset:-10%;transform:scale(1.12)}.tv-ambient-current{animation:1.25s both tv-ambient-in,24s ease-in-out 1.25s infinite alternate tv-ambient-drift}.tv-ambient-previous{animation:1.25s both tv-ambient-out}.tv-dynamic-lights{z-index:1;background:radial-gradient(circle at 14% 18%, rgba(var(--tv-accent-rgb), .5), transparent 31%), radial-gradient(circle at 84% 16%, rgba(var(--tv-accent-2-rgb), .34), transparent 28%), radial-gradient(circle at 48% 96%, rgba(var(--tv-accent-rgb), .2), transparent 34%);filter:blur(22px);mix-blend-mode:screen;opacity:.78;transition:background 1s;animation:18s ease-in-out infinite alternate tv-light-float;position:absolute;inset:-16%}.tv-screen-v47:after{-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08);background:linear-gradient(#06080e7a,#070910eb 62%,#06080efa),radial-gradient(circle at 50% 22%,#0000 0,#06080e14 38%,#06080e94 100%)}@keyframes tv-ambient-in{0%{opacity:0;transform:scale(1.2)}to{opacity:.32;transform:scale(1.12)}}@keyframes tv-ambient-out{0%{opacity:.28;transform:scale(1.12)translate(0)}to{opacity:0;transform:scale(1.18)translate(-2%)}}@keyframes tv-ambient-drift{0%{transform:scale(1.12)translate(-1%,-.6%)}to{transform:scale(1.18)translate(1.2%,.8%)}}@keyframes tv-light-float{0%{transform:translate(-1.5%,-1%)rotate(-1deg)scale(1)}to{transform:translate(1.5%,1%)rotate(1.5deg)scale(1.05)}}.tv-screen-v47 .eyebrow{color:#ffffffa8}.tv-screen-v47 .tv-header h1{text-shadow:0 8px 36px #00000052}.tv-screen-v47 .tv-main-grid{grid-template-columns:minmax(0,1fr) minmax(250px,18vw);gap:clamp(24px,3.5vw,60px)}.tv-screen-v47 .tv-now-card{background:linear-gradient(135deg, rgba(var(--tv-accent-rgb), .12), #ffffff0e 45%, rgba(var(--tv-accent-2-rgb), .07));-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);border-color:#ffffff26;grid-template-columns:minmax(270px,43%) minmax(0,1fr);gap:clamp(26px,3.5vw,58px);min-height:min(48vw,560px);padding:clamp(20px,2.4vw,36px);transition:border-color .8s,background .8s,box-shadow .8s;box-shadow:0 32px 100px #00000061,inset 0 1px #ffffff14}.tv-screen-v47 .tv-now-card.empty{min-height:410px}.tv-cover-stage{aspect-ratio:1;isolation:isolate;perspective:1200px;border-radius:28px;align-self:center;width:100%;position:relative}.tv-cover-stage:before{content:"";z-index:-2;background:linear-gradient(135deg, rgba(var(--tv-accent-rgb), .5), rgba(var(--tv-accent-2-rgb), .34));filter:blur(34px);opacity:.56;border-radius:32px;transition:background .8s;position:absolute;inset:7% -4% -5%}.tv-cover-layer,.tv-cover-stage>.tv-cover-placeholder{object-fit:cover;backface-visibility:hidden;border-radius:26px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 26px 70px #00000070}.tv-cover-enter{animation:.9s cubic-bezier(.2,.75,.2,1) both tv-cover-enter}.tv-cover-exit{z-index:2;animation:.9s cubic-bezier(.4,0,.2,1) both tv-cover-exit}.tv-cover-ring{z-index:4;box-shadow:inset 0 0 0 1px rgba(var(--tv-accent-rgb), .12);pointer-events:none;border:1px solid #fff3;border-radius:26px;position:absolute;inset:0}@keyframes tv-cover-enter{0%{opacity:0;transform:translate3d(8%,0,-30px)rotateY(-5deg)scale(.97)}to{opacity:1;transform:translate(0,0)rotateY(0)scale(1)}}@keyframes tv-cover-exit{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate3d(-8%,0,-20px)rotateY(4deg)scale(.98)}}.tv-copy-enter>*{animation:.68s both tv-copy-line-in}.tv-copy-enter>:first-child{animation-delay:.12s}.tv-copy-enter>:nth-child(2){animation-delay:.19s}.tv-copy-enter>:nth-child(3){animation-delay:.26s}.tv-copy-enter>:nth-child(4){animation-delay:.33s}.tv-copy-enter>:nth-child(5){animation-delay:.4s}.tv-copy-enter>:nth-child(6){animation-delay:.47s}@keyframes tv-copy-line-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tv-screen-v47 .tv-now-copy h2{letter-spacing:-.035em;text-wrap:balance;text-shadow:0 8px 34px #00000052;font-size:clamp(2.25rem,4.35vw,5.25rem)}.tv-screen-v47 .tv-now-copy>p{color:#ffffffb3}.tv-screen-v47 .tv-meta-row strong{color:var(--tv-accent-2);text-shadow:0 0 24px rgba(var(--tv-accent-2-rgb), .28)}.tv-screen-v47 .tv-progress{background:#ffffff1a;height:12px;overflow:visible;box-shadow:inset 0 1px 4px #00000040}.tv-screen-v47 .tv-progress i{background:linear-gradient(90deg, var(--tv-accent), var(--tv-accent-2));box-shadow:0 0 20px rgba(var(--tv-accent-rgb), .45);transition:width .8s linear,background .8s;position:relative}.tv-screen-v47 .tv-progress i:after{content:"";background:var(--tv-accent-2);width:14px;height:14px;box-shadow:0 0 22px rgba(var(--tv-accent-2-rgb), .8);border:3px solid #ffffffd9;border-radius:50%;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.tv-screen-v47 .tv-join-card{background:linear-gradient(160deg, #ffffff1a, rgba(var(--tv-accent-rgb), .09));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-color:#ffffff24;min-width:0;padding:clamp(18px,2vw,28px);transition:background .8s,border-color .8s;box-shadow:0 26px 80px #00000047}.tv-qr-frame{background:linear-gradient(135deg, var(--tv-accent), var(--tv-accent-2));box-shadow:0 18px 46px rgba(var(--tv-accent-rgb), .25);border-radius:22px;margin-bottom:12px;padding:7px}.tv-screen-v47 .tv-join-card svg{background:#fff;display:block}.tv-screen-v47 .tv-code{text-shadow:0 0 28px rgba(var(--tv-accent-rgb), .35)}.tv-next-highlight{border-color:rgba(var(--tv-accent-2-rgb), .48);background:linear-gradient(105deg, rgba(var(--tv-accent-2-rgb), .18), #fff1 48%, rgba(var(--tv-accent-rgb), .12));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);padding:clamp(20px,2.4vw,32px);transition:background .8s,border-color .8s;animation:.65s both tv-next-in;position:relative;overflow:hidden;box-shadow:0 28px 84px #0000004d,inset 0 1px #ffffff14}.tv-next-highlight:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff21,#0000);width:32%;animation:7s ease-in-out infinite tv-next-shine;position:absolute;inset:-70% auto -70% -15%;transform:rotate(18deg)}.tv-next-highlight .tv-next-label{grid-template-columns:auto minmax(0,1fr);place-items:center stretch}.tv-next-highlight .tv-next-label>.queue-state{grid-column:1/-1;width:fit-content}.tv-next-kicker{color:#07120d;background:var(--tv-accent-2);width:48px;height:48px;box-shadow:0 0 30px rgba(var(--tv-accent-2-rgb), .42);border-radius:50%;place-items:center;display:grid}.tv-next-label>div{gap:3px;display:grid}.tv-next-label>div>strong{font-size:clamp(1rem,1.45vw,1.35rem)}.tv-next-highlight .tv-next-track>img,.tv-next-highlight .tv-next-track>.tv-small-cover{border-radius:18px;width:92px;height:92px}.tv-next-highlight .tv-next-track{grid-template-columns:92px minmax(0,1fr) auto}.tv-next-highlight .tv-next-score{background:#0000002e;border:1px solid #ffffff1f;border-radius:16px;min-width:108px;padding:10px 14px}.tv-next-highlight .tv-next-score strong{color:var(--tv-accent-2)}.tv-next-highlight .tv-next-score small{color:#ffffff94}@keyframes tv-next-in{0%{opacity:0;transform:translateY(12px)scale(.99)}}@keyframes tv-next-shine{0%,68%{opacity:0;transform:translate(-80%)rotate(18deg)}74%{opacity:1}88%,to{opacity:0;transform:translate(430%)rotate(18deg)}}.tv-screen-v47 .tv-candidates{align-items:stretch}.tv-screen-v47 .tv-candidate{animation:.45s both tv-candidate-in;animation-delay:var(--candidate-delay,0s);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff13,#ffffff09);border-color:#ffffff1f;box-shadow:0 16px 46px #0000002e}.tv-screen-v47 .tv-candidate:hover{border-color:rgba(var(--tv-accent-rgb), .52);background:linear-gradient(145deg, rgba(var(--tv-accent-rgb), .16), #ffffff0d);box-shadow:0 20px 54px #00000042, 0 0 28px rgba(var(--tv-accent-rgb), .1)}.tv-screen-v47 .tv-rank{background:#06080ee0;overflow:visible;box-shadow:0 8px 20px #0000004d}.tv-rank-change{font-size:.9rem;font-style:normal;font-weight:950;animation:.9s both tv-rank-indicator;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.tv-rank-change.up{color:#7ff0b4}.tv-rank-change.down{color:#ff9d99}.tv-rank-up{animation:.8s both tv-candidate-rank-up!important}.tv-rank-down{animation:.8s both tv-candidate-rank-down!important}.tv-candidate-score strong.score-up{animation:.8s both tv-score-up}.tv-candidate-score strong.score-down{animation:.8s both tv-score-down}.tv-candidates-empty{grid-column:1/-1}@keyframes tv-candidate-in{0%{opacity:0;transform:translateY(8px)}}@keyframes tv-candidate-rank-up{0%{transform:translateY(9px)}48%{border-color:#35c77a9e;box-shadow:0 0 34px #35c77a2e}to{transform:translateY(0)}}@keyframes tv-candidate-rank-down{0%{transform:translateY(-9px)}48%{border-color:#ef53508c;box-shadow:0 0 30px #ef535024}to{transform:translateY(0)}}@keyframes tv-rank-indicator{0%{opacity:0;transform:translate(-50%,5px)scale(.7)}35%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-8px)scale(1)}}@keyframes tv-score-up{0%{color:inherit;transform:scale(1)}42%{color:#7ff0b4;text-shadow:0 0 22px #35c77aa6;transform:scale(1.42)}to{color:inherit;transform:scale(1)}}@keyframes tv-score-down{0%{color:inherit;transform:scale(1)}42%{color:#ff9d99;text-shadow:0 0 20px #ef53508c;transform:scale(.78)}to{color:inherit;transform:scale(1)}}@media (width<=1180px){.tv-screen-v47 .tv-main-grid{grid-template-columns:minmax(0,1fr) 250px}.tv-screen-v47 .tv-now-card{grid-template-columns:minmax(230px,39%) minmax(0,1fr)}.tv-next-highlight{grid-template-columns:1fr}}@media (width<=850px){.tv-screen-v47{overflow:auto}.tv-screen-v47 .tv-main-grid{grid-template-columns:1fr}.tv-screen-v47 .tv-now-card{grid-template-columns:minmax(180px,34%) minmax(0,1fr);min-height:0}.tv-screen-v47 .tv-join-card{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;column-gap:20px;display:grid}.tv-screen-v47 .tv-qr-frame{grid-row:1/span 3;margin:0}.tv-screen-v47 .tv-code{font-size:3rem}}@media (width<=620px){.party-row-main{flex-direction:column;align-items:flex-start;gap:8px}.party-row-main .status-pill{align-self:flex-start}.tv-screen-v47 .tv-now-card{grid-template-columns:1fr}.tv-cover-stage{max-width:300px}.tv-screen-v47 .tv-join-card{text-align:center;align-items:center;display:flex}.tv-next-highlight .tv-next-track{grid-template-columns:64px minmax(0,1fr)}.tv-next-highlight .tv-next-track>img,.tv-next-highlight .tv-next-track>.tv-small-cover{width:64px;height:64px}.tv-next-highlight .tv-next-score{grid-column:1/-1;grid-template-columns:auto auto auto;justify-content:space-between;align-items:baseline;width:100%}}@media (prefers-reduced-motion:reduce){.tv-screen-v47 *,.tv-screen-v47 :before,.tv-screen-v47 :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}