:root{--bg: #0b0b12;--bg-raised: #14141f;--bg-row: #1a1a27;--text: #f2f2f7;--text-dim: #9a9ab0;--accent: #7c5cff;--up: #34c759;--down: #ff453a;--filler: #ff6ec7;--locked: #ffd60a;--failed: #ff453a;--radius: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}img{display:block}.spinner{width:34px;height:34px;margin:60px auto;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fatal{padding:40px;text-align:center}.muted{color:var(--text-dim)}.small{font-size:.82em}.error-box{background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.4);color:#ffb4ae;padding:10px 12px;border-radius:10px;margin:10px 0}.ok-box{background:rgba(52,199,89,.12);border:1px solid rgba(52,199,89,.4);color:#a4e8b8;padding:10px 12px;border-radius:10px;margin:10px 0}.big-button{width:100%;padding:16px;font-size:18px;font-weight:650;color:#fff;background:var(--accent);border:none;border-radius:var(--radius)}.big-button:disabled{opacity:.45}.hub{height:100%;display:flex;flex-direction:column;padding:2vh 2vw;overflow:hidden}.hub-title{margin:0 0 1.5vh;font-size:clamp(28px,4.6vw,84px);font-weight:800;letter-spacing:-.02em;text-align:center;line-height:1.05}.hub-body{flex:1;display:flex;gap:2vw;min-height:0}.hub-stage{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.stage-art,.stage-video{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius);box-shadow:0 24px 70px rgba(0,0,0,.6);background:#000}.stage-video{width:100%;height:100%}.stage-idle{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.12);border-radius:var(--radius)}.stage-idle-inner{text-align:center;color:var(--text-dim)}.stage-idle-inner p{font-size:clamp(18px,2vw,34px);margin:.3em 0}.stage-idle-sub{color:var(--accent)}.progress{margin-top:1.4vh}.progress-track{height:8px;border-radius:4px;background:rgba(255,255,255,.13);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .35s linear}.progress-times{display:flex;justify-content:space-between;font-size:clamp(11px,1.05vw,18px);color:var(--text-dim);margin-top:6px;font-variant-numeric:tabular-nums}.now-playing{margin-top:1.2vh;text-align:center}.now-playing-main{font-size:clamp(17px,1.9vw,36px);font-weight:700}.np-dot{margin:0 .5em;color:var(--text-dim)}.np-artist{color:var(--text-dim);font-weight:500}.now-playing-meta{margin-top:.35em;font-size:clamp(12px,1.1vw,20px);color:var(--text-dim);display:flex;gap:1.4em;justify-content:center;align-items:center;flex-wrap:wrap}.np-votes{display:inline-flex;gap:.55em;align-items:baseline}.np-votes .up{color:var(--up)}.np-votes .down{color:var(--down)}.np-votes .value{color:var(--text);font-weight:700}.skip-tally{color:var(--down)}.upnext{flex:0 0 clamp(300px,27vw,560px);display:flex;flex-direction:column;background:var(--bg-raised);border-radius:var(--radius);padding:1.4vh 1vw;min-height:0}.upnext h2{margin:0 0 1vh;font-size:clamp(16px,1.7vw,30px);text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.upnext-list{list-style:none;margin:0;padding:0;overflow:hidden;flex:1}.upnext-item{display:flex;align-items:center;gap:.7vw;padding:.85vh .4vw;border-bottom:1px solid rgba(255,255,255,.06)}.upnext-item.is-pending{opacity:.45}.upnext-item.is-ready{opacity:1;transition:opacity .4s ease}.upnext-item.is-filler .upnext-song{color:var(--filler)}.upnext-item.is-locked{border-left:3px solid var(--locked);padding-left:calc(.4vw - 3px)}.upnext-pos{flex:0 0 auto;min-width:2.2em;text-align:right;font-size:clamp(16px,1.55vw,30px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-dim)}.upnext-art{flex:0 0 auto;width:clamp(38px,3.6vw,74px);height:clamp(38px,3.6vw,74px);border-radius:7px;object-fit:cover;background:#000}.upnext-info{flex:1;min-width:0}.upnext-song{font-size:clamp(13px,1.22vw,23px);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-artist,.upnext-by{font-size:clamp(10px,.95vw,17px);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filler-note{color:var(--filler)}.locked-note{color:var(--locked);margin-left:.6em}.download-bar{height:4px;margin-top:5px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}.download-fill{height:100%;background:var(--accent);transition:width .4s ease}.download-failed{color:var(--failed);font-size:clamp(10px,.95vw,17px);margin-top:4px;font-weight:600}.upnext-votes{flex:0 0 auto;display:flex;gap:.45em;align-items:baseline;font-size:clamp(11px,1.05vw,19px);font-variant-numeric:tabular-nums}.upnext-votes .up{color:var(--up)}.upnext-votes .down{color:var(--down)}.upnext-votes .value{font-weight:800;font-size:1.18em}.upnext-empty{color:var(--text-dim);padding:1vh .4vw}.hub-footer{margin-top:1.2vh;display:flex;align-items:center;justify-content:space-between;gap:2vw}.recent{flex:1;min-width:0;display:flex;align-items:center;gap:1.4em;font-size:clamp(10px,.95vw,17px);color:var(--text-dim);white-space:nowrap;overflow:hidden}.recent-label{text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.35);flex:0 0 auto}.recent-item{overflow:hidden;text-overflow:ellipsis}.join-code{flex:0 0 auto;display:flex;align-items:center;gap:.9vw}.qr{width:clamp(78px,8vw,168px);height:clamp(78px,8vw,168px);background:#fff;padding:6px;border-radius:10px}.join-text{text-align:left}.join-headline{font-size:clamp(12px,1.2vw,24px);font-weight:700;max-width:15em}.join-url{font-size:clamp(10px,1vw,19px);color:var(--accent);margin-top:.25em}.start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:rgba(11,11,18,.94);display:flex;align-items:center;justify-content:center;text-align:center}.start-overlay h2{font-size:clamp(26px,3.4vw,60px);margin:0 0 .3em}.start-overlay p{color:var(--text-dim);font-size:clamp(14px,1.4vw,24px)}.start-overlay .big-button{width:auto;padding:18px 54px;margin-top:1.4em;font-size:clamp(16px,1.6vw,28px)}.party{max-width:640px;margin:0 auto;padding:18px 16px calc(28px + env(safe-area-inset-bottom));min-height:100%}.party.splash{display:flex;align-items:center;justify-content:center}.party-title{font-size:27px;font-weight:800;text-align:center;margin:6px 0 4px;line-height:1.15}.party-header{margin-bottom:18px}.party-who{text-align:center;color:var(--text-dim);font-size:14px}.join-screen{display:flex;flex-direction:column;justify-content:center;min-height:100vh}.join-form{margin-top:26px}.join-label{display:block;font-size:20px;font-weight:650;margin-bottom:12px}.join-input,.search-input,.title-input{width:100%;padding:15px 16px;font-size:17px;color:var(--text);background:var(--bg-raised);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius)}.join-input:focus,.search-input:focus,.title-input:focus{outline:none;border-color:var(--accent)}.join-count{text-align:right;color:var(--text-dim);font-size:12px;margin:6px 2px 14px}.section-heading{font-size:19px;font-weight:700;margin:22px 0 10px}.suggest{margin-bottom:8px}.searching{color:var(--text-dim);font-size:14px;padding:8px 2px}.frozen-note{color:var(--text-dim);background:var(--bg-raised);padding:12px 14px;border-radius:var(--radius);font-size:14px}.results{list-style:none;margin:12px 0 0;padding:0}.result{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:8px;background:var(--bg-raised);border-radius:12px}.result.is-blocked{opacity:.5}.result-art{width:46px;height:46px;border-radius:7px;object-fit:cover;background:#000}.result-info{flex:1;min-width:0}.result-title{font-weight:640;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-artist{color:var(--text-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-blocked{color:var(--down);font-size:12px;margin-top:3px}.result-tags{margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10.5px;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.tag-owned{background:rgba(52,199,89,.18);color:#7ee29a}.tag-download{background:rgba(124,92,255,.2);color:#b6a4ff}.tag-video{background:rgba(255,214,10,.18);color:#ffe066}.add-button{flex:0 0 auto;padding:10px 16px;font-size:14px;font-weight:650;color:#fff;background:var(--accent);border:none;border-radius:10px}.add-button:disabled{opacity:.35}.now-card{background:var(--bg-raised);border-radius:var(--radius);padding:14px;margin:18px 0 4px;border:1px solid rgba(124,92,255,.35)}.now-card-head{display:flex;gap:13px;align-items:center}.now-card-art{width:66px;height:66px;border-radius:10px;object-fit:cover;background:#000}.now-card-info{min-width:0;flex:1}.now-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.now-card-title{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-card-artist{color:var(--text-dim);font-size:14px}.now-card-by{color:var(--text-dim);font-size:12.5px;margin-top:2px}.skip-button{width:100%;margin-top:12px;padding:13px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:650;color:var(--text-dim);background:var(--bg-row);border:1px solid rgba(255,255,255,.12);border-radius:12px}.skip-button.is-voted{background:rgba(255,69,58,.18);border-color:var(--down);color:#ffb4ae}.skip-count{font-variant-numeric:tabular-nums;opacity:.8}.queue-list{list-style:none;margin:0;padding:0}.queue-row{display:flex;align-items:stretch;gap:10px;background:var(--bg-raised);border-radius:12px;margin-bottom:9px;overflow:hidden}.queue-row.is-pending{opacity:.5}.queue-row.is-filler{border-left:3px solid var(--filler)}.queue-row.is-locked{border-left:3px solid var(--locked);opacity:.72}.queue-left{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 0 10px 10px}.queue-pos{flex:0 0 auto;min-width:1.9em;text-align:right;font-weight:800;font-size:15px;color:var(--text-dim);font-variant-numeric:tabular-nums}.queue-art{width:44px;height:44px;border-radius:7px;object-fit:cover;background:#000}.queue-info{min-width:0;flex:1}.queue-title{font-weight:640;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-artist,.queue-by{color:var(--text-dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-empty{color:var(--text-dim);padding:16px 4px}.queue-vote{flex:0 0 84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;background:rgba(255,255,255,.05);transition:background .18s ease}.queue-vote.is-up{background:rgba(52,199,89,.28)}.queue-vote.is-down{background:rgba(255,69,58,.28)}.queue-vote.is-disabled{opacity:.35}.vote-btn{width:100%;padding:3px 0;font-size:17px;line-height:1;color:var(--text);background:none;border:none}.queue-vote.is-up .vote-up{color:var(--up)}.queue-vote.is-down .vote-down{color:var(--down)}.vote-btn:disabled{opacity:.4}.vote-value{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.admin{max-width:1180px;margin:0 auto;padding:20px 16px 60px}.admin.splash,.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{width:100%;max-width:340px}.login-form h1{text-align:center}.title-editor{display:flex;gap:12px;align-items:center;margin-bottom:18px}.title-display{flex:1;margin:0;font-size:26px;font-weight:800}.title-input{flex:1;font-size:22px;font-weight:700}.title-button{flex:0 0 auto;padding:12px 22px;font-size:15px;font-weight:650;color:#fff;background:var(--accent);border:none;border-radius:11px}.mode-toggle{display:flex;gap:4px;padding:4px;margin-bottom:22px;background:var(--bg-raised);border-radius:13px}.mode-toggle button{flex:1;padding:14px;font-size:16px;font-weight:700;color:var(--text-dim);background:none;border:none;border-radius:10px}.mode-toggle button.active{background:var(--accent);color:#fff}.party-embed{background:var(--bg);border-radius:var(--radius)}.admin-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.card{flex:1 1 340px;background:var(--bg-raised);border-radius:var(--radius);padding:16px 18px;border:1px solid rgba(255,255,255,.07)}.card h2{margin:0 0 12px;font-size:17px}.card h3{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim)}.card-danger{border-color:rgba(255,69,58,.4)}.card-alert{border-color:rgba(255,214,10,.5)}.btn{padding:10px 16px;margin:4px 6px 4px 0;font-size:14px;font-weight:600;color:var(--text);background:var(--bg-row);border:1px solid rgba(255,255,255,.14);border-radius:10px}.btn:hover{border-color:rgba(255,255,255,.3)}.btn-small{padding:6px 11px;font-size:12.5px}.btn-danger{background:rgba(255,69,58,.16);border-color:rgba(255,69,58,.45);color:#ffb4ae}.btn-warn{background:rgba(255,214,10,.14);border-color:rgba(255,214,10,.45);color:#ffe066}.plain{list-style:none;margin:0;padding:0}.plain li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.admin-result{display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-now{margin-bottom:10px}.admin-queue{list-style:none;margin:0;padding:0}.admin-queue-row{display:flex;align-items:center;gap:10px;padding:9px 6px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06);background:var(--bg-raised)}.admin-queue-row.is-locked{border-left:3px solid var(--locked)}.admin-queue-row.is-filler{border-left:3px solid var(--filler)}.admin-queue-row[draggable=true]{cursor:grab}.drag-handle{color:var(--text-dim);cursor:grab}.admin-queue-pos{min-width:2em;font-weight:700;color:var(--text-dim);text-align:right}.admin-queue-info{flex:1;min-width:0;display:flex;flex-direction:column}.admin-queue-actions{flex:0 0 auto}.attention{background:rgba(255,214,10,.08);border:1px solid rgba(255,214,10,.3);border-radius:11px;padding:12px;margin-bottom:12px}.attention-item{margin-bottom:12px;font-size:14px}.fix-list{margin:6px 0;padding-left:18px;font-size:12.5px;color:var(--text-dim)}.fix-list li{border:none;padding:2px 0}.toggle-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.toggle-row input{width:19px;height:19px;accent-color:var(--accent)}.field-row{display:flex;flex-direction:column;gap:5px;padding:9px 0}.field-row label{font-size:13.5px;font-weight:600}.field-row input,.field-row select{padding:9px 11px;font-size:14px;color:var(--text);background:var(--bg-row);border:1px solid rgba(255,255,255,.14);border-radius:9px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.ok{background:var(--up)}.dot.bad{background:var(--down)}.stats{margin-top:12px;font-size:14.5px;line-height:1.6}.stats ol{padding-left:20px}@media (max-width: 620px){.admin-grid{flex-direction:column}.card{flex:1 1 auto;width:100%}.title-editor{flex-direction:column;align-items:stretch}}.tag-filler{background:rgba(255,110,199,.2);color:var(--filler)}.quality-bar{height:10px;border-radius:5px;margin:8px 0 4px;background:rgba(255,255,255,.12);overflow:hidden}.quality-fill{height:100%;background:var(--up);transition:width .5s ease}.editable-line{margin-bottom:14px}.editable-label{display:block;margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.prompt-display{flex:1;margin:0;font-size:18px;font-weight:600}.title-input-small{font-size:17px;font-weight:600}.hub-error{margin-top:1vh;padding:10px 16px;background:rgba(255,69,58,.15);border:1px solid rgba(255,69,58,.5);border-radius:10px;color:#ffb4ae;font-size:clamp(12px,1.1vw,20px);text-align:center}.admin-heading{margin:0 0 16px;font-size:24px;font-weight:800;text-align:center}.mode-toggle button{font-size:14px;padding:13px 8px}.btn-pause{width:100%;margin:0 0 10px;padding:16px;font-size:17px;font-weight:700;background:rgba(124,92,255,.2);border-color:var(--accent);color:#fff}.btn-pause.is-paused{background:rgba(52,199,89,.22);border-color:var(--up);color:#a4e8b8}.hub-paused{margin-top:1vh;padding:10px 16px;background:rgba(255,214,10,.15);border:1px solid rgba(255,214,10,.5);border-radius:10px;color:var(--locked);font-size:clamp(14px,1.6vw,28px);font-weight:700;text-align:center;letter-spacing:.1em;text-transform:uppercase}.vote-badges{display:flex;align-items:center;gap:clamp(4px,.45vw,9px);flex:0 0 auto}.vote-badge{display:inline-flex;align-items:center;gap:clamp(2px,.25vw,5px);padding:clamp(2px,.28vh,5px) clamp(5px,.5vw,11px);border-radius:999px;font-size:clamp(11px,1.05vw,20px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15}.vote-badge.is-up{background:var(--up);color:#04220e}.vote-badge.is-down{background:var(--down);color:#2c0603}.thumb-icon{width:1.05em;height:1.05em;fill:currentColor;flex:0 0 auto}.thumb-icon.is-down{transform:rotate(180deg)}.vote-num{min-width:1ch;text-align:center}.vote-net{font-size:clamp(12px,1.15vw,22px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);min-width:1.6ch;text-align:center}.vote-badges.is-large .vote-badge{font-size:clamp(13px,1.3vw,25px);padding:clamp(3px,.38vh,7px) clamp(7px,.7vw,14px)}.vote-badges.is-large .vote-net{font-size:clamp(15px,1.5vw,28px)}