.player-controls{display:flex;align-items:center;gap:14px;width:100%;min-width:0}.player-visual,.mobile-now-playing{display:none}.expand-player{position:absolute;right:46px;top:7px;border:0;background:transparent;color:#898b82;font-size:18px;z-index:2}.audio-player.expanded{inset:0;width:100%;height:100dvh;max-width:none;transform:none;border-radius:0;background:radial-gradient(circle at 50% 27%,#343827 0,#1a1b17 43%,#10110e 100%);padding:clamp(24px,5vw,60px);display:flex;flex-direction:column;justify-content:center;gap:25px}.audio-player.expanded .expand-player{position:absolute;top:25px;right:27px;color:#d3d4ce;font-size:28px;transform:rotate(180deg)}.audio-player.expanded .player-visual{display:block;position:relative;width:min(900px,100%);height:min(34vh,260px);margin:0 auto;overflow:hidden}.player-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.visual-glow{position:absolute;left:20%;right:20%;bottom:-20px;height:70px;background:#dfff43;filter:blur(70px);opacity:.14}.audio-player.expanded .mobile-now-playing{display:flex;flex-direction:column;text-align:center;align-items:center}.mobile-now-playing>span{font:700 9px "Manrope";letter-spacing:.2em;color:#dfff43;margin-bottom:13px}.mobile-now-playing strong{font:800 clamp(22px,6vw,40px) "Manrope";max-width:700px}.mobile-now-playing small{color:#999b91;margin-top:7px}.audio-player.expanded .player-controls{width:min(850px,100%);display:grid;grid-template-columns:auto auto auto auto 1fr auto auto auto auto;gap:14px;margin:0 auto}.audio-player.expanded .track-art,.audio-player.expanded .track-info{display:none}.audio-player.expanded .play-main{width:58px;height:58px;font-size:18px}.audio-player.expanded .player-mini{font-size:26px}.audio-player.expanded #seekBar,.audio-player.expanded #currentTime,.audio-player.expanded #duration,.audio-player.expanded .volume-bar{display:block}.audio-player.expanded .player-close{position:absolute;left:25px;top:25px}
@media(max-width:760px){.audio-player:not(.expanded){padding-right:72px}.audio-player:not(.expanded) .player-controls>span,.audio-player:not(.expanded) .player-controls>input{display:none}.audio-player:not(.expanded) .track-info{flex:1}.audio-player.expanded{padding:70px 22px 35px;justify-content:space-around}.audio-player.expanded .player-visual{height:31vh}.audio-player.expanded .player-controls{grid-template-columns:1fr auto auto auto 1fr;grid-template-areas:"time seek seek seek duration" "shuffle prev play next repeat";row-gap:28px}.audio-player.expanded #currentTime{grid-area:time}.audio-player.expanded #seekBar{grid-area:seek;width:100%}.audio-player.expanded #duration{grid-area:duration}.audio-player.expanded #shuffleBtn{grid-area:shuffle;display:block}.audio-player.expanded #prevTrack{grid-area:prev}.audio-player.expanded #playerToggle{grid-area:play}.audio-player.expanded #nextTrack{grid-area:next}.audio-player.expanded #repeatBtn{grid-area:repeat;display:block}.audio-player.expanded .volume-bar{display:none}}