:root{color-scheme:dark light;--bg: #0b0b0f;--fg: #e7e7ea}@media(prefers-color-scheme:light){:root{--bg: #f5f5f7;--fg: #1c1c1e}}html,body{margin:0;background:var(--bg)}.lyrics-col::-webkit-scrollbar{display:none}.progress-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--fg) 12%,transparent)}.progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#1d4ed8,#3b82f6 55%,#60a5fa);box-shadow:0 0 6px 1px #3b82f6b3,0 0 14px 3px #3b82f673;animation:progress-pulse 2.2s ease-in-out infinite;will-change:width}.progress-fill:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#dbeafe;box-shadow:0 0 8px 2px #60a5faf2,0 0 18px 5px #3b82f699}@keyframes progress-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@media(prefers-reduced-motion:reduce){.progress-fill{animation:none}}