.karaoke__viewport[data-v-3b9b88dc]{position:relative;height:clamp(340px,52vh,560px);overflow:hidden;touch-action:pan-y}.karaoke__lines[data-v-3b9b88dc]{list-style:none;margin:0;padding:0 clamp(var(--space-3),4vw,var(--space-6));transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}.karaoke__line[data-v-3b9b88dc]{margin:0}.karaoke__seek[data-v-3b9b88dc]{display:block;width:100%;height:auto;padding:.18em clamp(var(--space-2),2vw,var(--space-3));text-align:left;white-space:normal;font-size:clamp(20px,3.4vw,30px);font-weight:650;line-height:1.34;letter-spacing:-.015em;color:color-mix(in srgb,var(--foreground) 26%,transparent);transition:color .42s ease,background .22s ease,transform .42s cubic-bezier(.22,.61,.36,1);transform-origin:left center}.karaoke__line--past .karaoke__seek[data-v-3b9b88dc]{color:color-mix(in srgb,var(--foreground) 42%,transparent)}.karaoke__line--near .karaoke__seek[data-v-3b9b88dc]{color:color-mix(in srgb,var(--foreground) 52%,transparent)}.karaoke__line--active .karaoke__seek[data-v-3b9b88dc]{color:var(--foreground);transform:scale(1.035)}.karaoke__word[data-v-3b9b88dc]{background-image:linear-gradient(90deg,var(--primary) 0 calc(var(--w) * 100%),color-mix(in srgb,var(--foreground) 34%,transparent) calc(var(--w) * 100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.karaoke__fade[data-v-3b9b88dc]{position:absolute;left:0;right:0;height:22%;pointer-events:none}.karaoke__fade--top[data-v-3b9b88dc]{top:0;background:linear-gradient(to bottom,var(--card),transparent)}.karaoke__fade--bottom[data-v-3b9b88dc]{bottom:0;background:linear-gradient(to top,var(--card),transparent)}.karaoke__sr[data-v-3b9b88dc]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.karaoke--calm .karaoke__lines[data-v-3b9b88dc],.karaoke--calm .karaoke__seek[data-v-3b9b88dc]{transition:none}.karaoke--calm .karaoke__line--active .karaoke__seek[data-v-3b9b88dc]{transform:none}.karaoke[data-v-941d30d1]{--energy: 0;position:relative;border-radius:calc(var(--radius) * 2);border:1px solid var(--border);background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.karaoke__meter[data-v-941d30d1]{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:26px;padding:0 var(--space-4)}.karaoke__bar[data-v-941d30d1]{width:3px;border-radius:2px;background:var(--primary);height:calc(var(--h) * 100%);opacity:calc(.25 + var(--h) * .75);transition:height .12s ease-out,opacity .12s ease-out}.karaoke__controls[data-v-941d30d1]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) clamp(var(--space-4),5vw,var(--space-6));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));border-top:1px solid var(--border)}.karaoke__play[data-v-941d30d1]{box-shadow:0 0 calc(14px + var(--energy) * 26px) color-mix(in srgb,var(--primary) calc(28% + var(--energy) * 42%),transparent)}.karaoke__time[data-v-941d30d1]{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted-foreground)}.karaoke__time--total[data-v-941d30d1]{min-width:3ch;text-align:right}.karaoke__rail[data-v-941d30d1]{flex:1;min-width:0}.karaoke--calm .karaoke__bar[data-v-941d30d1]{transition:none}.lines[data-v-6d680203]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.lines__row[data-v-6d680203]{display:flex;align-items:center;gap:var(--space-3);padding:4px var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent}.lines__row--set .lines__at[data-v-6d680203]{color:var(--primary-text)}.lines__row--next[data-v-6d680203]{border-color:var(--primary);background:var(--muted)}.lines__row--active[data-v-6d680203]{background:color-mix(in oklab,var(--primary) 22%,transparent)}.lines__at[data-v-6d680203]{width:4em;flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.lines__text[data-v-6d680203]{flex:1;min-width:0;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:.35em}.lines__text--words[data-v-6d680203]{flex-wrap:wrap;white-space:normal;height:auto;text-align:left}.lines__word[data-v-6d680203]{color:var(--muted-foreground);border-radius:var(--radius-sm);padding:0 2px}.lines__word--set[data-v-6d680203]{color:var(--foreground)}.lines__word--next[data-v-6d680203]{box-shadow:inset 0 -2px 0 var(--primary)}.lines__word--active[data-v-6d680203]{background:var(--primary);color:var(--primary-foreground)}.karaoke-tap[data-v-1458f383]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.karaoke-tap__pick[data-v-1458f383]{width:150px;flex-shrink:0}.karaoke-tap__hint[data-v-1458f383]{flex-basis:100%;font-size:13px;color:var(--muted-foreground)}.karaoke[data-v-6bb575f4]{display:flex;flex-direction:column;gap:var(--space-3)}.karaoke__note[data-v-6bb575f4]{margin:0;font-size:13px;color:var(--muted-foreground)}.karaoke__how[data-v-6bb575f4]{margin:0;padding-left:1.2em;font-size:13px;color:var(--muted-foreground);display:flex;flex-direction:column;gap:2px}.karaoke__player-row[data-v-6bb575f4]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.karaoke__player[data-v-6bb575f4]{flex:1 1 220px;min-width:0;max-width:none}.karaoke__pick[data-v-6bb575f4]{width:150px;flex-shrink:0}.karaoke__tools[data-v-6bb575f4]{display:flex;flex-wrap:wrap;gap:var(--space-2)}