*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#353570 #080812}:root{--bg: #080812;--surface: #0f0f1c;--surface2: #161630;--border: #1e1e40;--border-hover: #353570;--text: #eaeaf4;--text-muted: #6a6a90;--accent: #6c5ce7;--accent2: #a855f7;--accent-glow: rgba(108, 92, 231, .3);--green: #00e676;--green-glow: rgba(0, 230, 118, .25);--red: #ff5252;--yellow: #ffca28;--cyan: #18ffff;--pink: #f06292;--bg-elevated: #161630;--radius: 12px;--radius-sm: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.05) 0%,transparent 50%);color:var(--text);min-height:100vh;line-height:1.5}.topnav{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#0f0f1ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topnav-brand{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--pink),var(--cyan));background-size:200% 200%;animation:shimmer 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;letter-spacing:1px;text-decoration:none}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.topnav-breadcrumb{color:var(--text-muted);font-size:.88rem}.page{max-width:1200px;margin:0 auto;padding:24px;animation:fadeIn .3s ease}.page-wide{max-width:100%;padding:16px 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.card-sm{padding:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title{font-size:1rem;font-weight:600;margin-bottom:12px}.card-header .card-title{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap;position:relative;overflow:hidden;font-family:inherit;color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-secondary{background:var(--surface2);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.15)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-lg{padding:14px 28px;font-size:1.05rem;width:100%;margin-top:12px}.btn-toggle{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted)}.btn-toggle.active{border-color:var(--accent);color:var(--text);background:var(--accent-glow)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-col{display:flex;flex-direction:column;gap:8px}.btn-group{display:flex;gap:6px;flex-wrap:wrap}.input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 14px;font-size:.9rem;outline:none;transition:border-color .2s;width:100%;font-family:inherit}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:12px 14px;font-size:.88rem;outline:none;transition:border-color .2s;width:100%;resize:vertical;font-family:monospace;min-height:100px}.textarea:focus{border-color:var(--accent)}.input-row{display:flex;gap:10px;align-items:center}select.input{cursor:pointer}.text-muted{color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.82rem;margin-bottom:10px}.hidden{display:none!important}.empty-state{text-align:center;padding:40px;color:var(--text-muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.9rem;z-index:1000;animation:fadeIn .3s ease;pointer-events:none}.toast-ok{border-color:var(--green);color:var(--green)}.toast-error{border-color:var(--red);color:var(--red)}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.song-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .2s}.song-card:hover{border-color:var(--accent);transform:translateY(-2px)}.song-card-title{font-weight:600;margin-bottom:4px}.song-card-artist{color:var(--text-muted);font-size:.85rem;margin-bottom:8px}.song-card-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:500;border:1px solid}.badge-ok{color:var(--green);border-color:#00e6764d;background:#00e67614}.badge-warn{color:var(--yellow);border-color:#ffca284d;background:#ffca2814}.badge-miss{color:var(--text-muted);border-color:var(--border);background:transparent}.yt-results{display:flex;flex-direction:column;gap:6px;margin-top:12px}.import-options{margin-top:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.yt-result{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .2s}.yt-result:hover{border-color:var(--accent)}.yt-title{font-weight:500;font-size:.9rem}.yt-meta{color:var(--text-muted);font-size:.8rem}.yt-duration{color:var(--text-muted);font-size:.82rem;white-space:nowrap;margin-left:12px}.log-panel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-top:12px}.log-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.88rem}.log-bar{height:4px;border-radius:2px;background:var(--border);margin-bottom:10px;overflow:hidden}.log-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .3s;border-radius:2px}.log-lines{max-height:200px;overflow-y:auto;font-family:monospace;font-size:.78rem;color:var(--text-muted);line-height:1.6}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;font-family:inherit}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.prep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.status-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.88rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.ok{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.status-dot.miss{background:var(--text-muted)}.editor-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.editor-title-row{flex:1}.editor-title-row h1{font-size:1.2rem;font-weight:700}.preview-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.seek{flex:1;min-width:100px;accent-color:var(--accent);height:4px;cursor:pointer}#waveform-container{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;margin-bottom:8px;min-height:128px}.timeline-zoom{display:flex;align-items:center;gap:8px;margin-bottom:12px}.timeline-zoom input{width:200px;accent-color:var(--accent)}.segment-list{margin-top:12px}.segment-item{padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);margin-bottom:6px;transition:border-color .2s}.segment-item:hover{border-color:var(--border-hover)}.segment-item.active{border-color:var(--accent);background:var(--accent-glow)}.segment-time{color:var(--text-muted);font-size:.78rem;font-family:monospace;margin-right:8px}.segment-words{display:flex;flex-wrap:wrap;gap:3px}.word-chip{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.82rem;cursor:pointer;transition:all .15s;border:1px solid transparent;-webkit-user-select:none;user-select:none}.word-chip:hover{border-color:var(--accent)}.word-chip.voice-off{color:var(--text-muted);font-style:italic}.word-chip.selected{background:var(--accent-glow);border-color:var(--accent)}.word-chip.has-syllables{border-bottom:2px dotted var(--pink)}.word-chip.syllable-chip{font-size:.75rem;padding:1px 4px;border-radius:3px;background:#f0629226;border-color:#f062924d;color:var(--pink)}.context-menu{position:fixed;z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 0;min-width:200px;box-shadow:0 8px 24px #0006}.ctx-item{padding:8px 16px;cursor:pointer;font-size:.85rem;transition:background .15s}.ctx-item:hover{background:var(--surface2)}.ctx-separator{height:1px;background:var(--border);margin:4px 0}.game-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0f0f1ce6;border-bottom:1px solid var(--border)}#lyrics-display{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}#lyrics-container{width:100%;max-width:900px;text-align:center}.lyrics-line{padding:8px 0;font-size:1.6rem;font-weight:600;transition:opacity .3s,transform .3s;line-height:1.8}.lyrics-line.past{opacity:.3}.lyrics-line.future{opacity:.5}.lyrics-line.active{opacity:1}.lyrics-word{display:inline-block;position:relative;margin:0 3px;transition:color .15s}.lyrics-word.sung{color:var(--cyan)}.lyrics-word.active{color:#fff}.lyrics-word.masked{background:var(--surface2);color:transparent;border-radius:4px;min-width:60px;border:1px dashed var(--border)}.lyrics-word.masked.revealed{color:var(--green);background:transparent;border:none}.lyrics-word.masked.wrong{color:var(--red);background:transparent;border:none}.word-progress{position:absolute;bottom:-4px;left:0;height:3px;border-radius:2px;transition:width .05s linear}@keyframes pulse-word{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bounce-word{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake-word{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes glow-word{0%,to{text-shadow:0 0 8px var(--accent-glow)}50%{text-shadow:0 0 20px var(--accent),0 0 40px var(--accent-glow)}}@keyframes zoom-word{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes fade-word{0%{opacity:.3}to{opacity:1}}.anim-pulse .lyrics-word.active{animation:pulse-word .5s ease infinite}.anim-glow .lyrics-word.active{animation:glow-word 1s ease infinite}.anim-bounce .lyrics-word.active{animation:bounce-word .4s ease infinite}.anim-shake .lyrics-word.active{animation:shake-word .3s ease infinite}.anim-zoom .lyrics-word.active{animation:zoom-word .3s ease forwards}.anim-fade .lyrics-word.active{animation:fade-word .3s ease forwards}.audio-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap}.volume-group{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted)}.volume-group input{width:80px;accent-color:var(--accent)}.input-zone{display:flex;gap:8px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border);justify-content:center}.input-zone .input{max-width:300px}.score-display{font-size:1.1rem;font-weight:700}.game-masked-word{display:inline-block;position:relative;margin:0 4px;border-bottom:3px solid var(--mask-color, var(--accent));border-radius:0;min-width:40px;color:transparent!important;background:transparent!important;transition:border-color .3s}.game-masked-word.next-to-reveal{border-bottom-width:4px;animation:mask-pulse 1.2s ease-in-out infinite}@keyframes mask-pulse{0%,to{opacity:.5}50%{opacity:1}}.game-revealed-word{display:inline-block;position:relative;margin:0 4px;font-weight:700}.game-revealed-word.reveal-anim{animation:word-reveal .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes word-reveal{0%{transform:scale(0) translateY(12px);opacity:0}50%{transform:scale(1.3) translateY(-6px);opacity:1}75%{transform:scale(.95) translateY(1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.video-preview-bg.breathing{animation:bg-breathe 2.5s ease-in-out infinite}@keyframes bg-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.game-reveal-prompt{position:absolute;bottom:16px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:20;animation:prompt-fade-in .3s ease}@keyframes prompt-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-reveal-btn{font-size:1rem;padding:10px 28px;border-radius:10px;box-shadow:0 4px 20px #6c5ce766}.game-reveal-hint{font-size:.75rem;color:var(--text-muted);opacity:.6}.game-finished-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a19d9;z-index:30;animation:prompt-fade-in .5s ease}.game-finished-card{text-align:center;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.game-finished-score{font-size:3rem;font-weight:800;color:var(--accent);margin:16px 0 24px}.game-countdown{text-align:center;margin-top:24px}.game-countdown-number{display:inline-block;font-size:3.5rem;font-weight:800;color:var(--accent);text-shadow:0 0 30px var(--accent-glow);animation:countdown-pop 1s ease forwards}@keyframes countdown-pop{0%{transform:scale(1.8);opacity:.3}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.4}}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.88rem;color:var(--text-muted)}.checkbox-label input{accent-color:var(--accent)}.shortcuts-overlay{position:fixed;inset:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center}.shortcuts-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:500px;width:90%}.shortcut-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.88rem;border-bottom:1px solid var(--border)}.shortcut-key{font-family:monospace;background:var(--surface2);padding:2px 8px;border-radius:4px;font-size:.82rem}.video-container{position:relative;width:100%;max-height:40vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.video-container video{width:100%;max-height:40vh;object-fit:contain}.video-overlay{position:absolute;inset:0;background:linear-gradient(transparent 60%,var(--bg) 100%);pointer-events:none}.editor-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.editor-menubar{display:flex;align-items:center;gap:2px;height:36px;padding:0 8px;background:#0c0c18;border-bottom:1px solid var(--border);flex-shrink:0}.editor-menu-brand{font-size:1rem;font-weight:800;padding:0 12px;background:linear-gradient(135deg,var(--accent),var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;margin-right:8px}.editor-menu-items{display:flex;gap:1px;flex:1}.editor-menu-btn{background:transparent;border:none;color:var(--text-muted);padding:4px 10px;font-size:.78rem;cursor:pointer;border-radius:4px;transition:all .15s;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center}.editor-menu-btn:hover{background:var(--surface2);color:var(--text)}.editor-menu-btn:disabled{opacity:.4}.editor-menu-separator{width:1px;height:18px;background:var(--border);margin:0 4px;align-self:center}.editor-menu-title{color:var(--text-muted);font-size:.78rem;margin-left:auto;padding-right:8px}.editor-body{display:flex;flex:1;overflow:hidden}.editor-panel{background:#0a0a16;border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.editor-panel-left{border-right:1px solid var(--border)}.editor-panel-right{border-left:1px solid var(--border);border-right:none}.panel-content{padding:0}.panel-header{padding:8px 12px;font-size:.82rem;font-weight:600;background:#0c0c1a;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.panel-header-sm{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.panel-tabs{display:flex;border-bottom:1px solid var(--border)}.panel-tab{flex:1;padding:6px 8px;text-align:center;font-size:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s;font-family:inherit;border-bottom:2px solid transparent}.panel-tab:hover{color:var(--text)}.panel-tab.active{color:var(--text);border-bottom-color:var(--accent);background:#6c5ce714}.panel-section{padding:10px 12px}.panel-separator{height:1px;background:var(--border)}.panel-field{margin-bottom:8px}.panel-field-row{display:flex;gap:8px;margin-bottom:8px}.panel-field-row .panel-field{flex:1;margin-bottom:0}.panel-label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.panel-value{font-size:.82rem;padding:4px 6px;background:var(--surface2);border-radius:4px}.panel-value.mono{font-family:monospace;font-size:.78rem}.panel-value.clickable{cursor:pointer}.panel-value.clickable:hover{border:1px solid var(--accent)}.panel-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:4px 8px;font-size:.82rem;outline:none;font-family:inherit}.panel-input:focus{border-color:var(--accent)}.panel-textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px;font-size:.78rem;outline:none;font-family:monospace;resize:vertical;min-height:200px}.panel-textarea:focus{border-color:var(--accent)}.panel-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.panel-btn{width:100%;padding:6px 10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:4px;font-size:.78rem;cursor:pointer;transition:all .15s;font-family:inherit}.panel-btn:hover{border-color:var(--accent)}.panel-btn:disabled{opacity:.4;cursor:not-allowed}.panel-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.panel-btn-sm{padding:3px 8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);border-radius:3px;font-size:.72rem;cursor:pointer;font-family:inherit}.panel-btn-sm:hover{border-color:var(--accent);color:var(--text)}.panel-toggle{padding:3px 10px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);border-radius:4px;font-size:.78rem;cursor:pointer;font-family:inherit}.panel-toggle.active{border-color:var(--green);color:var(--green);background:#00e6761a}.panel-color{width:28px;height:24px;border:none;cursor:pointer;border-radius:4px;padding:0}.panel-empty{color:var(--text-muted);font-size:.78rem;text-align:center;padding:20px 0}.asset-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:.78rem;cursor:default;transition:background .15s}.asset-item:hover{background:var(--surface2)}.asset-icon{font-size:.9rem}.asset-name{flex:1}.asset-name.asset-missing{color:var(--text-muted);text-decoration:line-through}.asset-badge{font-size:.7rem}.asset-badge.ok{color:var(--green)}.asset-badge.miss{color:var(--red)}.syllable-list{display:flex;flex-direction:column;gap:2px}.syllable-item{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#f062921a;border-radius:3px;font-size:.75rem}.syllable-text{color:var(--pink);font-weight:500}.syllable-time{font-family:monospace;color:var(--text-muted);font-size:.7rem}.snapshot-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.snapshot-item{display:flex;justify-content:space-between;padding:4px 6px;font-size:.72rem;border-radius:3px;cursor:default}.snapshot-item.active{background:var(--accent-glow)}.snapshot-label{color:var(--text)}.snapshot-time{color:var(--text-muted);font-family:monospace}.editor-center{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-center-top{display:flex;flex:1;overflow:hidden;min-height:0;min-height:200px}.editor-preview-area{flex:1;display:flex;overflow:hidden;min-width:0}.video-preview{flex:1;position:relative;display:flex;flex-direction:column;background:#000;overflow:hidden}.video-preview-bg{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.video-preview-gradient{width:100%;height:100%;background:radial-gradient(ellipse at center,#0a0a2a,#000 70%)}.video-lyrics-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:40px;pointer-events:none;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.video-lyrics-line{padding:6px 20px;font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.5);text-align:center;max-width:90%}.video-lyrics-line.active{opacity:1}.video-lyrics-line.upcoming{opacity:.4}.video-word{display:inline-block;margin:0 2px;position:relative}.video-word-overlay{position:absolute;top:0;left:0;bottom:0;overflow:hidden;white-space:nowrap;pointer-events:none}.video-timecode{position:absolute;top:8px;right:12px;font-family:monospace;font-size:.78rem;color:#fff6;pointer-events:none}.video-zoom-controls{position:absolute;top:6px;left:8px;z-index:10;display:flex;gap:2px;opacity:0;transition:opacity .2s}.video-preview:hover .video-zoom-controls{opacity:1}.video-zoom-btn{background:#0009;border:1px solid rgba(255,255,255,.15);color:#fff;padding:2px 8px;font-size:.72rem;border-radius:3px;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-zoom-btn:hover{background:#6c5ce799}.transport-bar{display:flex;align-items:center;gap:12px;padding:6px 12px;height:44px;background:#0c0c18;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.transport-controls{display:flex;gap:2px}.transport-btn{width:30px;height:28px;border:none;background:var(--surface2);color:var(--text-muted);border-radius:4px;cursor:pointer;font-size:.82rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.transport-btn:hover{background:var(--border);color:var(--text)}.transport-btn.active{color:var(--accent)}.transport-play{width:36px}.transport-play.active{background:var(--accent);color:#fff}.transport-time{display:flex;align-items:center;gap:4px;min-width:160px}.transport-timecode{font-family:SF Mono,Fira Code,monospace;font-size:.88rem;color:var(--cyan);font-weight:600;letter-spacing:.5px}.transport-timecode.dim{color:var(--text-muted)}.transport-separator{color:var(--text-muted);font-size:.75rem}.transport-seek{flex:1}.transport-seek-bar{width:100%;accent-color:var(--accent);height:4px;cursor:pointer}.transport-volumes{display:flex;gap:10px}.transport-vol{display:flex;align-items:center;gap:4px}.transport-vol-icon{font-size:.82rem}.transport-vol-slider{width:70px;accent-color:var(--accent);height:3px}.editor-timeline-area{flex-shrink:0;flex-grow:0;overflow:hidden;border-top:1px solid var(--border);max-height:50vh}.timeline-panel{height:100%;display:flex;flex-direction:column;background:#080812;position:relative}.realign-logs{position:absolute;top:0;right:0;z-index:100;width:420px;max-height:260px;background:#0d0d1a;border:1px solid #2a2a4a;border-radius:0 0 0 8px;font-family:monospace;font-size:.78rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:-4px 4px 16px #00000080;cursor:pointer}.realign-logs-header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:#1a1a30;color:#4fc3f7;font-weight:600;font-size:.8rem;flex-shrink:0}.realign-logs-close{background:none;border:none;color:#888;font-size:1.1rem;cursor:pointer}.realign-logs-body{overflow-y:auto;padding:6px 10px;max-height:220px}.realign-log-line{color:#aaa;padding:1px 0;white-space:pre-wrap;line-height:1.4}.realign-log-line.log-correction{color:#ffca28}.realign-log-line.log-skip{color:#e53935}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;height:32px;background:#0a0a16;border-bottom:1px solid var(--border);flex-shrink:0}.timeline-toolbar-title{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.timeline-toolbar-left,.timeline-toolbar-center,.timeline-toolbar-right{display:flex;align-items:center;gap:6px}.tl-tool-btn{padding:3px 8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:3px;font-size:.72rem;cursor:pointer;font-family:inherit}.tl-tool-btn:hover{border-color:var(--accent);color:var(--text)}.tl-tool-btn.active{border-color:var(--accent);color:var(--accent);background:#6c5ce726}.tl-zoom-slider{width:100px;accent-color:var(--accent);height:3px}.timeline-scroll{flex:1;overflow:auto;display:flex;position:relative}.timeline-headers{position:sticky;left:0;z-index:10;width:180px;flex-shrink:0;background:#0a0a16}.tl-header{display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.tl-ruler-header{background:#0c0c1a}.tl-header-icon{font-size:.82rem;width:20px;text-align:center}.tl-header-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-header-group{background:#6c5ce714;font-weight:600;font-size:.72rem}.tl-header-sub{padding-left:18px;font-size:.7rem;background:#0a0a16cc}.tl-header-chevron{font-size:.7rem;width:14px;text-align:center;flex-shrink:0;color:var(--text-muted);transition:transform .15s}.tl-header-eye{cursor:pointer;font-size:.7rem;width:18px;text-align:center;flex-shrink:0;transition:opacity .15s}.tl-header-eye:hover{opacity:.8!important}.tl-header-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tl-track-group-bar{background:#6c5ce70d;border-bottom:1px solid var(--border)}.timeline-content{position:relative;user-select:none;-webkit-user-select:none}.tl-ruler{position:relative;background:#0c0c1a;border-bottom:1px solid var(--border);cursor:pointer}.tl-tick{position:absolute;top:0;width:1px;height:100%;background:var(--border)}.tl-tick.major{background:#6a6a9066}.tl-tick-label{position:absolute;top:2px;left:4px;font-size:.65rem;color:var(--text-muted);white-space:nowrap;font-family:monospace}.tl-track{position:relative;border-bottom:1px solid var(--border);background:#0a0a1a80;cursor:crosshair;user-select:none;-webkit-user-select:none}.tl-track:hover{background:#0f0f2399}.tl-waveform-canvas{position:absolute;top:0;left:0;pointer-events:none}.tl-grid-overlay{position:absolute;left:0;pointer-events:none;z-index:1}.tl-grid-line{position:absolute;top:0;width:1px;height:100%}.tl-grid-line.major{background:#6a6a9040}.tl-grid-line.mid{background:#6a6a901f}.tl-grid-line.minor{background:#6a6a900f}.tl-word{position:absolute;top:4px;bottom:4px;border:1px solid;border-radius:4px;display:flex;align-items:stretch;overflow:visible;cursor:pointer;transition:background-color .1s,border-color .1s;min-width:4px;font-size:.72rem}.tl-word:hover{filter:brightness(1.3);z-index:5}.tl-word.selected{z-index:10;border-width:2px}.tl-word.voice-off{opacity:.4}.tl-word-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#fff}.tl-drag-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:15;background:transparent;transition:background .15s}.tl-drag-handle:hover{background:#ffffff40}.tl-drag-left{left:-3px;border-radius:4px 0 0 4px}.tl-drag-right{right:-3px;border-radius:0 4px 4px 0}.tl-drag-move{flex:1;display:flex;align-items:center;justify-content:center;cursor:grab;overflow:hidden;padding:0 6px}.tl-drag-move:active{cursor:grabbing}.tl-syl-boundary{right:-4px;width:8px;background:transparent;cursor:col-resize;z-index:15}.tl-syl-boundary:hover{background:#f0629280}.tl-played-overlay{position:absolute;top:0;left:0;bottom:0;background:#18ffff14;pointer-events:none}.tl-range-overlay{position:absolute;top:0;bottom:0;background:#6c5ce726;border-left:1px solid rgba(108,92,231,.6);border-right:1px solid rgba(108,92,231,.6);pointer-events:none;z-index:8}.tl-range-info{font-size:.72rem;color:var(--accent);font-family:monospace;margin-left:12px}.tl-loop-range{position:absolute;top:0;bottom:0;background:#00e67626;border-left:2px solid var(--green);border-right:2px solid var(--green);pointer-events:none;z-index:5}.tl-loop-active{border-color:var(--green)!important;color:var(--green)!important}.tl-syllable{position:absolute;top:6px;bottom:6px;background:#f0629233;border:1px solid rgba(240,98,146,.4);border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;min-width:3px;transition:all .1s}.tl-syllable.single{background:#6a6a9026;border-color:#6a6a904d}.tl-syllable.active{background:#f0629266;border-color:var(--pink)}.tl-syllable:hover{filter:brightness(1.3);z-index:5}.tl-syl-text{font-size:.68rem;color:var(--pink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.tl-syllable.single .tl-syl-text{color:var(--text-muted)}.tl-word.in-range{outline:1px solid rgba(108,92,231,.8);outline-offset:1px}.tl-syllable.in-range{outline:1px solid rgba(108,92,231,.6);outline-offset:1px}.tl-zone{position:absolute;top:4px;bottom:4px;border:1px solid;border-radius:4px;display:flex;align-items:stretch;overflow:visible;cursor:pointer;min-width:8px;font-size:.7rem}.tl-zone:hover{filter:brightness(1.3);z-index:5}.tl-zone-body{flex:1;display:flex;align-items:center;justify-content:space-between;cursor:grab;overflow:hidden;padding:0 6px;gap:4px}.tl-zone-body:active{cursor:grabbing}.tl-zone-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:500}.tl-zone-delete{background:none;border:none;color:#fff8;cursor:pointer;font-size:.9rem;padding:0 2px;line-height:1}.tl-zone-delete:hover{color:#ff5252}.ctx-header{padding:6px 12px;font-weight:600;font-size:.8rem;color:var(--text-muted)}.tl-playhead{position:absolute;top:0;width:2px;z-index:20;pointer-events:none}.tl-playhead-head{width:12px;height:12px;margin-left:-5px;background:var(--red);border-radius:0 0 50% 50%;clip-path:polygon(0% 0%,100% 0%,50% 100%)}.tl-playhead-line{width:2px;height:calc(100% - 12px);background:var(--red);margin-left:0;box-shadow:0 0 6px #ff525280}.tl-playhead-grab{position:absolute;top:0;width:12px;margin-left:-5px;height:100%;cursor:col-resize;pointer-events:auto;z-index:25}.game-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.game-mode-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;background:var(--surface2)}.game-mode-card:hover{border-color:var(--accent)}.game-mode-card.active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 12px #6c5ce733}.game-mode-name{font-weight:600;font-size:1rem;margin-bottom:4px}.game-mode-desc{font-size:.82rem;color:var(--text-muted)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-header h1{font-size:1.4rem;font-weight:700}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.game-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s;display:flex;flex-direction:column;gap:8px}.game-card:hover{border-color:var(--accent)}.game-card-header{display:flex;align-items:center;justify-content:space-between}.game-card-name{font-weight:600;font-size:1rem}.game-card-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase}.game-card-badge.solo{background:var(--accent-glow);color:var(--accent)}.game-card-badge.live{background:#00e67626;color:var(--green)}.game-card-info{font-size:.85rem;color:var(--text-secondary);display:flex;gap:12px}.game-card-footer{display:flex;align-items:center;justify-content:space-between}.game-song-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.game-song-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-elevated);border-radius:var(--radius-sm)}.game-song-num{font-size:.8rem;font-weight:600;color:var(--text-muted);min-width:24px;text-align:center}.game-song-info{flex:1;display:flex;flex-direction:column}.game-song-title{font-weight:500;font-size:.9rem}.game-add-songs{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto}.game-song-entry{display:flex;flex-direction:column}.game-entry-settings{padding:10px 12px 10px 36px;background:var(--surface);border-radius:0 0 var(--radius-sm) var(--radius-sm);display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);margin-top:-2px}.game-entry-mode-badge,.game-entry-diff-badge{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-glow);color:var(--accent)}.game-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-type-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s;text-align:center;color:var(--text)}.game-type-card:hover{border-color:var(--border-hover);background:var(--surface2)}.game-type-card.active{border-color:var(--accent);background:#6c5ce71a}.game-type-icon{font-size:1.8rem}.game-type-label{font-weight:700;font-size:.95rem}.game-type-desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.solo-announce{display:flex;align-items:center;justify-content:center;height:100vh;background:#080812;background-image:radial-gradient(ellipse at 50% 40%,rgba(108,92,231,.15) 0%,transparent 60%)}.solo-announce-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#fff}.solo-announce-round{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:4px}.solo-announce-mode{font-size:1.1rem;color:#ffffff80;font-weight:500}.solo-announce-title{font-size:2.2rem;font-weight:800;margin-top:8px}.solo-announce-artist{font-size:1.1rem;color:#fff9}.solo-announce-score{font-size:2.5rem;font-weight:800;color:var(--accent)}.solo-announce-countdown{font-size:4rem;font-weight:800;color:var(--accent);margin-top:16px;animation:announce-pop 1s ease-out}@keyframes announce-pop{0%{transform:scale(2);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.noplp-segments{max-height:300px;overflow-y:auto;display:flex;flex-direction:column}.noplp-segment-picker{display:flex;flex-direction:column;gap:4px}.noplp-segments-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.noplp-seg-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;transition:background .15s;font-size:.85rem;border:1px solid transparent}.noplp-seg-item:hover{background:var(--surface2)}.noplp-seg-item.selected{background:#6c5ce71a;border-color:var(--accent)}.noplp-seg-num{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:22px;text-align:center}.noplp-seg-text{flex:1;color:var(--text)}.noplp-seg-check{color:var(--green);font-weight:700}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard.compact{gap:4px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:8px;background:var(--bg-elevated)}.leaderboard.compact .leaderboard-row{padding:4px 10px;font-size:.85rem}.leaderboard-rank{font-weight:700;min-width:30px;color:var(--text-muted)}.leaderboard-name{flex:1}.leaderboard-score{font-weight:700;font-size:1.1em}.answer-input-zone{padding:12px}.buzzer-btn{animation:pulse-btn 1.5s ease-in-out infinite}@keyframes pulse-btn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.topnav-link{color:var(--text);text-decoration:none;padding:4px 12px}.topnav-link:hover{opacity:1!important}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.app-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:#0a0a16;border-right:1px solid var(--border);transition:width .2s ease;overflow:hidden}.app-sidebar.collapsed{width:56px}.app-sidebar.collapsed .sidebar-label,.app-sidebar.collapsed .sidebar-badge,.app-sidebar.collapsed .sidebar-section-label,.app-sidebar.collapsed .sidebar-brand-text,.app-sidebar.collapsed .sidebar-settings-panel{display:none}.sidebar-brand{padding:16px 16px 12px;cursor:pointer;border-bottom:1px solid var(--border)}.sidebar-brand-text{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--pink),var(--cyan));background-size:200% 200%;animation:shimmer 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-section-label{padding:12px 16px 4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 16px;margin:1px 8px;border-radius:6px;font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:all .15s;cursor:pointer;border:none;background:none;width:calc(100% - 16px);font-family:inherit;text-align:left}.sidebar-item:hover{background:var(--surface2);color:var(--text)}.sidebar-item.active{background:#6c5ce726;color:var(--text);border-left:3px solid var(--accent);padding-left:13px}.sidebar-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{font-size:.7rem;background:var(--surface2);padding:1px 7px;border-radius:10px;color:var(--text-muted);min-width:20px;text-align:center}.sidebar-footer{border-top:1px solid var(--border);padding:8px}.sidebar-settings-btn{font-size:.8rem}.sidebar-settings-panel{padding:8px 12px;margin:4px 0;background:var(--surface2);border-radius:6px;font-size:.78rem;color:var(--text-muted)}.sidebar-settings-row{margin-bottom:6px}.sidebar-settings-action{background:none;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:4px;font-size:.72rem;cursor:pointer;font-family:inherit;width:100%}.sidebar-settings-action:hover{border-color:var(--accent);color:var(--text)}.sidebar-collapse-btn{width:100%;background:none;border:none;color:var(--text-muted);padding:6px;font-size:.7rem;cursor:pointer;border-radius:4px;margin-top:4px}.sidebar-collapse-btn:hover{background:var(--surface2)}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.03) 0%,transparent 50%)}.dashboard{padding:24px 32px;animation:fadeIn .3s ease}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;transition:border-color .2s}.stat-card:hover{border-color:var(--border-hover)}.stat-value{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.78rem;color:var(--text-muted);margin-top:2px}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:16px;flex-wrap:wrap}.dashboard-toolbar-left{display:flex;flex-direction:column;gap:8px}.dashboard-toolbar-right{display:flex;align-items:center;gap:8px}.dashboard-title{font-size:1.3rem;font-weight:700}.dashboard-filters{display:flex;gap:4px}.filter-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:4px 12px;border-radius:20px;font-size:.78rem;cursor:pointer;font-family:inherit;transition:all .15s}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:#6c5ce726;border-color:var(--accent);color:var(--text)}.dashboard-search{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text);padding:6px 16px;font-size:.85rem;outline:none;width:200px;font-family:inherit;transition:border-color .2s}.dashboard-search:focus{border-color:var(--accent)}.dashboard-search::placeholder{color:var(--text-muted)}.dashboard-import{margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.song-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.song-table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 120px;padding:8px 16px;background:#0f0f1c99;border-bottom:1px solid var(--border);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.song-table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 120px;padding:10px 16px;border-bottom:1px solid rgba(30,30,64,.5);cursor:pointer;transition:background .15s;align-items:center;font-size:.88rem}.song-table-row:last-child{border-bottom:none}.song-table-row:hover{background:#6c5ce70f}.song-row-title{font-weight:600}.song-col-artist{color:var(--text-muted)}.song-col-status{display:flex;align-items:center}.song-col-actions,.song-status-dots{display:flex;gap:4px}.status-dot-sm{width:8px;height:8px;border-radius:50%}.status-dot-sm.ok{background:var(--green);box-shadow:0 0 4px var(--green-glow)}.status-dot-sm.miss{background:var(--text-muted);opacity:.4}.player-page{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:100vw;background:#080812;color:#fff;overflow:hidden;box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.player-page.keyboard-open{height:calc(var(--vv-height, 100vh))}.player-lyrics{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px;overflow:hidden;min-height:0;width:100%;box-sizing:border-box}.player-lyrics-line{font-size:1.4rem;font-weight:700;text-align:center;padding:4px 0;text-shadow:0 2px 8px rgba(0,0,0,.6);line-height:1.4;width:100%;word-break:break-word;overflow-wrap:break-word}.player-lyrics-line.active{opacity:1}.player-lyrics-line.upcoming{opacity:.4;font-size:1.2rem}.player-word{display:inline-block;margin:0 2px;position:relative}.player-word-overlay{position:absolute;top:0;left:0;bottom:0;overflow:hidden;white-space:nowrap;pointer-events:none}.player-input-zone{flex-shrink:0;padding:10px 12px;background:#0f0f1cf2;border-top:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.player-input-form{display:flex;gap:8px;width:100%;box-sizing:border-box}.player-input{flex:1;min-width:0;padding:12px 14px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:18px;outline:none;font-family:inherit}.player-input:focus{border-color:var(--accent)}.player-input::placeholder{color:#ffffff59}.player-submit-btn{padding:12px 24px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}.player-submit-btn:disabled{opacity:.4}.player-buzz-zone{display:flex;flex-direction:column;align-items:center;padding:8px 0}.player-buzz-btn{width:100%;padding:18px;border:2px solid #ffca28;border-radius:14px;background:#ffca282e;color:#ffca28;font-size:1.3rem;font-weight:900;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:2px;animation:pulse-btn 1.2s ease-in-out infinite;transition:transform .1s}.player-buzz-btn:active{transform:scale(.95)}@keyframes pulse-btn{0%,to{box-shadow:0 0 #ffca2866}50%{box-shadow:0 0 20px 6px #ffca2833}}.player-buzzed-msg,.player-round-summary{text-align:center;padding:12px 0}.player-round-score{font-size:1.2rem;font-weight:800;color:#66bb6a;margin-bottom:4px}.player-points-popup{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;z-index:200;pointer-events:none;animation:points-pop 1.5s ease-out forwards}.player-points-popup.correct{color:#66bb6a;text-shadow:0 0 20px rgba(102,187,106,.6)}.player-points-popup.wrong{color:#e53935;text-shadow:0 0 20px rgba(229,57,53,.6)}@keyframes points-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}20%{transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.player-score-bar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0f0f1ce6;border-top:1px solid rgba(255,255,255,.08);padding-bottom:max(8px,env(safe-area-inset-bottom));width:100%;box-sizing:border-box}.player-name{font-weight:600;font-size:.95rem}.player-score{font-weight:700;font-size:1.1rem;color:var(--accent)}.player-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;flex:1;text-align:center}.player-roster{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.player-chip{padding:4px 12px;background:#6c5ce726;border-radius:20px;font-size:.85rem;color:var(--text)}.player-leaderboard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;flex:1;text-align:center;width:100%}.player-leaderboard h2{font-size:1.3rem;margin-bottom:16px}.player-leaderboard .leaderboard{width:100%;max-width:400px}.player-my-score{margin-top:16px;font-size:1.1rem;color:#ffffffb3}.player-blank{display:inline-block;margin:1px 2px;padding:4px 8px;border-bottom:3px solid var(--blank-color, var(--accent));background:#ffffff14;border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s;font-weight:700;color:#ffffff4d;text-align:center;min-width:2.5em;min-height:1.6em;vertical-align:baseline;-webkit-tap-highlight-color:rgba(108,92,231,.3)}.player-blank.selected{background:#6c5ce740;border-bottom-width:4px;border-bottom-color:var(--accent)!important;box-shadow:0 2px 16px #6c5ce766}.player-blank.filled{color:var(--blank-color, var(--accent));font-style:italic;background:#ffffff0d}.player-blank.locked{cursor:default;opacity:.6;pointer-events:none}.player-revealed{display:inline-block;margin:1px 2px;padding:4px 8px;font-weight:800;transition:all .3s}.player-revealed.reveal-anim{animation:player-reveal-pop .6s ease-out}.player-revealed.was-filled{text-shadow:0 0 12px rgba(102,187,106,.5)}.player-revealed.was-missed{text-decoration:line-through;opacity:.7}@keyframes player-reveal-pop{0%{transform:scale(1.4);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.player-fill-hint{text-align:center;font-size:.9rem;color:#ffffff80;padding:12px 0}.player-fill-progress{font-size:.8rem;color:#fff6;background:#ffffff14;padding:2px 8px;border-radius:10px}.host-overlay-btn{padding:6px 14px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.host-overlay-btn:hover{background:#ffffff2e;border-color:#ffffff4d}.host-overlay-btn.primary{background:var(--accent);border-color:var(--accent)}.host-overlay-btn.primary:hover{filter:brightness(1.15)}.host-overlay-btn.danger{color:var(--red);border-color:#ff52524d}.host-overlay-btn.danger:hover{background:#ff525226}@media(max-width:768px){.page{padding:12px}.app-sidebar{width:56px}.app-sidebar .sidebar-label,.app-sidebar .sidebar-badge,.app-sidebar .sidebar-section-label,.app-sidebar .sidebar-brand-text,.app-sidebar .sidebar-settings-panel{display:none}.dashboard{padding:16px}.dashboard-toolbar{flex-direction:column}.song-table-header,.song-table-row{grid-template-columns:1fr 100px}.song-col-artist,.song-col-status{display:none}.prep-grid,.songs-grid{grid-template-columns:1fr}}.speed-overlay{position:absolute;bottom:60px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;z-index:20}.speed-progress{display:flex;align-items:center;gap:10px}.speed-progress-text{font-size:.85rem;color:var(--text-muted)}.speed-rarity-badge{padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:700;color:#fff}.speed-timer-bar{width:100%;max-width:600px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.speed-timer-fill{height:100%;border-radius:3px;will-change:width}.speed-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:600px}.speed-choices-6{grid-template-columns:1fr 1fr 1fr}.speed-choice-btn{display:flex;align-items:center;gap:10px;padding:14px 18px;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff0d;color:#fff;font-size:1rem;cursor:pointer;transition:all .15s;text-align:left;-webkit-tap-highlight-color:transparent;outline:none}@media(hover:hover){.speed-choice-btn:hover:not(:disabled){border-color:var(--accent);background:#6c5ce726}}.speed-choice-btn:active:not(:disabled){transform:scale(.97)}.speed-choice-btn.correct{border-color:#4caf50;background:#4caf5033;animation:speed-correct .4s ease}.speed-choice-btn.wrong{border-color:#f44336;background:#f4433633;animation:speed-wrong .4s ease}.speed-choice-btn.selected{border-color:#2196f3;background:#2196f340}.speed-choice-btn.dimmed{opacity:.3}.speed-choice-btn:focus{outline:none}.speed-choice-label{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff1a;font-weight:700;font-size:.85rem;flex-shrink:0}.speed-choice-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speed-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20}@keyframes speed-correct{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes speed-wrong{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.player-input-zone .speed-overlay{position:static;padding:4px 0;width:100%}.player-input-zone .speed-timer-bar{margin:0 auto}.player-input-zone .speed-choices{max-width:100%}@media(max-width:600px){.speed-overlay{bottom:50px;padding:10px;gap:8px}.speed-choices{grid-template-columns:1fr;gap:6px}.speed-choices-6{grid-template-columns:1fr 1fr;gap:6px}.speed-choice-btn{padding:10px 12px;font-size:.85rem;gap:8px}.speed-choice-label{width:24px;height:24px;font-size:.75rem}.speed-progress-text{font-size:.75rem}.speed-rarity-badge{font-size:.65rem;padding:1px 6px}}@keyframes speed-timer-shrink{0%{width:100%}to{width:0%}}.song-delete-btn{color:var(--text-muted);opacity:.5;transition:opacity .15s,color .15s}.song-delete-btn:hover{opacity:1;color:#f44336}