.lyric-modes{margin:28px 0 32px}.lyric-modes__screen{--t:0;background:var(--screen);box-shadow:0 0 0 6px var(--panel),0 0 0 7px rgba(185,169,140,.4);color:var(--screen-muted);border-radius:16px;padding:14px 18px 26px;position:relative}.lyric-modes__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.lyric-modes__switch{border:1px solid color-mix(in srgb,var(--screen-text)16%,transparent);background:color-mix(in srgb,var(--screen-text)10%,transparent);border-radius:12px;padding:3px;display:inline-flex}.lyric-modes__switch button{min-height:34px;color:var(--screen-cream);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:14px;font-weight:600}.lyric-modes__switch button:hover{color:var(--screen-text)}.lyric-modes__switch button.is-active{background:var(--screen-orange);color:var(--screen)}.lyric-modes__switch button:focus-visible{outline:2px solid var(--screen-orange);outline-offset:2px}.lyric-modes__pause:focus-visible{outline:2px solid var(--screen-orange);outline-offset:2px}.lyric-modes__pause{border:1px solid color-mix(in srgb,var(--screen-text)16%,transparent);width:36px;height:36px;color:var(--screen-cream);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:inline-grid}.lyric-modes__pause:hover{color:var(--screen-text)}.lyric-modes__pause svg{width:16px;height:16px}.lyric-modes__lines{gap:4px;margin-top:22px;display:grid}.lyric-modes .lyric-modes__line{letter-spacing:.05em;margin:0;font-size:max(1.3rem,min(3.6vw,1.75rem));font-weight:700;line-height:1.55}.lyric-modes__line{--on:calc(clamp(0,(var(--t) - var(--ls))*50,1)*clamp(0,(var(--le) - var(--t) + .3)*50,1))}.lyric-modes__unit{white-space:pre;display:inline-block;position:relative}.lyric-modes__ink{transition:color .2s;display:block}.lyric-modes__fill{white-space:pre;color:var(--screen-orange);pointer-events:none;visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.lyric-modes__screen[data-mode=plain] .lyric-modes__ink{color:var(--screen-cream)}.lyric-modes__screen[data-mode=line] .lyric-modes__fill{visibility:visible;color:var(--screen-text);opacity:var(--on)}.lyric-modes__screen[data-mode=word] .lyric-modes__line .lyric-modes__ink{color:color-mix(in srgb,var(--screen-muted)calc(100% - 45%*var(--on)),var(--screen-cream))}.lyric-modes__screen[data-mode=word] .lyric-modes__fill{visibility:visible;opacity:var(--on);clip-path:inset(0 calc(100%*(1 - clamp(0,(var(--t) - var(--s))/var(--d),1)))0 0)}.lyric-modes__screen[data-mode=word] .lyric-modes__unit{transform:translateY(calc(-.06em*var(--on)*clamp(0,(var(--t) - var(--s))*50,1)));transition:transform .2s ease-out}.lyric-modes figcaption{color:var(--muted);text-align:center;margin-top:14px;font-size:13px;line-height:1.6}.lyric-modes .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:520px){.lyric-modes__screen{padding:12px 12px 20px}.lyric-modes__switch button{padding:0 10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.lyric-modes__unit,.lyric-modes__ink{transition:none}.lyric-modes__screen[data-mode=word] .lyric-modes__unit{transform:none}}