.audio-playlist{padding:12px;overflow-y:auto;flex-grow:1;margin-bottom:200px}.audio-item{display:flex;align-items:center;margin:6px 0;padding:12px;background:var(--panel-color);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s}.audio-item:hover{transform:translateX(4px)}.audio-icon{min-width:32px;width:32px;height:32px;border-radius:6px;background:linear-gradient(60deg,#4448ff,#217bfe,#078efb);display:flex;align-items:center;justify-content:center;margin-right:12px}.audio-icon i{color:#fff;font-size:20px}.audio-title{font-size:12px;font-weight:700;color:var(--text-color);word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-controls{height:180px;background:var(--panel-color);border-top:1px solid var(--border-color);padding:12px;position:fixed;bottom:0;right:0;left:250px;transition:.3s;z-index:1000;width:auto}.now-playing{color:#4448ff;font-size:15px;font-weight:700;text-align:center;margin-bottom:12px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-container{padding:0 18px;display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:nowrap}.time{font-size:12px;color:var(--text-color);min-width:45px;text-align:center}.progress-bar{flex-grow:1;height:4px;background:var(--border-color);border-radius:2px;cursor:pointer;position:relative;min-width:50px}.progress{height:100%;background:#3056d3;border-radius:2px;width:0%}.speed-button{background:#3056d3;color:#fff;padding:4px 8px;border-radius:14px;font-size:12px;cursor:pointer;border:none;min-width:52px;white-space:nowrap}.controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px}.control-btn{background:0 0;border:none;color:#3056d3;cursor:pointer;font-size:28px;padding:8px;min-width:44px;display:flex;align-items:center;justify-content:center}.control-btn.play-pause{font-size:48px}body.dark .audio-item,body.dark .player-controls{background:var(--panel-color)}body.dark .audio-title,body.dark .time{color:var(--text-color)}body.dark .progress-bar{background:var(--border-color-dark)}@media screen and (max-width:1024px){.player-controls{left:73px}}@media screen and (max-width:768px){.player-controls{left:73px;width:calc(100% - 73px)}.sidebar.close~.dashboard .player-controls{left:0;width:100%}.progress-container{padding:0 10px;gap:4px}.now-playing{font-size:13px;margin-bottom:8px}.time{font-size:11px;min-width:40px}.speed-button{padding:3px 6px;font-size:11px;min-width:45px}.controls{gap:15px}.control-btn{font-size:24px}.control-btn.play-pause{font-size:40px}.audio-playlist{margin-bottom:180px}}@media screen and (max-width:480px){.audio-item{padding:8px}.audio-icon{min-width:28px;width:28px;height:28px;margin-right:8px}.audio-title{font-size:11px}.player-controls{min-height:140px}.progress-container{padding:0 5px;gap:3px}.controls{gap:10px}.control-btn{font-size:20px;padding:6px}.control-btn.play-pause{font-size:32px}.audio-playlist{margin-bottom:160px;padding:8px}}.sidebar.close~.dashboard .player-controls{left:73px;width:calc(100% - 73px)}.loading{width:48px;height:48px;border:3px solid #3056d3;border-top-color:transparent;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:480px){.loading{width:32px;height:32px;border-width:2px}.player-controls{padding:8px}.now-playing{font-size:12px;line-height:1.2;margin-bottom:10px;padding:0 5px}.progress-container{flex-wrap:wrap;justify-content:center;padding:0 5px;margin-bottom:10px;gap:5px}.progress-bar{order:1;width:100%;margin:5px 0}.time{order:2;font-size:10px;min-width:auto;margin:0 5px}#totalTime{order:3}.speed-button{order:4;font-size:10px;padding:2px 6px;min-width:40px}.controls{justify-content:space-around;gap:5px;padding:5px}.control-btn{padding:5px}.control-btn.play-pause{font-size:36px}.control-btn:not(.play-pause){font-size:20px}}@media screen and (max-width:360px){.player-controls{padding:8px}.now-playing{font-size:11px;margin-bottom:8px}.controls{gap:2px}.control-btn.play-pause{font-size:32px}.control-btn:not(.play-pause){font-size:18px}.speed-button,.time{font-size:9px}}@media screen and (max-height:600px){.player-controls{height:150px}.audio-playlist{margin-bottom:150px}}@media screen and (max-height:400px){.player-controls{height:130px}.audio-playlist{margin-bottom:130px}.now-playing,.progress-container{margin-bottom:5px}}.dashboard .dash-content{padding-bottom:200px}@media screen and (max-width:768px){.sidebar.close~.dashboard .player-controls{left:0;width:100%}.dashboard .dash-content{padding-bottom:180px}}@media screen and (max-height:600px){.dashboard .dash-content{padding-bottom:150px}}@media screen and (max-height:400px) and (orientation:landscape){.player-controls{height:120px}.dashboard .dash-content{padding-bottom:120px}.now-playing,.progress-container{margin-bottom:3px}.controls{padding:3px}}@media screen and (max-width:400px){.player-controls,.sidebar.close~.dashboard .player-controls{left:0;width:100%}.now-playing,.progress-container{padding:0 8px}.controls{padding:5px 8px}}.control-btn.play-pause{transform:scale(1.7);padding:12px}