:root{--bg: #0b0c0f;--surface: #17181d;--surface-2: #1e2026;--surface-3: #262932;--border: #2a2d36;--text: #f4f4f6;--muted: #93949f;--primary: #7c5cff;--primary-2: #a78bfa;--primary-ink: #ffffff;--danger: #ff5468;--success: #2fd6a7;--gold: #ffcf5c;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow: 0 20px 44px -20px rgba(0, 0, 0, .6);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}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.boot-badge{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;color:var(--text)}.boot-badge-icon{font-size:13px}.boot-card{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:30px 28px;text-align:center}.boot-title{font-size:19px;font-weight:800;margin-bottom:6px}.boot-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.boot-progress{height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden;margin-bottom:16px}.boot-progress-fill{height:100%;width:55%;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--danger));animation:bootProgress 1.8s ease-in-out infinite}@keyframes bootProgress{0%{width:10%}50%{width:75%}to{width:10%}}.boot-dots{display:flex;justify-content:center;gap:8px}.boot-dots span{width:6px;height:6px;border-radius:50%;background:var(--surface-3)}.boot-dots span.on{background:var(--primary-2)}.boot-mark{display:flex;gap:5px;height:24px;align-items:flex-end;opacity:.6}.boot-mark .bar{width:4px;border-radius:2px;background:var(--muted);animation:vu 1s ease-in-out infinite;animation-delay:calc(var(--i) * .11s);height:6px}@keyframes vu{0%,to{height:5px;opacity:.5}50%{height:20px;opacity:1}}.boot-text{color:var(--muted);font-size:12px;text-align:center;max-width:320px}.app-shell{height:100%;display:flex;overflow:hidden;animation:fadeIn .25s ease both}.sidebar{width:190px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;gap:2px;transition:width .18s ease}.sidebar.collapsed{width:64px}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:none;text-align:left;transition:background .15s ease,color .15s ease}.sidebar-nav-item .ico{width:17px;height:17px}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--surface-2);color:var(--text)}.sidebar-nav-item.active .ico{color:var(--primary-2)}.sidebar-nav-item:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.sidebar-spacer{flex:1}.main-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar-v2{display:flex;align-items:center;gap:14px;padding:12px 20px;flex-shrink:0;position:relative}.topbar-left-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.logo-mark .ico{width:16px;height:16px}.icon-toggle{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-toggle:hover{color:var(--text);background:var(--surface-2)}.icon-toggle .ico{width:15px;height:15px}.nav-arrows{display:flex;gap:6px}.nav-arrow{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.nav-arrow .ico{width:14px;height:14px}.nav-arrow:hover{background:var(--surface-2);color:var(--text)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.ico{display:inline-flex;width:17px;height:17px;flex-shrink:0}.ico svg{width:100%;height:100%}.search-slot{flex:1;max-width:440px;margin:0 auto}.search-wrap{position:relative;width:100%}.search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:9px 16px 9px 38px;font-size:13px;color:var(--text);outline:none}.search-input::placeholder{color:var(--muted)}.search-input[data-inactive]{opacity:.55}.search-wrap .search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-wrap .search-icon .ico{width:14px;height:14px}.topbar-right-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-cta{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none;border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -12px #7c5cffb3;transition:transform .12s ease,filter .12s ease}.btn-cta .ico{width:14px;height:14px}.btn-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.avatar-btn{width:34px;height:34px;border-radius:50%;border:none;padding:0;cursor:pointer;background:none}.avatar-btn img{width:100%;height:100%;border-radius:50%;background:var(--surface-3);display:block}.profile-dropdown{position:absolute;top:46px;right:0;width:250px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;z-index:30;animation:popIn .15s ease both}.pd-head{display:flex;align-items:center;gap:10px;padding:10px}.pd-head img{width:36px;height:36px;border-radius:50%;background:var(--surface-3)}.pd-headtext{flex:1;min-width:0}.pd-name{font-weight:800;font-size:13px}.pd-sub{font-size:11px;color:var(--muted)}.pd-ext{color:var(--muted)}.pd-ext .ico{width:13px;height:13px}.pd-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text);font-size:12.5px;font-weight:600;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left}.pd-row:hover{background:var(--surface-3)}.pd-row .ico{width:15px;height:15px;color:var(--muted)}.pd-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 6px;padding:0 10px}.volume-row{display:flex;align-items:center;gap:10px;padding:0 10px 10px}.volume-row input[type=range]{flex:1;accent-color:var(--primary);height:4px}.volume-icon{font-size:14px;width:18px;text-align:center}.pd-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding:10px;border-top:1px solid var(--border)}.pd-status .conn-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.pd-ver{margin-left:auto;font-family:ui-monospace,monospace;font-size:10px}.status-strip{display:flex;align-items:center;gap:8px;padding:0 20px 10px;flex-shrink:0;font-size:12px;color:var(--muted)}.status-strip .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.status-strip b{color:var(--text)}.grid-page{padding-top:4px}.grid-section-title{font-size:13px;font-weight:800;margin:4px 0 12px}.big-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.big-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;animation:fadeUp .3s ease both;display:flex;flex-direction:column}.big-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.big-card-art{aspect-ratio:1;background:var(--surface-3);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--muted);position:relative}.big-card-art .heart-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.big-card-art .heart-btn.liked{color:var(--danger)}.big-card-art .heart-btn:hover{transform:scale(1.1)}.big-card-art .queue-btn{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.big-card-art .queue-btn:hover{transform:scale(1.1);background:var(--primary)}.big-card-body{padding:10px 12px 12px}.big-card-title{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.big-card-sub{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.artist-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 12px;text-align:center;cursor:pointer;transition:border-color .15s ease,transform .15s ease;animation:fadeUp .25s ease both}.artist-tile:hover{border-color:var(--primary);transform:translateY(-2px)}.artist-tile .at-icon{font-size:24px;margin-bottom:6px}.artist-tile .at-name{font-size:12px;font-weight:700}.artist-tile .at-count{font-size:10px;color:var(--muted)}.back-link{font-size:12px;color:var(--primary-2);cursor:pointer;margin-bottom:12px;display:inline-block}.queue-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px;margin-bottom:20px}.queue-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;animation:fadeUp .2s ease both}.queue-row .q-pos{font-family:ui-monospace,monospace;font-size:11px;color:var(--muted);width:18px}.queue-row .q-cover{width:34px;height:34px;border-radius:8px;background:var(--surface-3);background-size:cover;background-position:center;flex-shrink:0}.queue-row .q-meta{flex:1;min-width:0}.queue-row .q-title{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row .q-artist{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row .q-actions{display:flex;gap:4px}.q-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}.q-btn:hover{color:var(--text);background:var(--surface-3)}.queue-empty{color:var(--muted);font-size:12px;text-align:center;padding:20px}.history-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px}.history-row{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;animation:fadeUp .25s ease both}.history-row .h-round{font-family:ui-monospace,monospace;font-size:11px;color:var(--muted);width:46px}.history-row .h-meta{flex:1;min-width:0}.history-row .h-title{font-size:12px;font-weight:700}.history-row .h-sub{font-size:10px;color:var(--muted)}.history-row .h-top{font-size:11px;color:var(--gold);font-weight:700}.history-empty{color:var(--muted);font-size:12px;text-align:center;padding:20px}.home-welcome{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeUp .3s ease both}.banner-card{width:100%;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;animation:fadeUp .3s ease both}.banner-icon-swap{display:flex;align-items:center;gap:4px;font-size:18px;flex-shrink:0}.banner-icon-swap .swap{font-size:12px;color:var(--muted)}.banner-text{flex:1;min-width:0;font-size:13px;color:var(--muted)}.banner-text strong{color:var(--text)}.banner-close{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.banner-close:hover{background:var(--surface-2);color:var(--text)}.section-block{width:100%}.section-title{font-size:15px;font-weight:800;margin:0 0 2px}.section-sub{font-size:12px;color:var(--muted);margin:0 0 12px}.scroll-row-wrap{position:relative}.scroll-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.scroll-row::-webkit-scrollbar{display:none}.scroll-next{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);z-index:2}.scroll-next .ico{width:13px;height:13px}.genre-card{flex-shrink:0;width:128px;height:128px;border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border);transition:transform .18s ease,box-shadow .18s ease;animation:popIn .25s ease both;background:var(--surface-2);background-size:cover;background-position:center;display:flex;align-items:flex-end}.genre-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow)}.genre-card.selected{box-shadow:0 0 0 2px var(--primary)}.genre-card .genre-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:34px;opacity:.5}.genre-card .genre-label{position:relative;width:100%;padding:8px 10px;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}.recents-row-item{flex-shrink:0;width:128px;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);border:1px solid var(--border);cursor:default;animation:fadeUp .25s ease both}.recents-art{width:100%;aspect-ratio:1;background:var(--surface-3);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--muted)}.recents-badge{position:absolute;top:6px;right:6px;background:#0009;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px}.recents-body{padding:8px 10px 10px}.recents-title{font-size:11.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recents-sub{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster{display:flex;gap:8px;padding:0 20px 12px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.roster::-webkit-scrollbar{display:none}.chip{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px 5px 5px;font-size:12px;flex-shrink:0;white-space:nowrap;transition:border-color .2s ease,transform .2s ease;animation:fadeUp .3s ease both}.chip.is-me{border-color:var(--primary)}.chip-avatar{position:relative;flex-shrink:0}.chip-avatar img{width:22px;height:22px;border-radius:50%;background:var(--border);display:block}.chip-avatar .mic-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--surface);background:#4a4d5e;transition:background .2s ease}.chip-avatar .mic-dot.on{background:var(--success)}.chip .cname{max-width:90px;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-2);font-weight:700;font-family:ui-monospace,monospace}.stage{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}.headline-block{text-align:center;animation:fadeUp .3s ease both}.headline-block h1{font-size:20px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em}.headline-block p{font-size:13px;color:var(--muted);margin:0;max-width:420px;line-height:1.5}.tile-row{display:flex;gap:12px;overflow-x:auto;width:100%;padding:4px 2px 8px;scrollbar-width:none}.tile-row::-webkit-scrollbar{display:none}.tile{flex-shrink:0;width:120px;cursor:pointer;animation:popIn .25s ease both}.tile-art{width:120px;height:120px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:8px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.tile:hover .tile-art{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow);border-color:var(--primary)}.tile.selected .tile-art{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.tile-label{font-size:12px;font-weight:700;text-align:center}.tile-sub{font-size:10px;color:var(--muted);text-align:center}.feature-row{display:flex;gap:14px;width:100%;flex-wrap:wrap;justify-content:center}.feature-card{flex:1;min-width:200px;max-width:260px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;animation:fadeUp .35s ease both}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-art{height:110px;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative}.feature-body{padding:12px 14px 14px}.feature-title{font-size:13px;font-weight:800}.feature-sub{font-size:11px;color:var(--muted);margin-top:2px}.stepper-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 10px}.stepper-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.stepper-btn:hover{background:var(--surface-3)}.stepper-btn:active{transform:scale(.92)}.stepper-val{min-width:68px;text-align:center;font-size:13px}.stepper-val b{font-size:16px}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;max-height:220px;overflow-y:auto;width:100%;padding:2px}.song-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .15s ease;animation:fadeUp .25s ease both}.song-card:hover{border-color:var(--primary);transform:translateY(-2px)}.song-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.song-cover{width:100%;aspect-ratio:1;border-radius:10px;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:#0006;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;animation:fadeUp .3s ease both}.now-cover{width:56px;height:56px;border-radius:12px;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-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}.karaoke{width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;gap:4px;padding:6px 0}.karaoke-line{font-size:12px;color:var(--muted);min-height:16px;transition:opacity .15s ease;opacity:.6}.karaoke-line.current{font-size:16px;font-weight:700;color:var(--primary-2);opacity:1;min-height:20px}.mic-strip{width:100%;max-width:400px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px;animation:fadeUp .3s ease both}.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:12px 20px;font-size:13px;font-weight:700;border-radius:999px;cursor:pointer;transition:filter .12s ease,transform .1s ease,box-shadow .15s ease}.btn:hover{filter:brightness(1.2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed;filter:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:var(--primary-ink);box-shadow:0 10px 26px -12px #7c5cffb3}.btn-primary:hover{transform:translateY(-1px)}.btn-wide{width:100%;max-width:360px;padding:14px 20px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.btn-small{padding:8px 16px;font-size:12px}.vu{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:46px;width:100%;max-width:340px}.vu .bar{width:5px;border-radius:3px;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-2)}.dot-rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px;animation:pulse 1s ease-in-out infinite}.reveal-name{font-size:18px;font-weight:800;margin:0;text-align:center;animation:popIn .25s ease both}.progress-dots{display:flex;gap:5px;justify-content:center}.progress-dots span{width:5px;height:5px;border-radius:50%;background:var(--border);transition:background .2s ease,transform .2s ease}.progress-dots span.active{background:var(--primary);transform:scale(1.4)}.progress-dots span.done{background:var(--success)}.score-ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--primary) calc(var(--pct) * 1%),var(--surface-3) 0);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.score-ring-inner{width:76px;height:76px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring-inner b{font-size:20px}.score-ring-inner span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.scoring-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--primary);animation:spin .8s linear infinite}.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:9px 14px;border-bottom:1px solid var(--border);font-size:12px;animation:fadeUp .3s ease both}.lb-row:last-child{border-bottom:none}.lb-row .lb-rank{color:var(--muted);width:16px;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-2);font-size:11px;font-weight:700;font-family:ui-monospace,monospace}.lb-row.top{background:#ffcf5c14}.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:16px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--danger);color:var(--text);padding:9px 16px;border-radius:999px;font-size:12px;max-width:90%;text-align:center;z-index:20;animation:fadeUp .2s ease both}.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}