:root{color-scheme:dark;--bg:#05060a;--panel:rgba(14,17,28,0.78);--line:rgba(255,255,255,0.12);--text:#f7f8fb;--muted:#aab0c0;--cyan:#48dbfb;--pink:#ff6b81;--gold:#ffd166}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(72,219,251,.18),transparent 24rem),radial-gradient(circle at 80% 20%,rgba(255,107,129,.16),transparent 24rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.1);border-radius:8px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;color:var(--text);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-shell{min-height:100vh;display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;padding:28px}.home-stage,.join-panel,.mic-card,.phone-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px}.home-stage{display:flex;flex-direction:column;justify-content:space-between;padding:40px;min-height:560px}.brand-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#05060a}.home-stage h1{max-width:900px;font-size:clamp(44px,7vw,96px);line-height:.94;margin:0;letter-spacing:0}.home-actions{display:grid;grid-template-columns:minmax(220px,320px) repeat(3,auto);grid-gap:12px;gap:12px;align-items:flex-end}.field span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.secondary{background:rgba(255,255,255,.05)}.join-panel{padding:24px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.join-panel h2{margin:16px 0}.join-panel form{display:grid;grid-gap:12px;gap:12px}.room-shell{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 360px;overflow:hidden}.stage-view{position:relative;overflow:hidden;background:#020308}.stage-fallback,.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-video{opacity:.78;filter:saturate(1.08) contrast(1.02)}.stage-fallback{background:linear-gradient(135deg,#0b1020,#230b24);background-size:cover;background-position:50%}.stage-overlay{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:20px}.room-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.room-code{color:var(--gold);font-weight:900;font-size:28px}.room-topbar h1{margin:4px 0 0;font-size:22px;letter-spacing:0}.room-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.qr{width:104px;height:104px;border-radius:8px;background:white;padding:6px}.notes-canvas{width:100%;height:min(62vh,calc(100vh - 190px));align-self:flex-end}.empty-stage-message{align-self:center;justify-self:center;display:grid;grid-gap:8px;gap:8px;text-align:center;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(5,6,10,.5)}.empty-stage-message strong{font-size:34px;color:var(--gold)}.empty-stage-message span{color:var(--muted)}.scoreboard{position:absolute;right:20px;top:142px;width:300px;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(5,6,10,.7)}.scoreboard-title{font-weight:900;margin-bottom:8px}.score-row,.team-row{display:grid;grid-template-columns:1fr auto;grid-gap:6px;gap:6px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.08)}.score-row small{color:var(--muted);grid-column:1}.score-row strong{grid-row:1/span 2;grid-column:2;color:var(--gold)}.team-row strong{color:var(--cyan)}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:24vw;font-weight:1000;color:rgba(255,255,255,.86)}.control-rail{border-left:1px solid var(--line);background:rgba(8,10,18,.94);padding:16px;overflow:auto;box-shadow:-24px 0 70px rgba(0,0,0,.28)}.rail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rail-header div{display:grid;grid-gap:3px;gap:3px}.rail-header span{color:var(--muted);font-size:12px}.now-playing{display:grid;grid-template-columns:74px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(72,219,251,.13),rgba(255,107,129,.12));border-radius:8px;margin-bottom:12px}.now-playing img{width:74px;height:74px;object-fit:cover;border-radius:7px}.now-playing div{display:grid;grid-gap:3px;gap:3px;min-width:0}.now-playing small,.now-playing span{color:var(--muted);font-size:12px}.now-playing strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-section{margin-top:14px}.rail-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rail-section-title button{min-height:30px;padding:0 10px;font-size:12px}.queue-list{display:grid;grid-gap:6px;gap:6px}.queue-item{display:grid;grid-template-columns:26px 1fr 34px;align-items:center;grid-gap:8px;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05)}.queue-item span{color:var(--gold);font-weight:900}.queue-item strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item button{min-height:30px;padding:0}.empty-list{margin:0;color:var(--muted);font-size:13px}.song-list{display:grid;grid-gap:8px;gap:8px}.song{justify-content:flex-start;min-height:72px;padding:8px;text-align:left}.song.active{border-color:var(--cyan);background:rgba(72,219,251,.14)}.song img{width:52px;height:52px;object-fit:cover;border-radius:6px}.song span{display:grid;grid-gap:3px;gap:3px;min-width:0}.song small{color:var(--muted)}.transport{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:16px}.transport-wide{grid-column:1/-1}.karaoke-audio{display:none}.audio-unlock{width:100%;margin-top:12px;border-color:var(--gold);color:var(--gold);background:rgba(255,209,102,.08)}.admin-shell{min-height:100vh;display:grid;grid-gap:16px;gap:16px;align-content:start;padding:20px;overflow-x:hidden}.admin-header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(8,10,18,.84)}.admin-header span{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.admin-header h1{margin:4px 0 0;font-size:28px;letter-spacing:0}.admin-source-link{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:800}.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-gap:10px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(14,17,28,.78)}.admin-search-wrap{position:relative;grid-column:span 3;min-width:0}.admin-search{min-height:44px;display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.35)}.admin-search input{border:0;background:transparent;padding:0;min-height:0}.admin-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;display:grid;grid-gap:4px;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(8,10,18,.98);box-shadow:0 18px 60px rgba(0,0,0,.42)}.admin-suggestions button{justify-content:flex-start;min-height:34px;padding:0 10px;border:0;background:transparent;color:var(--text)}.admin-suggestions button:hover{background:rgba(255,255,255,.08)}.admin-suggestions span{min-width:58px;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.seed-filter{min-height:44px;display:grid;grid-template-columns:auto 1fr 48px;grid-gap:6px;gap:6px;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.35)}.seed-filter span{color:var(--muted);font-size:12px}.seed-filter input{min-height:0;padding:0;border:0;background:transparent;text-align:right}.admin-check{display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.admin-check input{width:18px;min-height:18px;accent-color:var(--cyan)}.admin-error{margin:0;padding:12px;border:1px solid rgba(255,107,129,.35);border-radius:8px;color:var(--pink);background:rgba(255,107,129,.08)}.download-strip{grid-template-columns:auto auto 1fr;grid-gap:12px;gap:12px;align-items:start}.download-strip,.local-song-strip{display:grid;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(8,10,18,.7)}.local-song-strip{grid-gap:10px;gap:10px}.local-song-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:8px;gap:8px}.local-song-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05)}.local-song-row .remote-song-cover,.local-song-row img{width:48px;height:48px;border-radius:6px}.local-song-row div{min-width:0;display:grid;grid-gap:3px;gap:3px}.local-song-row small,.local-song-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.local-song-row small{color:var(--muted)}.local-song-row button{min-height:34px;padding:0 10px;color:var(--pink)}.download-strip>strong{color:var(--gold);padding-top:8px}.download-strip>button{min-height:34px;padding:0 10px;font-size:12px}.download-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-gap:8px;gap:8px}.download-pill{position:relative;overflow:hidden;display:grid;grid-gap:3px;gap:3px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.05)}.download-pill small,.download-pill span{position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-pill b{position:relative;z-index:1;color:var(--cyan);font-size:12px;text-transform:uppercase}.download-pill.ready b{color:#7bed9f}.download-pill.error b,.download-pill.needs-client b{color:var(--pink)}.download-pill i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(72,219,251,.24),rgba(255,209,102,.16))}.remote-song-grid{display:grid;grid-gap:10px;gap:10px}.remote-song-card{display:grid;grid-template-columns:82px minmax(0,1fr) minmax(124px,148px);grid-gap:12px;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(14,17,28,.72)}.remote-song-card>img,.remote-song-cover{width:82px;height:82px;object-fit:cover;border-radius:7px;background:linear-gradient(135deg,rgba(72,219,251,.24),rgba(255,107,129,.18))}.remote-song-main{min-width:0;display:grid;grid-gap:7px;gap:7px}.remote-song-title{display:grid;grid-gap:2px;gap:2px}.remote-song-title span{color:var(--muted);font-size:13px}.remote-song-title strong{font-size:18px;overflow-wrap:anywhere}.remote-song-main p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.remote-song-meta{display:flex;flex-wrap:wrap;gap:6px}.remote-song-actions a,.remote-song-meta span{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;color:var(--muted);background:rgba(255,255,255,.07);font-size:12px}.remote-song-meta .good{color:#7bed9f}.remote-song-meta .bad{color:var(--pink)}.remote-song-meta .duet-chip{color:#05060a;background:var(--gold);font-weight:900}.remote-song-actions{display:grid;grid-gap:8px;gap:8px}.remote-song-actions a,.remote-song-actions button{width:100%;justify-content:center}@media (max-width:1180px){.admin-search-wrap{grid-column:1/-1}.admin-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.remote-song-card{grid-template-columns:74px minmax(0,1fr)}.remote-song-card>img,.remote-song-cover{width:74px;height:74px}.remote-song-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,80px)}}.results-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(2,3,8,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.results-panel{width:min(760px,calc(100% - 40px));border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(8,10,18,.92);padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.results-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.results-title svg{color:var(--gold)}.results-title span{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.results-title h2{margin:2px 0 0;font-size:34px;letter-spacing:0}.results-list{display:grid;grid-gap:8px;gap:8px}.result-row{display:grid;grid-template-columns:42px 1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05)}.result-row strong{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,209,102,.16);color:var(--gold)}.result-row small{color:var(--muted)}.result-row b{color:var(--gold);font-size:22px}.mobile-join,.mobile-mic{min-height:100vh;display:grid;place-items:center;padding:18px}.mic-card,.phone-card{width:min(100%,420px);padding:22px;display:grid;grid-gap:16px;gap:16px}.mic-card h1,.phone-card h1{margin:0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.segmented button.active{background:var(--cyan);color:#041014;font-weight:900}.link-button,.primary-wide,.secondary-wide{width:100%}.primary-wide{background:linear-gradient(135deg,var(--cyan),var(--pink));color:#05060a;font-weight:900;border:0}.secondary-wide{background:rgba(255,255,255,.06)}.link-button{min-height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.mic-status{display:flex;align-items:center;gap:10px;color:var(--cyan);font-weight:800}.mic-status .icon-button{margin-left:auto}.icon-button{width:38px;height:38px;min-height:38px;padding:0;display:inline-grid;place-items:center;border-radius:50%}.mic-settings{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.05)}.mic-settings-title{display:flex;align-items:center;gap:8px}.mic-settings-title button{margin-left:auto;min-height:30px;padding:0 10px;font-size:12px}.mic-settings label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px}.mic-settings input{min-height:0;padding:0;accent-color:var(--cyan)}.mobile-score{text-align:center;font-size:30px;color:var(--gold)}.tune-ring{position:relative;width:236px;height:236px;border-radius:50%;margin:2px auto 6px;display:grid;place-items:center;align-content:center;overflow:hidden;background:radial-gradient(circle at center,rgba(5,6,10,.98) 0 41%,rgba(255,255,255,.13) 41.4% 42%,transparent 42.5%),radial-gradient(circle at center,transparent 0 69%,rgba(255,255,255,.15) 69.6% 70.2%,transparent 70.8%),radial-gradient(circle at center,rgba(12,14,24,.98),rgba(5,6,10,.96));box-shadow:0 0 44px rgba(72,219,251,.22),inset 0 0 42px rgba(255,255,255,.05)}.tune-ring strong{z-index:3;font-size:58px;color:white;line-height:1;text-shadow:0 0 26px rgba(72,219,251,.45)}.tune-ring>span{z-index:3;margin-top:8px;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0}.tune-cents{position:absolute;inset:0;border-radius:50%}.tune-cents i{--tick:0;position:absolute;left:calc(50% - 1px);top:28px;width:2px;height:33px;border-radius:999px;background:rgba(255,255,255,.08);transform-origin:1px 90px;transform:rotate(calc(-150deg + (var(--tick) * 6.25deg)));transition:background 90ms linear,box-shadow 90ms linear,height 90ms linear}.tune-cents i:nth-child(13),.tune-cents i:nth-child(25),.tune-cents i:nth-child(37){height:39px;background:rgba(255,255,255,.16)}.tune-cents i.lit{height:42px;background:var(--cyan);box-shadow:0 0 13px rgba(72,219,251,.65)}.tune-labels{position:absolute;inset:0;color:rgba(255,255,255,.38);font-size:12px;font-weight:900}.tune-labels span{position:absolute;transform:translate(-50%,-50%)}.tune-labels span:first-child{left:50%;top:13px;color:rgba(255,255,255,.62)}.tune-labels span:nth-child(2){left:33%;top:24px}.tune-labels span:nth-child(3){left:67%;top:24px}.tune-labels span:nth-child(4){left:16%;top:64px}.tune-labels span:nth-child(5){left:84%;top:64px}.tune-labels span:nth-child(6){left:10%;top:143px}.tune-labels span:nth-child(7){left:90%;top:143px}.tune-labels span:nth-child(8){left:20%;top:207px}.tune-labels span:nth-child(9){left:80%;top:207px}.tune-ring:after{content:"Live";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);color:rgba(255,255,255,.38);font-size:12px;font-weight:800}.score-ring{width:190px;height:190px;border-radius:50%;margin:10px auto;display:grid;place-items:center;align-content:center;border:10px solid rgba(72,219,251,.4);box-shadow:0 0 40px rgba(72,219,251,.2)}.score-ring strong{font-size:46px;color:var(--gold)}.mic-card p,.score-ring span{color:var(--muted)}.meter{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:center}.meter div{height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:var(--pink)}.pitch-label{text-align:center;font-size:34px;font-weight:900;margin:0;color:var(--cyan)!important}.mic-send-state{text-align:center;margin:-6px 0 0;font-size:13px}.error-text{color:var(--pink)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;padding:18px;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mic-modal{width:min(100%,420px);display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(12,14,24,.96);box-shadow:0 22px 70px rgba(0,0,0,.45)}.mic-modal label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px}.mic-modal input{min-height:0;padding:0;accent-color:var(--cyan)}.mic-diagnostics{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.mic-diagnostics span{padding:8px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px}.latency-note{margin:0;font-size:12px;line-height:1.45}@media (max-width:900px){.home-actions,.home-shell,.room-shell{grid-template-columns:1fr}.control-rail{height:42vh;border-left:0;border-top:1px solid var(--line)}.home-stage h1{font-size:46px}.scoreboard{left:12px;right:12px;width:auto}.admin-header,.download-strip{grid-template-columns:1fr;display:grid}.admin-filters{grid-template-columns:1fr}.remote-song-card{grid-template-columns:64px minmax(0,1fr)}.remote-song-card>img,.remote-song-cover{width:64px;height:64px}.remote-song-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr)}.local-song-row{grid-template-columns:44px minmax(0,1fr)}.local-song-row .remote-song-cover,.local-song-row img{width:44px;height:44px}.local-song-row button{grid-column:1/-1;width:100%;justify-content:center}}