.media-player{position:fixed;bottom:20px;right:20px;width:350px;background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px rgba(255,255,255,.1);z-index:1001;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:all .3s ease}[data-theme=light] .media-player{box-shadow:6px 6px 15px -1px rgba(29,185,84,.3),-6px -6px 15px -1px rgba(255,107,107,.2)}.album-art-section,.album-artwork{position:relative;width:100%;height:200px}.album-artwork{height:100%;overflow:hidden}.artwork-image{width:100%;height:100%;object-fit:cover;display:none}.artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;font-size:48px}.artwork-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease}.album-art-section:hover .artwork-overlay{opacity:1}.floating-controls{position:absolute;top:15px;left:0;right:0;display:flex;justify-content:space-between;padding:0 15px;z-index:10}.floating-btn{width:36px;height:36px;background:rgba(255,255,255,.9);border:0;border-radius:50%;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-btn:hover{background:#fff;transform:scale(1.05)}[data-theme=dark] .floating-btn{background:rgba(0,0,0,.7);color:#fff}[data-theme=dark] .floating-btn:hover{background:rgba(0,0,0,.9)}.volume-container{position:relative}.volume-dropdown{position:absolute;top:40px;left:50%;transform:translateX(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 8px;display:none;box-shadow:0 8px 25px rgba(0,0,0,.3);z-index:30}[data-theme=light] .volume-dropdown{box-shadow:0 8px 25px rgba(0,0,0,.15)}.volume-dropdown.show{display:block}.volume-slider{writing-mode:bt-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;width:6px;height:80px;background:var(--card-bg);outline:0;cursor:pointer}.volume-slider::-webkit-slider-track{background:var(--border-color);border-radius:3px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-color);border-radius:50%;cursor:pointer}#volumeIcon{font-size:14px}.track-info{text-align:center;padding:20px;color:var(--text-primary)}.track-artist,.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title{font-size:18px;font-weight:600;margin-bottom:5px;max-width:100%}.track-artist{font-size:14px;color:var(--text-secondary)}.progress-section{padding:0 20px 20px}.progress-bar{width:100%;height:6px;background:var(--accent-bg);border-radius:3px;position:relative;cursor:pointer;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent-color);border-radius:3px;width:0%;transition:width .1s linear}.time-display{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.control-btn,.player-controls{display:flex;align-items:center;justify-content:center}.player-controls{gap:20px;padding:0 20px 20px}.control-btn{width:44px;height:44px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:3px 3px 6px -1px rgba(0,0,0,.15),-3px -3px 6px -1px rgba(255,255,255,.1)}[data-theme=light] .control-btn{box-shadow:3px 3px 6px -1px rgba(0,0,0,.15),-3px -3px 6px -1px rgba(255,255,255,.7)}.control-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.control-btn:active{transform:translateY(0);box-shadow:inset 3px 3px 6px -1px rgba(0,0,0,.15),inset -3px -3px 6px -1px rgba(255,255,255,.1)}.controls .control-btn:hover,.play-btn{background:var(--accent-color);color:#fff}.play-btn{width:56px;height:56px;font-size:20px}.play-btn:hover{background:var(--accent-secondary);transform:scale(1.05)}.mini-player{position:fixed;bottom:20px;right:20px;width:420px;background:var(--card-bg);border-radius:14px;padding:16px;box-shadow:0 5px 25px rgba(0,0,0,.5);z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);display:none}[data-theme=light] .mini-player{box-shadow:0 5px 25px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.1)}.artwork,.top-row{display:flex;align-items:center}.top-row{margin-bottom:15px}.artwork{width:70px;height:70px;border-radius:8px;overflow:hidden;margin-right:15px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));justify-content:center;color:#fff;font-size:20px}.artwork img{width:100%;height:100%;object-fit:cover}.mini-player .track-info{flex:1;min-width:0;text-align:left;margin-right:15px;padding:0}.artist,.mini-player .track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.mini-player .track-title{font-size:16px;font-weight:600;color:var(--text-primary)}.artist{font-size:14px;color:var(--text-secondary)}.expand-btn,.volume-section i{color:var(--text-primary);cursor:pointer}.expand-btn{background:0 0;border:0;font-size:18px;transition:transform .3s ease;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}[data-theme=light] .expand-btn,[data-theme=light] .volume-section i{color:#333}.expand-btn:hover{background:var(--accent-bg);color:var(--accent-color);transform:rotate(180deg)}.bottom-row,.controls .control-btn{display:flex;align-items:center;justify-content:space-between}.controls,.volume-section{display:flex;align-items:center;gap:10px}.controls .control-btn{width:38px;height:38px;border-radius:50%;border:0;background:var(--accent-bg);color:var(--text-primary);cursor:pointer;justify-content:center;transition:all .2s ease;box-shadow:none;font-size:12px}.controls .control-btn:hover{transform:scale(1.05)}.controls .control-btn.active{color:var(--accent-color);background:rgba(29,185,84,.2)}.controls .play-btn{width:42px;height:42px;background:var(--accent-color);color:#fff;font-size:14px}.controls .play-btn:hover{background:var(--accent-secondary);transform:scale(1.07)}.volume-section{gap:12px;padding-left:15px;margin-left:15px;border-left:1px solid var(--border-color);width:130px;flex-shrink:0}.volume-section i{font-size:14px;width:18px;text-align:center;flex-shrink:0}.volume-section .volume-slider{width:90px;-webkit-appearance:none;appearance:none;height:5px;background:var(--accent-bg);border-radius:3px;outline:0;flex-shrink:0}.volume-section .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer}.volume-section .volume-slider::-webkit-slider-track{background:var(--accent-bg);border-radius:3px}.mini-player .time-display{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}@media (max-width:768px){.media-player{width:320px;bottom:10px;right:10px}.mini-player{width:calc(100% - 20px);bottom:10px;right:10px}.volume-section{width:110px}.volume-section .volume-slider{width:70px}}