.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0c0a168c;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.paywall-modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:var(--space-6);background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-3)}.paywall-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua-deep)}.paywall-title{margin:0;font-family:var(--font-display);font-size:1.75rem;line-height:1.06;font-weight:800;color:var(--ink)}.paywall-lede{font-size:1rem;line-height:1.5;color:var(--muted)}.paywall-dots{display:flex;gap:6px}.paywall-dots span{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--aqua)}.paywall-still-works{padding:var(--space-4);background:var(--mist);border-radius:var(--radius-m);display:flex;flex-direction:column;gap:var(--space-2);font-size:.875rem;line-height:1.5;color:var(--ink-2)}.paywall-subtitle{font-size:.9375rem;font-weight:600;color:var(--ink)}.paywall-footnote{font-size:.8125rem;line-height:1.5;color:var(--muted-2)}.home-page{flex:1;display:flex;flex-direction:column;background:var(--mist)}.home-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.wordmark{font-family:var(--font-display);font-size:1.375rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.home-bar-link{padding:8px 4px;border:none;background:transparent;color:var(--violet-deep);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.home-bar-spacer{flex-grow:1}.home-bar-tracks{min-height:var(--hit);padding:11px 18px;border:1.5px solid var(--ink);border-radius:var(--radius-s);background:transparent;color:var(--ink);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.home-bar-note{padding:7px 13px;border-radius:var(--radius-pill);background:var(--aqua-tint);color:var(--aqua-tint-ink);font-size:.8125rem;font-weight:600}.home-hero{display:flex;gap:var(--space-7);align-items:flex-start;max-width:1280px;width:100%;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-5)}.hero-copy{flex:1 1 auto;min-width:0;max-width:660px;display:flex;flex-direction:column;gap:var(--space-4)}.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.625rem);line-height:.98;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.hero-lede{font-size:1.0625rem;line-height:1.5;color:var(--ink-2);max-width:34em}.input-form{display:flex;flex-direction:column;gap:var(--space-3)}.field-row{display:flex;gap:10px}.field-row .text-input{flex:1 1 auto;min-width:0}.field-row .submit-button{flex-shrink:0;width:auto;padding:14px 26px}.form-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.field-language{width:232px;flex-shrink:0}.form-row .select-input{min-height:46px}.form-row .file-label{flex-shrink:0}.form-row .file-button{min-height:46px;padding:12px 18px;border-width:1.5px;border-color:var(--border-strong);border-radius:var(--radius-s);font-size:.9375rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:22px}.lyrics-toggle{min-height:46px;padding:12px 14px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--violet-deep);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.rights-inline{font-size:.8rem;line-height:1.4;color:var(--muted);margin:4px 0 0}.submit-wide{width:100%}.stage-preview{flex:0 0 480px;margin-left:auto;padding:22px;border-radius:24px;background:var(--stage);box-shadow:0 20px 50px #12111c3d;display:flex;flex-direction:column;gap:var(--space-4)}.preview-head{display:flex;align-items:center;gap:10px;font-size:.8125rem}.preview-title{font-weight:600;color:var(--on-stage)}.preview-artist,.preview-meta{font-size:.75rem;color:#a49fc4}.preview-meta{margin-left:auto}.preview-stage{padding:24px 12px 20px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.preview-line-prev{font-size:1rem;color:var(--on-stage-faint)}.preview-line-current{font-family:var(--font-display);font-size:2.125rem;line-height:1.15;font-weight:800;color:var(--on-stage)}.preview-sung{color:var(--violet)}.preview-active{color:var(--citron);text-shadow:0 0 22px rgba(255,225,77,.55)}.preview-cue{width:190px;height:4px;border-radius:var(--radius-pill);background:var(--panel-2);overflow:hidden}.preview-cue span{display:block;width:64%;height:100%;border-radius:var(--radius-pill);background:var(--aqua)}.preview-line-next{font-size:1.0625rem;color:var(--on-stage-dim)}.preview-transport{padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--space-3)}.preview-play{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--aqua);color:var(--ink);display:flex;align-items:center;justify-content:center}.preview-play svg{width:16px;height:16px}.preview-time{font-size:.75rem;color:#a49fc4}.preview-wave{flex:1 1 auto;display:flex;align-items:flex-end;gap:2px;height:26px}.preview-wave span{flex:1 1 auto;border-radius:1px;background:var(--line)}.preview-wave span.is-played{background:var(--violet)}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:.8125rem;font-weight:600;color:var(--ink-2)}.field-hint{font-size:.8125rem;line-height:1.5;color:var(--muted)}.text-input,.select-input,.lyrics-textarea{width:100%;min-height:52px;padding:14px 16px;border:1.5px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font-family:inherit;font-size:1rem}.select-input{min-height:var(--hit);padding:11px 14px;cursor:pointer}.lyrics-textarea{min-height:120px;margin-top:6px;resize:vertical;line-height:1.5}.text-input:focus,.select-input:focus,.lyrics-textarea:focus{border-color:var(--violet-deep)}.submit-button{width:100%;min-height:52px;font-size:1rem}.submit-button:disabled{background:var(--border-strong);color:var(--muted-2)}.or-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-size:.875rem}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.file-label{display:block}.file-input{position:absolute;width:1px;height:1px;opacity:0}.file-button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border:1.5px solid var(--ink);border-radius:var(--radius-s);background:transparent;color:var(--ink);font-size:1rem;font-weight:600;cursor:pointer;text-align:center;word-break:break-word}.file-input:focus-visible+.file-button{outline:2px solid var(--violet-deep);outline-offset:2px}.lyrics-disclosure{border:1px solid var(--border);border-radius:var(--radius-s);padding:12px 14px}.lyrics-disclosure summary{font-size:.9375rem;font-weight:600;color:var(--violet-deep);cursor:pointer;min-height:24px}.lyrics-disclosure[open] summary{margin-bottom:var(--space-3)}.error-message{padding:12px 14px;border-radius:var(--radius-s);background:var(--stop-tint);border:1px solid var(--stop-border);color:var(--stop-tint-ink);font-size:.875rem;line-height:1.5}.fallback-hint{display:block;margin-top:6px;color:var(--ink-2)}.beta-caveat,.limits-line{font-size:.8125rem;line-height:1.5;color:var(--muted)}.limits-line{color:var(--muted-2)}.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:1280px;width:100%;margin:0 auto;padding:0 var(--space-6) var(--space-7)}.home-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);display:flex;flex-direction:column;gap:var(--space-2)}.home-card-index{font-family:var(--font-display);font-size:.9375rem;font-weight:800;color:var(--aqua-deep)}.home-card h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--ink)}.home-card p{font-size:.875rem;line-height:1.5;color:var(--muted)}.home-guide,.home-faq{width:min(100%,1280px);margin:0 auto;padding:0 var(--space-6) var(--space-7);color:var(--ink-2);line-height:1.65}.home-guide{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.home-guide h2,.home-faq h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:var(--space-3) 0;color:var(--ink)}.home-guide-link{display:inline-flex;align-items:center;min-height:var(--hit);color:var(--violet-deep);font-weight:600;margin-top:var(--space-3)}.home-steps{padding-left:1.5rem}.home-steps li{margin-bottom:var(--space-4)}.home-faq details{border-bottom:1px solid var(--border-strong)}.home-faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--ink)}.home-faq details p{max-width:70ch;margin:0 0 20px}#create{scroll-margin-top:20px}@media (max-width: 900px){.home-guide,.home-faq{padding:0 var(--space-4) var(--space-6)}.home-guide{grid-template-columns:1fr;gap:var(--space-3)}}@media (max-width: 1100px){.stage-preview{display:none}.hero-copy{max-width:720px}}@media (max-width: 900px){.home-hero{flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4) var(--space-4)}.home-bar{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.home-cards{grid-template-columns:minmax(0,1fr);padding:0 var(--space-4) var(--space-6)}.field-row{flex-direction:column}.field-row .submit-button,.field-language{width:100%}.form-row .file-label,.form-row .file-button{width:100%;max-width:none}}.karaoke-player{min-height:100vh;display:flex;flex-direction:column;background:var(--stage);color:var(--on-stage);font-family:var(--font-body)}.karaoke-player.theme-classic{--stage: #0c0a16;--panel: #171428;--panel-2: #211d38;--line: #2c2748;--on-stage: #f4f2ff;--on-stage-dim: #8a86ae;--on-stage-faint: #6e6a92;--word-sung: #9b8cff;--word-active: #ffe14d;--word-active-glow: 0 0 26px rgba(255, 225, 77, .55)}.karaoke-player.theme-mtv{--stage: #1a0a2e;--panel: #251040;--panel-2: #33174f;--line: #43245f;--on-stage: #fff4fb;--on-stage-dim: #b98fc7;--on-stage-faint: #8f6aa0;--word-sung: #ffc53d;--word-active: #fff3c4;--word-active-glow: 0 0 26px rgba(255, 197, 61, .6)}.karaoke-player.theme-mtv .lyrics-line.current{font-style:italic}.karaoke-player.theme-neon{--stage: #050510;--panel: #0b1020;--panel-2: #12203a;--line: #1d3358;--on-stage: #a8e9ff;--on-stage-dim: #5b8fb3;--on-stage-faint: #3f6b88;--word-sung: #00e5c7;--word-active: #ff5ed0;--word-active-glow: 0 0 22px rgba(255, 94, 208, .75)}.karaoke-player.theme-bright{--stage: #f1f2f9;--panel: #ffffff;--panel-2: #e4e6f2;--line: #d8daec;--on-stage: #12111c;--on-stage-dim: #565575;--on-stage-faint: #8281a0;--word-sung: #5b4bd6;--word-active: #12111c;--word-active-glow: none}.karaoke-player.theme-bright .karaoke-word.active{background:#ffe14d;border-radius:8px;padding:0 .15em}.player-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.player-back{width:var(--hit);height:var(--hit);flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.player-back svg{width:20px;height:20px}.player-identity{min-width:0;display:flex;flex-direction:column;gap:3px}.track-title{margin:0;font-size:1rem;font-weight:600;color:var(--on-stage);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:.75rem;color:var(--on-stage-dim)}.track-warning{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--panel-2);color:var(--on-stage)}.track-warning-dot{width:6px;height:6px;border-radius:50%;background:var(--word-active)}.player-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.btn{min-height:var(--hit);padding:11px 18px;border-radius:var(--radius-s);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;transition:background var(--ease-panel),border-color var(--ease-panel)}.btn-primary{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}.btn-primary:hover{background:var(--aqua-hover)}.btn-outline-stage{background:transparent;color:var(--on-stage);border-color:var(--line)}.btn-outline-stage:hover{border-color:var(--on-stage-dim)}.btn-ghost-stage{background:transparent;color:var(--on-stage);border-color:var(--line)}.btn-icon-text svg{width:16px;height:16px}.btn-small{min-height:36px;padding:6px 14px;font-size:.8125rem}.btn:disabled{opacity:.55;cursor:not-allowed}.player-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5) var(--space-7);text-align:center}.lyrics-status{font-size:.875rem;color:var(--on-stage-faint)}.lyrics-line{width:100%;max-width:1100px;margin:0;line-height:1.15;transition:color var(--ease-word)}.lyrics-line.current{font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);font-weight:800;color:var(--on-stage)}.lyrics-line.prev,.lyrics-line.next{font-size:clamp(1.1rem,2vw,1.6rem);color:var(--on-stage-dim)}.lyrics-line.prev{color:var(--on-stage-faint)}.karaoke-word{display:inline;white-space:pre-wrap;transition:color var(--ease-word)}.lyrics-line.current .karaoke-word.sung{color:var(--word-sung)}.lyrics-line.current .karaoke-word.active{color:var(--word-active);text-shadow:var(--word-active-glow)}.lyrics-cue{width:min(320px,60vw);height:5px;border-radius:var(--radius-pill);background:var(--panel-2);overflow:hidden;opacity:0;transition:opacity var(--ease-panel)}.lyrics-cue.is-visible{opacity:1}.lyrics-cue span{display:block;width:100%;height:100%;border-radius:var(--radius-pill);background:var(--aqua);transform-origin:left center;transition:transform var(--ease-word) linear}.lyrics-segments{display:flex;flex-direction:column;gap:var(--space-3);max-width:900px;max-height:60vh;overflow-y:auto}.lyrics-segment{font-size:1.125rem;line-height:1.6;color:var(--on-stage-dim)}.lyrics-empty{display:flex;flex-direction:column;gap:var(--space-2);max-width:480px}.lyrics-empty-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800}.lyrics-empty-note{font-size:.9375rem;line-height:1.5;color:var(--on-stage-dim)}.full-lyrics-panel{flex-shrink:0;max-height:34vh;overflow-y:auto;margin:0 var(--space-5);padding:var(--space-4) 0;border-radius:var(--radius-m);background:var(--panel);scroll-behavior:smooth}.full-lyrics-line{padding:6px var(--space-5);text-align:center;font-size:1rem;line-height:1.6;color:var(--on-stage-faint)}.full-lyrics-line.sung{color:var(--on-stage-dim)}.full-lyrics-line.active{font-size:1.125rem;font-weight:600;color:var(--word-active)}.price-ask{flex-shrink:0;margin:0 var(--space-5) var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--panel);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.price-ask-question{font-size:1rem;font-weight:600;color:var(--on-stage)}.price-ask-note{font-size:.8125rem;color:var(--on-stage-dim)}.price-ask-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.price-ask-dismiss{width:var(--hit);height:var(--hit);display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-s);background:transparent;color:var(--on-stage-dim);cursor:pointer}.price-ask-dismiss svg{width:18px;height:18px}.price-ask-done{margin:0 var(--space-5) var(--space-3);font-size:.875rem;color:var(--go)}.player-panel{flex-shrink:0;margin:0 var(--space-5) var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--panel);display:flex;flex-direction:column;gap:var(--space-3)}.waveform-row{display:flex;align-items:center;gap:var(--space-3)}.waveform-container{flex:1;min-width:0}.waveform{width:100%}.time-display{font-size:.8125rem;color:var(--on-stage-dim);font-variant-numeric:tabular-nums;min-width:42px}.player-controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.transport-step{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--on-stage);cursor:pointer;padding:0}.transport-step svg{width:20px;height:20px}.transport-step:disabled{color:var(--on-stage-faint);cursor:default}.transport-play{position:relative;width:64px;height:64px;flex-shrink:0;border:none;border-radius:50%;background:transparent;cursor:pointer;padding:0}.transport-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:64px;transform:rotate(-90deg)}.transport-ring .ring-track{fill:none;stroke:var(--line);stroke-width:4}.transport-ring .ring-fill{fill:none;stroke:var(--aqua);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--ease-word) linear}.transport-glyph{position:absolute;top:7px;right:7px;bottom:7px;left:7px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--aqua);color:var(--ink)}.transport-glyph svg{width:22px;height:22px}.control-field{display:flex;flex-direction:column;gap:6px;width:260px}.control-field label{display:flex;align-items:baseline;gap:var(--space-2);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--on-stage-dim)}.control-value{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500}.snap-slider-wrap{position:relative}.vocals-slider{width:100%;accent-color:var(--aqua);min-height:24px}.snap-ticks{position:absolute;left:0;right:0;top:50%;height:0;pointer-events:none}.snap-tick{position:absolute;transform:translate(-50%);width:2px;height:10px;top:-5px;background:var(--on-stage-dim, rgba(255,255,255,.35));border-radius:1px;opacity:.6}.control-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--on-stage-dim);cursor:pointer}.control-toggle input{width:18px;height:18px;accent-color:var(--aqua)}.control-spacer{flex:1}.sync-group{display:flex;align-items:center;gap:var(--space-2);padding:5px 8px 5px 14px;border:1px solid var(--line);border-radius:var(--radius-pill)}.sync-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--on-stage-dim)}.sync-group button{width:36px;height:36px;border:none;border-radius:50%;background:var(--panel-2);color:var(--on-stage);font-family:inherit;font-size:1rem;cursor:pointer}.sync-group .sync-reset{width:auto;padding:0 12px;border-radius:var(--radius-pill);font-size:.75rem;color:var(--on-stage-dim)}.sync-value{font-size:.875rem;font-weight:600;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.theme-picker{display:flex;align-items:center}.theme-select{min-height:var(--hit);padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--on-stage);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.theme-select option{background:var(--panel);color:var(--on-stage)}.player-note{display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem;line-height:1.5;color:var(--on-stage-dim)}.player-note-error{color:var(--stop)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.karaoke-player.is-tv{height:100vh;position:relative}.karaoke-player.is-tv .player-header{position:absolute;top:0;left:0;right:0;z-index:2}.karaoke-player.is-tv .player-panel{position:absolute;left:var(--space-5);right:var(--space-5);bottom:var(--space-5);z-index:2}.karaoke-player.is-tv .lyrics-line.current{font-size:clamp(2.5rem,7.5vw,6rem)}.karaoke-player.is-tv .lyrics-line.prev,.karaoke-player.is-tv .lyrics-line.next{font-size:clamp(1.3rem,2.6vw,2.125rem)}.karaoke-player.is-tv .lyrics-cue{width:min(420px,50vw);height:6px}.karaoke-player.is-tv .player-header,.karaoke-player.is-tv .player-panel{transition:opacity var(--ease-panel)}.karaoke-player.is-chrome-hidden{cursor:none}.karaoke-player.is-chrome-hidden .player-header,.karaoke-player.is-chrome-hidden .player-panel,.karaoke-player.is-chrome-hidden .price-ask,.karaoke-player.is-chrome-hidden .price-ask-done{opacity:0;pointer-events:none}@media (max-width: 640px){.player-header{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.player-actions{width:100%;margin-left:0;order:3;flex-wrap:wrap}.player-actions .btn{flex:1 1 calc(50% - var(--space-2));white-space:nowrap;padding:11px 12px}.player-identity{flex:1 1 200px}.player-header .track-warning{order:3;flex-basis:100%}.player-stage{padding:var(--space-4);gap:var(--space-4)}.player-panel,.price-ask,.price-ask-done,.full-lyrics-panel{margin-left:var(--space-4);margin-right:var(--space-4)}.player-panel{padding:var(--space-4)}.player-controls{justify-content:center;gap:var(--space-3)}.control-field{width:100%;order:4}.control-spacer{display:none}.price-ask-actions{width:100%;margin-left:0}.price-ask-actions .btn{flex:1}}.karaoke-player.is-chrome-hidden :focus-visible{opacity:1}.karaoke-player.is-chrome-hidden .player-header:has(:focus-visible),.karaoke-player.is-chrome-hidden .player-panel:has(:focus-visible){opacity:1;pointer-events:auto}.progress-indicator{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);display:flex;flex-direction:column;gap:var(--space-3)}.progress-head{display:flex;align-items:baseline;gap:var(--space-3)}.progress-stage{margin:0;font-size:1.25rem;font-weight:600;color:var(--ink)}.progress-timing{margin-left:auto;font-size:.875rem;font-weight:600;color:var(--aqua-deep);font-variant-numeric:tabular-nums;white-space:nowrap}.progress-bar{height:8px;border-radius:var(--radius-pill);background:var(--mist-2);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--aqua);transition:width var(--ease-panel)}.progress-note{font-size:.875rem;line-height:1.5;color:var(--muted)}.progress-steps{list-style:none;margin:var(--space-1) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.progress-step{display:flex;align-items:center;gap:var(--space-3);font-size:.9375rem;color:var(--muted-2)}.step-marker{width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--go-deep)}.step-marker svg{width:12px;height:12px}.progress-step.done{color:var(--muted)}.progress-step.done .step-marker{border-color:var(--go-deep)}.progress-step.current{color:var(--ink);font-weight:600}.progress-step.current .step-marker{border:3px solid var(--aqua);border-right-color:var(--mist-2);animation:step-spin 1.1s linear infinite}@keyframes step-spin{to{transform:rotate(360deg)}}.track-room{width:100%;max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}.room-head{display:flex;align-items:center;gap:var(--space-4)}.room-cover{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-s);background:var(--stage);color:var(--violet);display:flex;align-items:center;justify-content:center}.room-cover svg{width:24px;height:24px}.room-title{margin:0;font-family:var(--font-display);font-size:1.75rem;line-height:1.1;font-weight:800;color:var(--ink)}.room-subtitle{margin-top:4px;font-size:.9375rem;color:var(--muted)}.room-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);display:flex;flex-direction:column;gap:var(--space-3)}.room-card-quiet{background:var(--mist-2);border-color:transparent}.room-card-title{font-size:.9375rem;font-weight:600;color:var(--ink)}.room-note{font-size:.875rem;line-height:1.5;color:var(--muted)}.room-footnote{font-size:.8125rem;line-height:1.5;color:var(--muted-2)}.room-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.room-card-error{background:var(--stop-tint);border-color:var(--stop-border);color:var(--ink)}.room-error-glyph{width:26px;height:26px;color:var(--stop-tint-ink)}.room-error-detail{font-size:1rem;line-height:1.5;color:var(--stop-tint-ink)}@media (max-width: 640px){.track-room{padding:var(--space-5) var(--space-4) var(--space-6)}.room-title{font-size:1.5rem}.room-actions .btn-page{flex:1}}.share-page{flex:1;display:flex;flex-direction:column;background:var(--mist)}.share-page-card{width:100%;max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7);gap:var(--space-4)}.share-page-centered{align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.share-status{font-size:1rem;color:var(--muted)}.share-card{width:100%;max-width:520px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.share-card-title{margin:0;font-family:var(--font-display);font-size:1.75rem;line-height:1.06;font-weight:800;color:var(--ink)}.share-card-note{font-size:.9375rem;line-height:1.5;color:var(--muted)}.share-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.share-bar-note{font-size:.875rem;color:var(--muted)}.share-track{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);display:flex;gap:var(--space-5);align-items:center}.share-cover{width:116px;height:116px;flex-shrink:0;border-radius:18px;background:var(--stage);color:var(--violet);display:flex;align-items:center;justify-content:center}.share-cover svg{width:40px;height:40px}.share-identity{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.share-title{margin:0;font-family:var(--font-display);font-size:2.125rem;line-height:1.06;font-weight:800;color:var(--ink);overflow-wrap:anywhere}.share-meta{font-size:1rem;color:var(--muted)}.share-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:2px}.share-chip{padding:6px 12px;border-radius:var(--radius-pill);background:var(--mist-2);color:var(--ink-2);font-size:.8125rem;font-weight:600}.share-chip-go{background:var(--go-tint);color:var(--go-tint-ink)}.share-sing{margin-left:auto;flex-shrink:0;min-height:56px;padding:16px 28px;border-radius:var(--radius-m);font-size:1.0625rem}.share-preview{padding:var(--space-5);border-radius:var(--radius-l);background:var(--stage);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.share-preview-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-stage-faint)}.share-preview-line{font-family:var(--font-display);font-size:2.5rem;line-height:1.12;font-weight:800;color:var(--on-stage);overflow-wrap:anywhere}.share-preview-sung{color:var(--violet)}.share-preview-active{color:var(--citron);text-shadow:0 0 26px rgba(255,225,77,.55)}.share-preview-wave{width:100%;height:32px;display:flex;align-items:flex-end;gap:2px}.share-preview-wave span{flex-grow:1;border-radius:2px;background:var(--line)}.share-preview-wave span.is-played{background:var(--violet)}.share-tools{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.share-url-container{flex:1 1 260px;display:flex;flex-direction:column;gap:7px;min-width:0}.share-url-container .text-input{min-height:var(--hit)}.share-tool{flex-shrink:0;min-height:var(--hit)}.share-tool-soft{border-color:var(--border-strong);background:var(--surface)}.share-note{font-size:.875rem;color:var(--muted)}.share-note-error{color:var(--stop-deep)}.share-cta{margin-top:var(--space-2);padding:var(--space-5);background:var(--aqua-tint);border-radius:var(--radius-m);display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.share-cta-copy{flex:1;min-width:240px;display:flex;flex-direction:column;gap:3px}.share-cta-copy strong{font-size:1.0625rem;font-weight:600;color:var(--aqua-tint-ink)}.share-cta-copy span{font-size:.875rem;line-height:1.5;color:var(--aqua-deep)}.btn-page-dark{background:var(--ink);color:var(--mist);border-radius:14px}.btn-page-dark:hover{background:var(--ink-2)}@media (max-width: 760px){.share-track{flex-wrap:wrap;gap:var(--space-4)}.share-cover{width:76px;height:76px;border-radius:14px}.share-cover svg{width:28px;height:28px}.share-title{font-size:1.625rem}.share-sing{margin-left:0;width:100%}.share-preview-line{font-size:1.75rem}.share-tools{gap:var(--space-2);align-items:stretch}.share-tool{flex:1 1 calc(50% - var(--space-2))}.share-cta .btn-page{width:100%}}.tracks-page{flex:1;display:flex;flex-direction:column;background:var(--mist)}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tracks-body{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}.tracks-head{display:flex;align-items:flex-end;gap:var(--space-5)}.tracks-head>div{display:flex;flex-direction:column;gap:var(--space-1)}.tracks-head>.btn-page{margin-left:auto;flex-shrink:0}.tracks-title{margin:0;font-family:var(--font-display);font-size:2rem;line-height:1.05;font-weight:800;color:var(--ink)}.tracks-count{font-size:.875rem;color:var(--muted)}.tracks-list{list-style:none;display:flex;flex-direction:column;gap:10px}.track-row{padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);display:flex;align-items:center;gap:var(--space-4)}.track-row-failed{border-color:var(--stop-border)}.track-row-expired{background:var(--mist)}.track-cover{width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-s);background:var(--stage);color:var(--violet);display:flex;align-items:center;justify-content:center}.track-cover svg{width:20px;height:20px}.track-row-failed .track-cover{background:var(--stop-tint);color:var(--stop-tint-ink)}.track-row-expired .track-cover{background:var(--mist-2);color:var(--muted-2)}.track-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 260px}.track-name{font-size:1rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row-expired .track-name{color:var(--muted)}.track-meta{font-size:.8125rem;color:var(--muted)}.track-row-failed .track-meta{color:var(--stop-tint-ink)}.track-chip{flex-shrink:0;padding:6px 12px;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600}.track-chip-ready{background:var(--go-tint);color:var(--go-tint-ink)}.track-chip-rendering{background:var(--aqua-tint);color:var(--aqua-tint-ink)}.track-chip-failed{background:var(--stop-tint);color:var(--stop-deep)}.track-chip-expired{background:var(--mist-2);color:var(--muted)}.track-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.track-actions .btn-page{padding:11px 18px;font-size:.875rem}.track-forget{width:var(--hit);height:var(--hit);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);cursor:pointer}.track-forget svg{width:18px;height:18px}.tracks-empty{padding:20px 22px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-m);display:flex;align-items:center;gap:var(--space-4)}.tracks-empty>div{display:flex;flex-direction:column;gap:var(--space-1)}.tracks-empty>.btn-page{margin-left:auto;flex-shrink:0}.tracks-empty-title{font-size:.9375rem;font-weight:600;color:var(--ink)}.tracks-note{font-size:.875rem;color:var(--muted)}.tracks-footnote{margin-top:var(--space-2);padding:18px 20px;border-radius:var(--radius-m);background:var(--mist-2);font-size:.84375rem;line-height:1.5;color:var(--ink-2)}@media (max-width: 860px){.tracks-body{padding:var(--space-5) var(--space-4) var(--space-6)}.track-row{flex-wrap:wrap;row-gap:var(--space-3)}.track-identity{flex-basis:140px}.track-actions{flex-basis:100%;margin-left:0}.track-actions .btn-page{flex:1}.tracks-empty{flex-wrap:wrap}.tracks-empty>.btn-page{margin-left:0;width:100%}}.feedback-button{position:fixed;right:24px;bottom:24px;z-index:800;min-height:var(--hit);padding:11px 18px;display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--ink);color:var(--mist);font-family:var(--font-body);font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:var(--shadow-float)}.feedback-button svg{width:16px;height:16px;flex-shrink:0}.karaoke-player~.feedback-button,.app-container:has(.karaoke-player) .feedback-button{background:var(--panel-2, #211d38);color:var(--on-stage, #f4f2ff);border:1px solid var(--line, #2c2748);box-shadow:none}@media (max-width: 640px){.feedback-button{right:16px;bottom:80px;width:48px;height:48px;min-height:48px;padding:0;justify-content:center}.feedback-button svg{width:20px;height:20px}.feedback-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}body.tv-chrome-hidden .feedback-button{display:none}.cookie-settings{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:8px}.analytics-consent{position:fixed;z-index:10000;bottom:20px;left:20px;width:min(570px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;border:1px solid #d6d3e5;border-radius:16px;padding:22px;background:#fff;color:#171326;box-shadow:0 6px 30px #0003;text-align:left}.analytics-consent h2{font-size:20px;margin:0 0 10px}.analytics-consent p{font-size:14px;line-height:1.5;margin:10px 0}.analytics-consent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.analytics-consent-actions button{flex:1 1 180px;min-height:44px;border:1px solid #62548c;border-radius:8px;background:#f2f0fa;color:#171326;font:inherit;font-weight:600;padding:10px 14px;cursor:pointer}.analytics-consent-actions .analytics-consent-allow{background:var(--aqua);border-color:var(--aqua-deep);color:var(--ink)}.analytics-consent-actions .analytics-consent-allow:hover{background:var(--aqua-hover)}.analytics-consent-actions button:focus-visible,.cookie-settings:focus-visible{outline:3px solid #7362b8;outline-offset:3px}.analytics-consent-details{margin-top:14px;font-size:14px}.analytics-consent-details summary{cursor:pointer;padding:8px 0;text-decoration:underline}.analytics-consent-details summary:focus-visible{outline:3px solid #7362b8;outline-offset:3px}@media (max-width: 480px){.analytics-consent{left:10px;bottom:10px;width:calc(100vw - 20px);padding:16px}.analytics-consent-actions{flex-direction:column}.analytics-consent-actions button{flex-basis:auto}}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--mist)}.main-content{flex:1;display:flex;flex-direction:column}.app-footer{text-align:center;padding:var(--space-4);font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);background:var(--mist)}.app-notice{text-align:center;padding:var(--space-3) var(--space-4);background:var(--violet-tint);color:var(--violet-tint-ink);font-size:.9rem;font-weight:500}.app-container:has(.karaoke-player){background:var(--stage)}.app-container:has(.karaoke-player) .app-footer{background:var(--stage);color:var(--on-stage-faint);border-top-color:var(--line)}body.tv-mode .app-footer{display:none}.youtube-guide-page{flex:1;min-width:0;background:var(--mist)}.youtube-guide-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.youtube-guide-wordmark{font-family:var(--font-display);font-size:1.375rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.youtube-guide-back{display:inline-flex;align-items:center;min-height:var(--hit);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);color:var(--violet-deep);font-weight:600;text-underline-offset:.2em}.youtube-guide-back:hover{background:var(--violet-tint)}.youtube-guide{width:100%;max-width:1080px;margin:0 auto;padding:var(--space-7) var(--space-6);overflow-wrap:break-word}.youtube-guide-header{max-width:840px;margin-bottom:var(--space-7)}.youtube-guide-eyebrow,.youtube-guide-step{margin-bottom:var(--space-3);color:var(--aqua-deep);font-size:.875rem;font-weight:600}.youtube-guide h1,.youtube-guide h2,.youtube-guide h3{color:var(--ink);text-wrap:balance}.youtube-guide h1{font-family:var(--font-display);font-size:clamp(2.125rem,4.5vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-.02em}.youtube-guide-lede{max-width:64ch;margin:var(--space-5) 0;color:var(--ink-2);font-size:1.125rem;line-height:1.65}.youtube-guide-cta{min-height:52px;max-width:100%;text-align:center;line-height:1.4}.youtube-guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:var(--space-7)}.youtube-guide-contents{display:flex;flex-direction:column;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface)}.youtube-guide-contents h2{margin:var(--space-2) var(--space-2) var(--space-3);font-size:1rem;font-weight:600}.youtube-guide-contents a{display:flex;align-items:center;min-height:48px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-s);color:var(--violet-deep);font-size:.9375rem;line-height:1.5;text-underline-offset:.2em}.youtube-guide-contents a:hover{background:var(--violet-tint)}.youtube-guide-body{min-width:0;color:var(--ink-2);font-size:1rem;line-height:1.75}.youtube-guide-body section+section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.youtube-guide-body h2{margin-bottom:var(--space-4);font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1.2;scroll-margin-top:var(--space-5)}.youtube-guide-body p+p{margin-top:var(--space-4)}.youtube-guide-note{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);font-size:.9375rem;line-height:1.65}.youtube-guide-note strong{color:var(--ink);font-weight:600}.youtube-guide-illustration{width:100%;max-width:390px;margin:var(--space-5) auto}.youtube-guide-illustration a{display:block;border-radius:var(--radius-m);color:var(--violet-deep);font-size:.875rem;font-weight:600;line-height:1.5;text-underline-offset:.2em}.youtube-guide-illustration a:focus-visible{outline:3px solid var(--violet-deep);outline-offset:4px}.youtube-guide-illustration img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-m)}.youtube-guide-illustration a span{display:flex;align-items:center;min-height:var(--hit);padding:var(--space-2) 0}.youtube-guide-illustration figcaption{color:var(--muted);font-size:.875rem;line-height:1.6}.youtube-guide-faq h3{margin:var(--space-5) 0 var(--space-2);font-size:1.0625rem;font-weight:600;line-height:1.4}.youtube-guide-finish{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-7);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface)}.youtube-guide-finish h2{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:1.5rem;line-height:1.25}.youtube-guide-finish p{max-width:44ch;color:var(--ink-2);line-height:1.65}@media (max-width: 760px){.youtube-guide-bar{padding:var(--space-3) var(--space-4)}.youtube-guide{padding:var(--space-6) var(--space-4)}.youtube-guide-header{margin-bottom:var(--space-6)}.youtube-guide-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.youtube-guide-finish{padding:var(--space-5)}.youtube-guide-cta{width:100%}}.account-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--space-4);margin:var(--space-4) 0}.account-pack-card{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);color:var(--ink)}.account-pack-card h3{margin:0 0 var(--space-2)}.account-pack-card p{margin:0 0 var(--space-4)}.account-pack-card .btn-page{width:100%;white-space:normal}.legal-page{width:100%;max-width:800px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);color:var(--ink);line-height:1.65;overflow-wrap:anywhere}.legal-page h1{font-family:var(--font-display);font-size:2rem;line-height:1.2;margin:var(--space-5) 0 var(--space-3)}.legal-page h2{font-size:1.25rem;line-height:1.3;margin:var(--space-5) 0 var(--space-2)}.legal-page p,.legal-page li{margin-bottom:var(--space-3)}.legal-page ul{padding-left:1.5rem}.legal-page address{font-style:normal}.legal-page nav,.legal-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.legal-page a,.legal-links a,.analytics-consent a{color:inherit;text-decoration:underline;text-underline-offset:3px}.legal-page a:focus-visible,.legal-links a:focus-visible,.analytics-consent a:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.legal-page nav a,.legal-links a{min-height:44px;display:inline-flex;align-items:center}.legal-draft{background:var(--mist-2);padding:var(--space-3);border-radius:var(--radius-s)}.app-footer .legal-links{justify-content:center}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/bricolage-grotesque-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/work-sans-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/work-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/work-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--stage: #0c0a16;--panel: #171428;--panel-2: #211d38;--line: #2c2748;--on-stage: #f4f2ff;--on-stage-dim: #8a86ae;--on-stage-faint: #6e6a92;--mist: #f1f2f9;--mist-2: #e4e6f2;--border: #d8daec;--border-strong: #c9cce4;--surface: #ffffff;--ink: #12111c;--ink-2: #33324a;--muted: #565575;--muted-2: #8281a0;--aqua: #00e5c7;--aqua-hover: #00c7ad;--aqua-deep: #0e7c6b;--aqua-tint: #e2fbf6;--aqua-tint-ink: #0a5f52;--violet: #9b8cff;--violet-deep: #5b4bd6;--violet-tint: #eeebff;--violet-tint-ink: #2e2394;--citron: #ffe14d;--go: #3ddc84;--go-deep: #1f8a54;--go-tint: #e3f5ea;--go-tint-ink: #186b42;--stop: #ff5e7a;--stop-deep: #c0304a;--stop-tint: #ffe9ec;--stop-tint-ink: #8e2438;--stop-border: #f3b6c1;--font-display: "Bricolage Grotesque", Georgia, serif;--font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-s: 12px;--radius-m: 16px;--radius-l: 22px;--radius-pill: 999px;--hit: 44px;--ease-word: .12s ease-out;--ease-panel: .24s ease-out;--shadow-card: 0 12px 32px rgba(18, 17, 28, .12);--shadow-float: 0 6px 20px rgba(18, 17, 28, .22);--word-sung: var(--violet);--word-active: var(--citron);--word-active-glow: 0 0 26px rgba(255, 225, 77, .55);--word-ahead: var(--on-stage-dim)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--mist);min-height:100vh;color:var(--ink)}code{font-family:var(--font-mono)}#root{min-height:100vh}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--violet-deep);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn-page{min-height:var(--hit);padding:12px 20px;border-radius:var(--radius-s);border:1.5px solid transparent;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;transition:background var(--ease-panel),border-color var(--ease-panel)}.btn-page-primary{background:var(--aqua);color:var(--ink)}.btn-page-primary:hover{background:var(--aqua-hover)}.btn-page-outline{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-page-ghost{background:transparent;color:var(--violet-deep)}.btn-page:disabled{opacity:.6;cursor:default}