:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}.LyricsScrollContainer{height:100vh;overflow-y:auto;padding:0 clamp(2rem,8vw,8rem) 0 clamp(1rem,4vw,4rem);scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}.LyricsScrollContainer::-webkit-scrollbar{display:none}.Lyrics{padding-top:50vh;padding-bottom:50vh;display:flex;flex-direction:column;gap:1.5rem;--vocal-idle-opacity: .5;--vocal-active-opacity: 1;--vocal-sung-opacity: .5;--lyrics-size: clamp(2.5rem, 3.5vw, 4.5rem);font-weight:700;transition:all .5s ease;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}body.is-tv .Lyrics{font-family:Tizen,SamsungOne,Helvetica Neue,Helvetica,Arial,sans-serif!important;font-weight:600}.VocalsGroup{transition:transform .3s ease,opacity .3s ease;cursor:pointer;transform-origin:left center}.VocalsGroup:hover{opacity:.8}.Vocals{font-size:var(--lyrics-size);color:#fff;opacity:var(--vocal-idle-opacity);transition:opacity .5s ease,transform .5s ease,filter .4s ease,text-shadow .4s ease;filter:blur(1px);transform:scale(.98);transform-origin:left center;background-clip:text;-webkit-background-clip:text}.Vocals.Active{opacity:var(--vocal-active-opacity);filter:blur(0);transform:scale(1.02)}.Vocals.Sung{opacity:.7;filter:blur(0);color:#fff;transform:scale(1);text-shadow:0 0 8px rgba(255,255,255,.2)}.Dots{animation:pulseDots 2s infinite ease-in-out}.Line{white-space:pre-wrap;line-height:1.3}@keyframes karaokeFill{0%{background-position:100% 0}to{background-position:0 0}}@keyframes wordPop{0%{transform:translateY(0) scale(1)}25%{transform:translateY(var(--pop-y, -.1em)) scale(var(--pop-scale, 1.05))}to{transform:translateY(0) scale(1)}}@keyframes dotPulse{0%{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-.5em) scale(1.5);opacity:1}to{transform:translateY(0) scale(1);opacity:.5}}@keyframes pulseDots{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes charShake{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-.02em) rotate(1deg)}50%{transform:translateY(.02em) rotate(-1deg)}75%{transform:translateY(-.02em) rotate(.5deg)}to{transform:translateY(0) rotate(0)}}@keyframes wordShake{0%{transform:scale(1) translateY(0) rotate(0)}20%{transform:scale(1.02) translateY(calc(var(--pop-y, -.1em) * .2)) rotate(.5deg)}40%{transform:scale(1.04) translateY(calc(var(--pop-y, -.1em) * .4)) rotate(-1deg)}60%{transform:scale(calc(var(--pop-scale, 1.1) * .8)) translateY(calc(var(--pop-y, -.1em) * .6)) rotate(1.5deg)}80%{transform:scale(calc(var(--pop-scale, 1.1) * .9)) translateY(calc(var(--pop-y, -.1em) * .8)) rotate(-2deg)}to{transform:scale(var(--pop-scale, 1.1)) translateY(var(--pop-y, -.1em)) rotate(2.5deg)}}@keyframes dotFill{0%{background-position:100% 0}to{background-position:0 0}}