.modern-player{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding-top:70px;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:visible;z-index:100}.info-panel{background-color:red;color:#fff;padding:15px;border-radius:12px;z-index:999;width:200px;height:60px;position:absolute;top:-80px;left:100px;opacity:1;visibility:visible;border:2px solid yellow}.info-panel.active{background-color:green}.artist-name,.song-name{display:block;text-align:left;padding:0;color:#fff}.artist-name{font-size:13px;margin-bottom:3px;font-weight:600;color:#fff}.song-name{font-size:11px;margin-bottom:6px;color:#ccc}.progress-container{width:100%;height:3px;background-color:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;bottom:0;background-color:#dc2626;width:var(--progress-width, 0%);transition:width .2s ease}.control-panel{position:relative;background-color:#fff;border-radius:20px;width:400px;height:100px;z-index:5;box-shadow:0 20px 20px 5px #8484844d;display:flex;align-items:center;transition:border-radius .3s ease}.control-panel.active{border-radius:20px}.album-art-container{position:absolute;left:25px;top:-20px;z-index:10}.album-art{height:100px;width:100px;border-radius:50%;box-shadow:0 0 20px 5px #0000;transform:scale(1);transition:all .5s ease;cursor:pointer;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:var(--album-image, url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Crect width="100" height="100" fill="%23f0f0f0"/%3E%3Ctext x="50" y="50" text-anchor="middle" dy=".3em" font-family="Arial" font-size="12" fill="%23999"%3EAlbum%3C/text%3E%3C/svg%3E'))}.album-art:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;background-color:#fff;border-radius:50%;z-index:5;transform:translate(-50%,-50%)}.control-panel.active .album-art{box-shadow:0 0 20px 5px #0003;transform:scale(1.2);transition:all .5s ease;animation:rotation 3s infinite linear;animation-fill-mode:forwards}@keyframes rotation{0%{transform:scale(1.2) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}.controls-container{display:flex;justify-content:flex-end;align-items:center;height:100px;padding:0 20px;margin-left:auto;gap:5px}.control-btn{width:60px;height:80px;border-radius:12px;background-position:center center;background-repeat:no-repeat;background-size:22px;margin:5px 0;background-color:#fff;cursor:pointer;transition:background-color .3s ease;border:none;outline:none}.control-btn:hover{background-color:#eee;transition:background-color .3s ease}.prev-btn{background-image:url(/images/last-song-19.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:center}.next-btn{background-image:url(/images/next-song-21.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:center}.play-btn{background-image:url(/images/play-71.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:center}.play-btn.playing{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23c2c6cf'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E")}.music-player-container{display:flex;flex-direction:column;min-height:0;max-height:70vh;overflow:visible;margin-bottom:0;position:relative}.modern-player-layout{flex:0 0 auto}.song-list.modern-song-list-scroll{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:visible;padding:0 32px 24px;margin-top:0;max-height:none}.song-list-tracks.modern-song-list-tracks.scrollable-tracks{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;margin-bottom:0;width:100%;box-sizing:border-box}.modern-song-list-scroll{max-height:none!important;overflow-y:auto}.flex-grow{flex:1 1 auto!important;padding-bottom:0!important}.song-list-item.modern-song-list-item{flex:0 0 auto}.scrollable-tracks::-webkit-scrollbar{width:6px!important}.scrollable-tracks::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:3px!important}.scrollable-tracks::-webkit-scrollbar-thumb{background-color:#ffffff4d!important;border-radius:3px!important;border:1px solid transparent!important;background-clip:content-box!important}.scrollable-tracks::-webkit-scrollbar-thumb:hover{background-color:#ffffff80!important}.scrollable-tracks{scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.05)!important}.song-list-item.modern-song-list-item:hover{background-color:#ffffff0d;transition:background-color .3s ease;cursor:pointer}.song-list-item.modern-song-list-item.active{background:#3e18224d;border-left:4px solid hsl(345,44%,30%);box-shadow:0 0 15px #0003;transform:translate(4px);transition:all .3s ease;position:relative;z-index:2;animation:selectSong .5s ease-out}@keyframes selectSong{0%{transform:translate(0);background:#3e182200}50%{transform:translate(6px);background:#5c243266}to{transform:translate(4px);background:#3e18224d}}.song-list-item.modern-song-list-item.active:hover{background:#491d2866;transform:translate(6px) scale(1.01)}.song-list-item.modern-song-list-item.active:after{content:"";position:absolute;right:0;top:0;height:100%;width:4px;background:linear-gradient(to right,transparent,hsla(105,19%,60%,.6));border-radius:0 4px 4px 0;animation:glowPulse 2s infinite alternate}@keyframes glowPulse{0%{opacity:.6;box-shadow:0 0 5px #8fac864d}to{opacity:1;box-shadow:0 0 12px #8fac86b3}}.song-list-item.modern-song-list-item.active .modern-song-list-number{background:#5c2432e6;color:#fff;font-weight:700;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #6e2b3c80;animation:pulseBeat 2s infinite alternate}@keyframes pulseBeat{0%{transform:scale(1)}to{transform:scale(1.1)}}.song-list-item.modern-song-list-item.active .modern-song-list-title{color:#fff;font-weight:700;text-shadow:0 0 10px hsla(234,28%,70%,.7);letter-spacing:.02em;transform:translateZ(0)}.song-list-item.modern-song-list-item.active .modern-song-list-artist{color:#c7d6c2e6;font-style:italic}.song-list-item.modern-song-list-item.active .modern-song-list-duration{color:#fff;font-weight:700;background:#3b3f6866;padding:2px 8px;border-radius:10px}.song-list-item.modern-song-list-item{border-radius:6px;margin-bottom:4px;padding:10px 12px;transition:all .2s ease;cursor:pointer;border-left:4px solid transparent}.song-list-item.modern-song-list-item:not(.active):hover{background:#ffffff1a;transform:translate(2px)}@keyframes floatNote{0%{opacity:.3;transform:translateY(-50%) rotate(0)}50%{opacity:1;transform:translateY(-65%) rotate(10deg)}to{opacity:.3;transform:translateY(-50%) rotate(0)}}@keyframes equalize{0%{height:3px;box-shadow:6px 0 #9da1c8,12px 0 #c7d6c2}33%{height:8px;box-shadow:6px 0 #9da1c8,12px 0 #c7d6c2}66%{height:5px;box-shadow:6px 0 #9da1c8,12px 0 #c7d6c2}to{height:12px;box-shadow:6px 0 #9da1c8,12px 0 #c7d6c2}}.song-list-item.modern-song-list-item.active[data-is-playing=true]{background:#491d2859;box-shadow:0 0 20px #0000004d}.song-list-item.modern-song-list-item.active[data-is-playing=true] .modern-song-list-info:after{content:"";position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:3px;height:12px;background:#c7d6c2e6;border-radius:2px;box-shadow:5px 0 #9da1c8cc,10px 0 #c66c83e6,15px 0 #c7d6c2b3,20px 0 #8cbfd9cc,25px 0 #c66c8399,30px 0 #c7d6c2e6;animation:realisticEqualize .8s ease-in-out infinite}.song-list-item.modern-song-list-item .modern-song-list-info{position:relative}.song-list-item.modern-song-list-item.active[data-is-playing=true]:before{content:"♪";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:14px;color:#c7d6c299;animation:floatNote 2.5s ease infinite}@keyframes realisticEqualize{0%{height:8px;box-shadow:5px 0 0 4px #9da1c8b3,10px 0 0 12px #c66c83e6,15px 0 0 6px #c7d6c299,20px 0 0 15px #8cbfd9cc,25px 0 0 3px #c66c8380,30px 0 0 9px #c7d6c2cc}12.5%{height:14px;box-shadow:5px 0 0 8px #9da1c8cc,10px 0 0 6px #c66c8399,15px 0 0 11px #c7d6c2e6,20px 0 0 4px #8cbfd980,25px 0 0 13px #c66c83cc,30px 0 0 7px #c7d6c2b3}25%{height:5px;box-shadow:5px 0 0 12px #9da1c8e6,10px 0 0 9px #c66c83b3,15px 0 0 14px #c7d6c2cc,20px 0 0 7px #8cbfd999,25px 0 0 5px #c66c8366,30px 0 0 11px #c7d6c2e6}37.5%{height:11px;box-shadow:5px 0 0 6px #9da1c899,10px 0 0 13px #c66c83cc,15px 0 0 4px #c7d6c266,20px 0 0 10px #8cbfd9b3,25px 0 0 14px #c66c83e6,30px 0 0 8px #c7d6c299}50%{height:9px;box-shadow:5px 0 0 10px #9da1c8cc,10px 0 0 5px #c66c8380,15px 0 0 12px #c7d6c2b3,20px 0 0 13px #8cbfd9e6,25px 0 0 7px #c66c8399,30px 0 0 4px hsla(105,19,80%,.4)}62.5%{height:15px;box-shadow:5px 0 0 3px #9da1c866,10px 0 0 11px #c66c83cc,15px 0 0 8px #c7d6c299,20px 0 0 6px #8cbfd980,25px 0 0 12px #c66c83b3,30px 0 0 14px #c7d6c2e6}75%{height:7px;box-shadow:5px 0 0 13px #9da1c8e6,10px 0 0 8px #c66c83b3,15px 0 0 5px #c7d6c280,20px 0 0 11px #8cbfd9cc,25px 0 0 9px #c66c8399,30px 0 0 6px #c7d6c266}87.5%{height:12px;box-shadow:5px 0 0 7px #9da1c899,10px 0 0 14px #c66c83e6,15px 0 0 10px #c7d6c2cc,20px 0 0 4px #8cbfd966,25px 0 0 6px #c66c8380,30px 0 0 13px #c7d6c2cc}to{height:6px;box-shadow:5px 0 0 9px #9da1c8b3,10px 0 0 4px #c66c8366,15px 0 0 13px #c7d6c2e6,20px 0 0 8px #8cbfd999,25px 0 0 11px #c66c83cc,30px 0 0 5px #c7d6c280}}