.music-player{--player-min-size: 60px;--player-open-width: 320px;--player-open-height: 420px;--player-anim-duration: .3s;--player-anim-ease: cubic-bezier(.22, .61, .36, 1);position:fixed;bottom:20px;left:20px;z-index:999;width:var(--player-open-width);max-height:calc(100vh - 100px);overflow-y:auto;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0009;transition:box-shadow .2s ease,transform .2s ease;transform-origin:bottom left;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.music-player::-webkit-scrollbar{width:4px}.music-player::-webkit-scrollbar-track{background:transparent}.music-player::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.music-player.minimized{width:var(--player-min-size);height:var(--player-min-size);padding:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.music-player.minimized.playing{animation:minimizedBreath 2s ease-in-out infinite;will-change:filter}.music-player.minimized:hover{transform:scale(1.05);box-shadow:0 12px 40px #000c}.music-player.minimized:active{transform:scale(.95)}.music-player.minimized .player-header{margin-bottom:0;width:100%;height:100%;position:relative;pointer-events:none}.music-player.minimized .player-cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--player-min-size);height:var(--player-min-size);border-radius:50%;cursor:pointer;pointer-events:auto;border-width:6px;font-size:24px}.music-player.minimized .player-cover:before,.music-player.minimized .player-cover img{width:calc(100% - 10px);height:calc(100% - 10px)}.music-player.minimized .player-cover:after{font-size:24px}.music-player.minimized .player-info,.music-player.minimized .player-toggle{display:none}.music-player.minimized .player-content{opacity:0;pointer-events:none;height:0;overflow:hidden;display:none}.music-player.is-animating{pointer-events:none}.music-player.measuring{visibility:hidden;pointer-events:none}.music-player.expanding,.music-player.collapsing{overflow:hidden;animation-duration:var(--player-anim-duration);animation-timing-function:var(--player-anim-ease);animation-fill-mode:both}.music-player.expanding{animation-name:playerExpand}.music-player.collapsing{animation-name:playerCollapse}.music-player.expanding .player-content,.music-player.expanding .player-toggle,.music-player.expanding .player-controls,.music-player.expanding .player-progress,.music-player.expanding .volume-control,.music-player.expanding .playlist-section,.music-player.collapsing .player-content,.music-player.collapsing .player-toggle,.music-player.collapsing .player-controls,.music-player.collapsing .player-progress,.music-player.collapsing .volume-control,.music-player.collapsing .playlist-section{opacity:0;pointer-events:none}@keyframes playerExpand{0%{width:var(--player-min-size);height:var(--player-min-size);padding:0;border-radius:50%}55%{width:var(--player-min-size);height:var(--player-open-height);padding:0;border-radius:20px}to{width:var(--player-open-width);height:var(--player-open-height);padding:16px;border-radius:16px}}@keyframes playerCollapse{0%{width:var(--player-open-width);height:var(--player-open-height);padding:16px;border-radius:16px}45%{width:var(--player-min-size);height:var(--player-open-height);padding:0;border-radius:20px}to{width:var(--player-min-size);height:var(--player-min-size);padding:0;border-radius:50%}}.player-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.player-cover{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;overflow:visible;background:#000000f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:5px solid rgba(0,0,0,.98);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px #ffffff14,0 4px 16px #0009}.player-cover:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;background:linear-gradient(135deg,#ff5d23,#ff8a50,#ffb380);box-shadow:inset 0 2px 8px #0000004d;z-index:1;transition:opacity .3s ease}.player-cover.has-cover:before{opacity:0}.player-cover img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;-o-object-fit:cover;object-fit:cover;z-index:2;opacity:0;transition:opacity .3s ease;box-shadow:inset 0 2px 8px #0000004d}.player-cover.has-cover img{opacity:1}.player-cover:after{content:attr(data-emoji);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));transition:all .3s ease;opacity:1}.player-cover.has-cover.playing:after{opacity:0}.player-cover.playing{animation:orangeBreath 2s ease-in-out infinite;will-change:filter}.music-player.minimized .player-cover.playing{animation:coverRotate 7.5s linear infinite,orangeBreath 2s ease-in-out infinite}@keyframes orangeBreath{0%,to{filter:drop-shadow(0 0 6px rgba(255,93,35,.4))}50%{filter:drop-shadow(0 0 14px rgba(255,93,35,.65))}}@keyframes minimizedBreath{0%,to{filter:drop-shadow(0 0 8px rgba(255,93,35,.35))}50%{filter:drop-shadow(0 0 20px rgba(255,93,35,.6))}}@keyframes coverRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.music-player.minimized .player-cover.playing:before,.music-player.minimized .player-cover.playing img{animation:innerRotate 7.5s linear infinite}@keyframes innerRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.player-info{flex:1;min-width:0}.player-title{font-size:14px;font-weight:700;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.player-artist{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-toggle{width:32px;height:32px;border:none;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .12s ease}.player-toggle:hover{background:#ffffff1a}.player-toggle svg{width:16px;height:16px;color:#9ca3af}.player-content{transition:opacity .12s ease,height .3s}.player-progress{margin-bottom:12px;transition:opacity .12s ease}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-bar:hover{height:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff5d23,#ff8a50);border-radius:2px;width:0%;transition:width .1s linear;position:relative}.progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s;box-shadow:0 2px 4px #0000004d}.progress-bar:hover .progress-fill:after{opacity:1}.progress-time{display:flex;justify-content:space-between;font-size:11px;color:#6b7280;font-family:ui-monospace,monospace;margin-top:4px}.player-controls{display:flex;align-items:center;justify-content:center;gap:12px;transition:opacity .12s ease}.control-btn{width:40px;height:40px;border:none;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#9ca3af}.control-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.play-btn{width:48px;height:48px;background:linear-gradient(135deg,#ff5d23,#ff8a50);color:#fff;box-shadow:0 4px 12px #ff5d234d}.control-btn.play-btn:hover{box-shadow:0 6px 16px #ff5d2380;transform:scale(1.08)}.control-btn svg{width:20px;height:20px}.control-btn.play-btn svg{width:24px;height:24px}.playlist-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);transition:opacity .12s ease}.playlist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.playlist-title{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.playlist-count{font-size:10px;color:#6b7280;background:#ffffff0d;padding:2px 6px;border-radius:4px}.playlist-items{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.playlist-items::-webkit-scrollbar{width:4px}.playlist-items::-webkit-scrollbar-track{background:transparent}.playlist-items::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.playlist-item{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s}.playlist-item:hover{background:#ffffff0d;border-color:#ffffff1a}.playlist-item.active{background:linear-gradient(135deg,#ff5d2333,#ff8a5033);border-color:#ff5d234d}.playlist-item.active .playlist-item-title{color:#ff8a50}.playlist-item-icon{width:16px;height:16px;flex-shrink:0;color:#6b7280}.playlist-item.active .playlist-item-icon{color:#ff5d23}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:12px;font-weight:600;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.playlist-item-artist{font-size:10px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-cover{width:40px;height:40px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.playlist-item-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.playlist-item.active .playlist-item-cover{border-color:#ff5d2366;box-shadow:0 0 8px #ff5d234d}.volume-control{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);transition:opacity .12s ease}.volume-icon{color:#6b7280;flex-shrink:0}.volume-icon svg{width:16px;height:16px}.volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;position:relative;cursor:pointer}.volume-slider:hover{height:6px}.volume-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;width:100%;transition:width .1s linear;position:relative}.volume-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s;box-shadow:0 2px 4px #0000004d}.volume-slider:hover .volume-fill:after{opacity:1}@media(max-width:768px){.music-player{bottom:calc(env(safe-area-inset-bottom,0px) + 20px);left:16px;--player-min-size: 56px;--player-open-width: calc(100vw - 32px) ;max-width:320px}.music-player.minimized{cursor:pointer}.music-player.minimized:hover{transform:scale(1.08)}.music-player.minimized:active{transform:scale(.92)}.music-player.minimized .player-cover{width:var(--player-min-size);height:var(--player-min-size)}.music-player.minimized .player-cover.playing{animation:coverRotateMobile 7.5s linear infinite}@keyframes coverRotateMobile{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}}@media(max-width:375px){.music-player{width:calc(100vw - 32px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.music-player.intro{animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}.player-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#6b7280}.player-loading svg{animation:spin 1s linear infinite}