:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1e222c;--surface-3: #262b37;--border: #2a2f3b;--text: #eef0f4;--muted: #9396a8;--primary: #f2a33c;--primary-ink: #241804;--danger: #ff5468;--success: #33d6b0;--gold: #ffcf5c;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 14px 34px -16px rgba(0, 0, 0, .55);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{height:100%}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.boot-mark{display:flex;gap:5px;height:32px;align-items:flex-end}.boot-mark .bar{width:5px;border-radius:3px;background:var(--primary);animation:vu 1s ease-in-out infinite;animation-delay:calc(var(--i) * .11s);height:8px}@keyframes vu{0%,to{height:6px;opacity:.5}50%{height:28px;opacity:1}}.boot-text{color:var(--muted);font-size:12px;text-align:center;max-width:320px}.shell{height:100%;max-width:700px;margin:0 auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.top-strip{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brand{font-weight:800;font-size:16px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.brand .brand-mark{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--primary),#d9861a);display:flex;align-items:center;justify-content:center;font-size:12px}.round-counter{font-size:11px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 13px}.round-counter b{color:var(--text)}.stepper{display:flex;align-items:center;gap:4px;flex-shrink:0}.step{flex:1;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.step .step-dot{width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0}.step.done .step-dot{background:var(--success)}.step.active .step-dot{background:var(--primary);box-shadow:0 0 0 3px #f2a33c33}.step.active{color:var(--text)}.step .step-line{flex:1;height:1px;background:var(--border)}.step.done .step-line{background:var(--success)}.roster{display:flex;gap:6px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}.roster::-webkit-scrollbar{height:4px}.roster::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chip{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 11px 4px 4px;font-size:12px;flex-shrink:0;white-space:nowrap}.chip.is-me{border-color:var(--primary);background:var(--surface-2)}.chip-avatar{position:relative;flex-shrink:0}.chip-avatar img{width:21px;height:21px;border-radius:50%;background:var(--border);display:block}.chip-avatar .mic-dot{position:absolute;bottom:-1px;right:-1px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--surface);background:#4a4d5e}.chip-avatar .mic-dot.on{background:var(--success)}.chip .cname{max-width:88px;overflow:hidden;text-overflow:ellipsis}.chip .ctag{font-size:9px;text-transform:uppercase;color:var(--danger);font-weight:700}.chip .cdone{font-size:9px;text-transform:uppercase;color:var(--success);font-weight:700}.chip .cscore{font-size:11px;color:var(--primary);font-weight:700}.card{flex:1;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;animation:cardIn .18s ease both}@keyframes cardIn{0%{opacity:0}to{opacity:1}}.card-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;display:flex;align-items:center;gap:6px}.card-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.card-eyebrow.rec .dot{background:var(--danger)}.card-eyebrow.live .dot{background:var(--success)}.card-eyebrow.gold .dot{background:var(--gold)}.card-headline{font-size:18px;font-weight:800;margin:0;text-align:center}.card-sub{font-size:12.5px;color:var(--muted);margin:0;text-align:center;max-width:420px;line-height:1.5}.chip-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.mode-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;text-align:left;cursor:pointer;min-width:104px;flex:1;transition:border-color .15s ease,background .15s ease,transform .08s ease}.mode-chip:hover{border-color:var(--primary);transform:translateY(-1px)}.mode-chip.selected{border-color:var(--primary);background:#f2a33c1f}.mode-chip .mc-icon{font-size:16px;margin-bottom:3px}.mode-chip .mc-label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mode-chip .mc-value{font-size:13px;font-weight:700}.info-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;min-width:70px;text-align:center}.info-chip .mc-label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.info-chip .mc-value{font-size:13px;font-weight:700}.song-browser{width:100%;display:flex;flex-direction:column;gap:8px}.song-browser-head{display:flex;align-items:center;justify-content:space-between}.song-browser-head span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:190px;overflow-y:auto;padding:2px}.song-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer;text-align:left;position:relative;transition:border-color .15s ease,transform .08s ease}.song-card:hover{border-color:var(--primary);transform:translateY(-2px)}.song-card.selected{border-color:var(--primary);background:#f2a33c1f}.song-cover{width:100%;aspect-ratio:1;border-radius:8px;background:var(--surface-3);margin-bottom:6px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted);background-size:cover;background-position:center;position:relative;overflow:hidden}.song-card .play-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transition:opacity .12s ease}.song-card:hover .play-hint{opacity:1}.song-title{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-empty{font-size:12px;color:var(--muted);text-align:center;padding:16px;width:100%}.now-playing{display:flex;align-items:center;gap:12px;width:100%;max-width:360px}.now-cover{width:52px;height:52px;border-radius:10px;background:var(--surface-3);background-size:cover;background-position:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted)}.now-meta{flex:1;min-width:0}.now-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-artist{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-strip{width:100%;max-width:400px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px}.mic-strip.ok{border-color:var(--success)}.mic-strip .mi{font-size:15px}.mic-strip p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.4}.mic-strip strong{color:var(--text)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:11px 18px;font-size:13px;font-weight:700;border-radius:var(--radius);cursor:pointer;transition:filter .1s ease,transform .08s ease,background .15s ease}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed;filter:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-wide{width:100%;max-width:360px;padding:13px 18px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.btn-small{padding:7px 14px;font-size:12px}.vu{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:44px;width:100%;max-width:340px}.vu .bar{width:5px;border-radius:2px;background:var(--border);height:3px;transition:height .06s ease,background .15s ease}.vu.live .bar{background:var(--success)}.vu.rec .bar{background:var(--danger)}.vu.play .bar{background:var(--primary)}.dot-rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.reveal-name{font-size:17px;font-weight:800;margin:0;text-align:center}.progress-dots{display:flex;gap:5px;justify-content:center}.progress-dots span{width:5px;height:5px;border-radius:50%;background:var(--border)}.progress-dots span.active{background:var(--primary)}.progress-dots span.done{background:var(--success)}.star-row{display:flex;gap:5px;justify-content:center}.star-btn{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;padding:1px;color:var(--border);transition:transform .08s ease,color .1s ease}.star-btn:hover{color:var(--gold);transform:scale(1.12)}.vote-progress{font-size:10px;color:var(--muted);text-align:center;margin:0}.lb-table{width:100%;max-width:380px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lb-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:12px}.lb-row:last-child{border-bottom:none}.lb-row .lb-rank{color:var(--muted);width:14px;font-size:11px}.lb-row .lb-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .lb-val{color:var(--primary);font-size:11px;font-weight:700}.lb-row.top{background:#ffcf5c1a}.lb-caption{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-self:flex-start;margin:0 0 0 4px}.waiting{text-align:center;color:var(--muted);font-size:12px;margin:0}.toast{position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--danger);color:var(--text);padding:8px 14px;border-radius:var(--radius);font-size:12px;max-width:90%;text-align:center;z-index:20}.mic-only{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;background:var(--bg);color:var(--text)}.mic-only .status-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);margin:0 auto}.mic-only .status-dot.rec{background:var(--danger);animation:pulse 1s ease-in-out infinite}.mic-only .status-dot.ready{background:var(--success)}.mic-only p{color:var(--muted);font-size:12px;margin:0;max-width:260px}.mic-only .mo-headline{font-size:14px;font-weight:700;color:var(--text);margin:0}