body{font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}input[type=range]{-webkit-appearance:none;cursor:pointer;background:0 0;border-radius:2px;height:4px}input[type=range]::-webkit-slider-runnable-track{background:#4b5563;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .1s}.group:hover input[type=range]::-webkit-slider-thumb{opacity:1}input[type=range]:hover::-webkit-slider-thumb{opacity:1}.lyric-line{opacity:.5;transform-origin:0;cursor:pointer;padding:8px 0;font-size:1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.lyric-line:hover{opacity:.8}.lyric-active{opacity:1;color:#fff;text-shadow:0 0 30px #ffffff1a;font-size:2rem;font-weight:800;transform:scale(1.02)}.btn-active{position:relative;color:#60a5fa!important}.btn-active-dot:after{content:"";background-color:#60a5fa;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.like-active{color:#22c55e!important}.nav-active{font-weight:700;color:#fff!important;opacity:1!important}.track-row:hover{background-color:#ffffff1a}