:root{--navy:#081c38;--coral:#ff5757;--orange:#ff9500;--cyan:#00c4cf;--purple:#7945ff;--ink:#0a1428;--bg:#0b1528;--surface:#16223d;--surface-2:#243353;--text:#f5f7fc;--muted:#a9b4cc;--danger:#ff5757;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.4}a{color:var(--cyan)}h1,h2,h3{margin:0}h2{font-size:1.15rem}h3{font-size:1rem}.screen{max-width:560px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.screen-wide{max-width:1280px}.wordmark{letter-spacing:.02em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.wordmark .logo{width:36px;height:36px}.wordmark-lg{font-size:2rem}.wordmark-lg .logo{width:64px;height:64px}.logo-hero{width:min(220px,60vw);height:auto;margin:0 auto;display:block}.hero{text-align:center;padding:32px 0 8px}.tagline{color:var(--muted);margin:8px 0 0}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card{background:var(--surface);border-radius:var(--radius);padding:16px}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{text-align:center}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:.85rem}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-size:.72rem;font-weight:700}.error{color:var(--danger);margin:0}.grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=860px){.grid{grid-template-columns:1fr 1fr}}input,select{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:10px;min-width:0;padding:12px 14px}input:focus,select:focus{border-color:var(--purple);outline:none}input[type=checkbox]{width:auto}label.row select{width:auto;margin-left:auto}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700}.btn{font:inherit;cursor:pointer;min-height:44px;color:var(--text);background:var(--surface-2);text-align:center;border:0;border-radius:10px;padding:12px 16px;font-weight:700;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--purple)}.btn-accent{background:var(--coral)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-ghost{border:1px solid var(--surface-2);background:0 0}.btn.small{min-width:44px;padding:6px 12px;font-size:.85rem}.btn-huge{border-radius:18px;padding:20px 48px;font-size:1.6rem}.thumb{object-fit:cover;background:var(--surface-2);border-radius:8px;flex-shrink:0;width:72px;height:54px}.score{color:var(--coral);font-size:2rem;font-weight:800}.score-sm{color:var(--coral);font-weight:800}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.list-item.mine{outline:2px solid var(--purple)}.pos{text-align:center;width:1.6em;color:var(--muted);font-weight:800}.tabs{gap:6px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-weight:700}.tab.active{background:var(--surface);color:var(--text)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;border:1px solid var(--surface-2);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700}.chip.active{background:var(--purple);border-color:var(--purple);color:var(--text)}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vote-grid{grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;display:grid}.vote-btn{min-height:52px;padding:14px 0;font-size:1.4rem}.vote-btn.pending{outline:2px dashed var(--cyan)}.vote-status{color:var(--cyan);min-height:1.2em;margin:0;font-weight:700}.vote-btn.selected{background:var(--cyan);color:var(--navy)}.qr{background:#fff;border-radius:12px;align-self:center;padding:12px;display:inline-flex}.code-big{letter-spacing:.25em;font-size:2.2rem;font-weight:800}.tv{--lane:4vw;--band:4vh;background:var(--navy);grid-template-columns:var(--lane) minmax(0, 1fr) var(--lane);grid-template-rows:var(--band) minmax(0, 1fr) var(--band);display:grid;position:fixed;inset:0;overflow:hidden}.tv-video-only{--lane:0px;--band:0px}.tv-video-only .tv-header,.tv-video-only .tv-footer{display:none}.tv-header,.tv-footer{min-width:0;padding:0 var(--lane);grid-column:1/-1;align-items:center;gap:1.2vw;font-size:clamp(.75rem,2vh,1.7rem);display:flex;position:relative}.tv-header{padding-left:calc(var(--band) * 1.6 + 1.5vw);grid-row:1}.tv-footer{grid-row:3;justify-content:center}.tv-header:after,.tv-footer:before{content:"";left:var(--lane);right:var(--lane);opacity:.8;background:linear-gradient(90deg, var(--coral) 0 25%, var(--orange) 25% 50%, var(--cyan) 50% 75%, var(--purple) 75%);height:2px;position:absolute}.tv-header:after{bottom:0}.tv-footer:before{top:0}.tv-logo{width:calc(var(--band) * 1.6);height:calc(var(--band) * 1.6);z-index:2;position:absolute;top:.3vh;left:.5vw}.tv-header-text{flex:1;justify-content:space-between;align-items:baseline;gap:2vw;min-width:0;display:flex}.tv-singer{text-transform:uppercase;letter-spacing:.04em;min-width:0}.tv-song{color:var(--muted);min-width:0}.tv-status{flex-shrink:0;gap:.8vw;display:flex}.tv-badge{background:var(--surface-2);color:var(--text);border-radius:999px;padding:.1em .8em;font-size:.85em}.tv-badge-votes{background:var(--cyan);color:var(--navy);font-weight:700}.tv-lane-left{grid-area:2/1}.tv-lane-right{grid-area:2/3}.tv-screen{background:#000;grid-area:2/2;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container-type:size}.tv-video{width:100%;height:100%}@supports (width:1cqw){.tv-video{aspect-ratio:16/9;width:min(100cqw,177.778cqh);height:auto}}.tv-video>div,.tv-video iframe{border:0;width:100%;height:100%;display:block}.tv-center{text-align:center;background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;gap:2vh;padding:4vh 4vw;display:flex}.tv-lobby{text-align:left;flex-direction:row;gap:6vw}.tv-logo-big{width:min(30vh,40vw);height:auto}.tv-title{font-size:clamp(2rem,5vw,4.5rem);font-weight:800}.tv-sub{color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.8rem)}.tv-url{margin:0;font-size:clamp(1.2rem,2.6vw,2.4rem)}.tv-url strong{color:var(--cyan);letter-spacing:.1em}.tv-countdown{color:var(--coral);font-size:clamp(5rem,18vw,14rem);font-weight:800;line-height:1}.tv-score{color:var(--coral);font-size:clamp(6rem,22vw,18rem);font-weight:800;line-height:1}.tv-ranking{width:min(900px,90vw);font-size:1.3rem}.qr-tv{padding:20px}.tv-controls{right:var(--lane);height:var(--band);opacity:0;pointer-events:none;z-index:5;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:fixed;bottom:0}.tv-video-only .tv-controls{height:auto;bottom:1vh;right:1vw}.tv-controls.visible{opacity:1;pointer-events:auto}.tv-controls .btn{background:var(--surface-2);min-height:0;padding:.2vh .8vw;font-size:clamp(.7rem,1.5vh,1.2rem)}.captcha-box{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;position:fixed;transform:translate(-50%)}.captcha-box:empty{display:none}.tag{background:var(--purple);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.tag-wait{color:var(--muted);outline:1px solid var(--muted);background:0 0;font-weight:600}.reactions-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reaction-row{justify-content:space-between;gap:8px;display:flex}.reaction-btn{background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;width:56px;height:56px;font-size:1.7rem;transition:transform .15s}.reaction-btn.sent{background:var(--purple);transform:scale(1.25)}.reaction-btn:disabled:not(.sent){opacity:.4}.tv-reactions{top:var(--band);bottom:var(--band);pointer-events:none;z-index:3;position:fixed;left:0;right:0;overflow:hidden}.tv-reaction{font-size:clamp(1.4rem,2.8vw,3.2rem);line-height:1;animation:3s ease-out forwards tv-rise;position:absolute;bottom:-6vh}.tv-reaction.left{left:calc(var(--x) * max(0px, var(--lane) - 3.2vw))}.tv-reaction.right{right:calc(var(--x) * max(0px, var(--lane) - 3.2vw))}.tv-reaction small{color:#fff;text-align:center;font-size:.4em;font-weight:800;display:block}@keyframes tv-rise{0%{opacity:0;transform:translateY(0)scale(.6)}12%{opacity:1;transform:translateY(-10vh)scale(1)}to{opacity:0;transform:translateY(-88vh)scale(1)}}@keyframes tv-fade{0%,to{opacity:0}20%,70%{opacity:1}}@media (prefers-reduced-motion:reduce){.tv-reaction{animation:3s ease-in-out forwards tv-fade;bottom:40%}}@media (aspect-ratio<=4/3){.tv{--lane:0px}.tv-reactions{display:none}}.link-btn{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.num-input{width:6em}.who{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:10px;display:inline-flex}.now-singer{font-size:1.2rem}.position-card{background:#00c4cf24;border:1px solid #00c4cf66;flex-direction:column;gap:4px;display:flex}.position-card strong{color:var(--cyan)}.position-card.empty{background:var(--surface);border-color:#0000}.position-card.empty strong{color:var(--text);font-weight:600}.success{color:var(--cyan);margin:0}.host-top-actions .btn{min-width:120px}.host-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.host-grid>.error{grid-column:1/-1}.host-singer{font-size:clamp(1.6rem,4vw,2.2rem)}.host-next-name{font-size:1.4rem}.host-state{color:var(--cyan);font-size:.9rem}.eyebrow-orange{color:var(--orange)}.invite{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.fold>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"+";color:var(--muted);margin-left:auto;font-size:1.3rem}.fold[open]>summary:after{content:"−"}.fold[open]>summary{margin-bottom:10px}.danger-zone{border-top:1px solid var(--surface-2);padding-top:14px}@media (width>=900px){.host-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.host-now{grid-column:1}.host-next{grid-column:2}.host-queue{grid-column:1}.host-side{grid-area:span 2/2}.host-settings{grid-column:1}}.profile{position:relative}.profile>summary{align-items:center;gap:8px;max-width:180px;list-style:none;display:inline-flex}.profile>summary::-webkit-details-marker{display:none}.avatar{background:var(--purple);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:800;display:inline-grid}.profile-menu{z-index:20;border:1px solid var(--surface-2);min-width:220px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 28px #00000073}.now-card .reactions{border-top:1px solid var(--surface-2);padding-top:10px}.vote-done{align-items:center}.vote-done .vote-status{font-size:1.2rem}.tabs-compact .tab{min-height:44px;padding:8px}