:where([class^=ri-]):before{content:"\f3c2"}#login-overlay{opacity:1;transition:opacity .3s ease}html,body{font-family:Inter,sans-serif;height:auto}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.album-art-container{animation:float 6s ease-in-out infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-gradient-animate{background-size:200% 200%;animation:gradient 15s ease infinite}.album-art{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:all .5s ease}.progress-bar{height:4px;cursor:pointer;transition:height .2s ease}.progress-bar:hover{height:6px}.control-button{transition:all .2s ease}.control-button:hover{transform:scale(1.05)}.control-button:active{transform:scale(.95)}.playlist-panel{transition:transform .3s ease-in-out}.playlist-panel.hidden{transform:translate(100%)}input[type=range]::-webkit-inner-spin-button,input[type=range]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.track-item{transition:background-color .2s ease}.track-item:hover{background-color:#ffffff1a}.track-item.active{background-color:#ffffff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}#toast.show{display:block;opacity:1}#toast.hidden{opacity:0;transition:opacity .3s ease-in-out}