.music-player{position:fixed;z-index:30;right:16px;bottom:82px;width:320px;display:block;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(155deg,rgba(19,18,23,.97),rgba(9,9,14,.97));box-shadow:0 22px 70px #000b;backdrop-filter:blur(20px);overflow:visible;color:#f8f5fb}
.player-now{display:grid;grid-template-columns:46px 56px 1fr 22px;align-items:center;gap:9px}.music-orbit{position:relative;width:43px;height:43px;display:grid;place-items:center;border:1px solid #8e3fd2;border-radius:50%;background:#100b16;color:#c66eff;cursor:pointer}.music-orbit i{font-style:normal;font-size:18px}.music-orbit span{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#b85cff;box-shadow:0 0 9px #a94fff;transform-origin:0 0}.music-orbit span:nth-of-type(1){transform:rotate(20deg) translateX(25px)}.music-orbit span:nth-of-type(2){transform:rotate(145deg) translateX(24px)}.music-orbit span:nth-of-type(3){transform:rotate(260deg) translateX(23px)}.is-playing .music-orbit i{animation:music-note-spin 3.5s linear infinite}.is-playing .music-orbit span{animation:music-orbit-spin 2.6s linear infinite}.is-playing .music-orbit span:nth-of-type(2){animation-delay:-.8s}.is-playing .music-orbit span:nth-of-type(3){animation-delay:-1.6s}@keyframes music-note-spin{to{transform:rotate(360deg)}}@keyframes music-orbit-spin{from{transform:rotate(0) translateX(24px)}to{transform:rotate(360deg) translateX(24px)}}
.visualizer-ring{--track-progress:0deg;position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#c36aff var(--track-progress),#33253d 0)}.visualizer-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#a94aff var(--track-progress),transparent 0);filter:blur(7px);opacity:.62}.visualizer-ring:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#100c15}.is-playing .visualizer-ring:before{animation:ring-breathe 1.5s ease-in-out infinite alternate}@keyframes ring-breathe{to{filter:blur(10px);opacity:.95;transform:rotate(8deg)}}.audio-bars{position:relative;z-index:1;height:24px;display:flex;align-items:center;gap:3px}.audio-bars i{width:3px;height:20px;border-radius:3px;background:linear-gradient(#e3b7ff,#9a42dc);transform:scaleY(.2);transition:transform 70ms linear;box-shadow:0 0 5px #a64ce0}.track-meta{min-width:0}.track-meta b,.track-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta b{font-size:13px}.track-meta small{margin-top:4px;color:#9e91aa;font-size:9px}.player-minimize{align-self:start;border:0;background:transparent;color:#807487;font-size:17px;cursor:pointer}
.progress-wrap{margin-top:10px}.progress-wrap input,.player-volume input{width:100%;height:4px;margin:0;accent-color:#fb3da4;cursor:pointer}.progress-wrap>div{display:flex;justify-content:space-between;margin-top:3px;color:#857891;font:9px monospace}.player-control-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 7px}.player-controls{display:flex;align-items:center;gap:8px}.player-controls button,.mute{border:0;background:transparent;color:#a99db3;cursor:pointer}.player-controls .play{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ff4bad,#e92b8c);color:white;box-shadow:0 8px 22px #f2369b45}.player-volume{width:92px;display:flex;align-items:center;gap:6px}.player-volume .mute{padding:2px;color:#a9a0b1}.player-volume .volume{min-width:0}
.playlist-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 1px;border:0;background:transparent;color:#9a8da4;font-size:10px;cursor:pointer}.playlist-toggle i{font-style:normal;transition:.2s}.playlist-collapsed .playlist-toggle i{transform:rotate(180deg)}.player-playlist{display:grid;gap:3px;max-height:155px;overflow:auto;margin:0 -13px -13px;padding:2px 13px 10px;border-top:1px solid rgba(255,255,255,.05)}.player-playlist button{width:100%;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:7px;padding:8px;border:0;border-radius:7px;background:transparent;color:#8f8498;text-align:left;cursor:pointer}.player-playlist button:hover,.player-playlist button.active{background:rgba(201,69,161,.17);color:#fff}.player-playlist button>span{color:#c774d3}.player-playlist b,.player-playlist small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist b{font-size:10px}.player-playlist small{margin-top:2px;color:#766c7d;font-size:8px}.playlist-collapsed .player-playlist{display:none}
.music-player.minimized{width:56px;height:56px;padding:6px;border-radius:50%}.music-player.minimized>*:not(.player-now){display:none}.music-player.minimized .player-now{display:block}.music-player.minimized .music-orbit{width:43px;height:43px}.music-player.minimized .visualizer-ring,.music-player.minimized .track-meta,.music-player.minimized .player-minimize{display:none}
@media(max-width:650px){.music-player{right:10px;bottom:10px;width:min(310px,calc(100% - 20px))}}

/* Görseldeki gibi: ana kart + kartın dışında iki dairesel canlı kontrol. */
.player-now{grid-template-columns:56px 1fr 22px;gap:11px}.track-cover{position:relative;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#17131d,#050506)}.track-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.track-cover>img:not([src]),.track-cover>img[src=""]{display:none}.cover-bars{position:relative;z-index:1;height:25px;display:flex;align-items:center;gap:3px}.cover-bars i{width:3px;border-radius:3px;background:#fff}.cover-bars i:nth-child(1){height:11px}.cover-bars i:nth-child(2){height:20px}.cover-bars i:nth-child(3){height:15px}.cover-bars i:nth-child(4){height:24px}.is-playing .cover-bars i{animation:cover-eq .65s ease-in-out infinite alternate}.is-playing .cover-bars i:nth-child(2){animation-delay:-.25s}.is-playing .cover-bars i:nth-child(3){animation-delay:-.45s}@keyframes cover-eq{to{transform:scaleY(.35)}}
.player-floating-visuals{position:absolute;right:0;bottom:-66px;display:flex;align-items:center;gap:9px}.visualizer-ring{padding:0;border:0;cursor:pointer}.music-player.minimized{right:16px;bottom:16px;width:112px;height:56px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}.music-player.minimized>*:not(.player-floating-visuals){display:none}.music-player.minimized .player-floating-visuals{position:static;display:flex}.music-player.minimized .visualizer-ring{display:grid}.music-player.minimized .music-orbit{display:grid}
@media(max-width:650px){.music-player{right:10px;bottom:78px;width:min(320px,calc(100% - 20px))}.music-player.minimized{right:10px;bottom:10px;width:112px}}