.music-player{position:fixed;bottom:0;left:0;width:100%;background:rgba(15,15,26,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(255,107,53,.2);z-index:1000;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.music-player.active{transform:translateY(0)}.player-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff3366);border:none;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 30px rgba(255,107,53,.4);transition:all .3s ease}.player-toggle:hover{transform:scale(1.1);box-shadow:0 15px 40px rgba(255,107,53,.5)}.player-toggle .icon{color:#fff;font-size:1.5rem}.player-toggle:hover .icon{transform:rotate(90deg)}.player-container{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;max-width:1200px;margin:0 auto}.player-info{display:flex;align-items:center;gap:15px;flex:1;min-width:0}.player-cover{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#ff6b35,#ff3366);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;animation:spin 10s linear infinite;animation-play-state:paused}.player-cover.playing{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.player-details{min-width:0}.player-title{color:#fff;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:#a0a0a0;font-size:.8rem;margin-top:2px}.player-controls{display:flex;align-items:center;gap:20px}.control-btn{width:40px;height:40px;border-radius:50%;background:0 0;border:2px solid rgba(255,107,53,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease}.control-btn:hover{border-color:#ff6b35;background:rgba(255,107,53,.1)}.control-btn.play-btn{width:50px;height:50px;background:linear-gradient(135deg,#ff6b35,#ff3366);border:none;font-size:1.2rem}.control-btn.play-btn:hover{transform:scale(1.1)}.progress-container{display:flex;align-items:center;gap:10px;width:300px}.progress-time{color:#a0a0a0;font-size:.75rem;min-width:40px}.progress-bar{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:2px;cursor:pointer;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff3366);border-radius:2px;width:0;transition:width .1s linear}.progress-bar:hover .progress-fill{background:#ff6b35}.player-playlist{width:250px;max-height:300px;overflow-y:auto;background:rgba(255,255,255,.03);border-radius:12px;padding:10px}.playlist-title{color:#ff6b35;font-size:.85rem;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,107,53,.2);letter-spacing:1px}.playlist-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.playlist-item:hover{background:rgba(255,107,53,.1)}.playlist-item.active{background:rgba(255,107,53,.2)}.playlist-item .num{color:#666;font-size:.75rem;width:20px}.playlist-item.active .num{color:#ff6b35}.playlist-item .title{color:#fff;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.playlist-item.active .title{color:#ff6b35}.player-playlist::-webkit-scrollbar{width:4px}.player-playlist::-webkit-scrollbar-track{background:0 0}.player-playlist::-webkit-scrollbar-thumb{background:rgba(255,107,53,.3);border-radius:2px}@media(max-width:768px){.player-container{flex-wrap:wrap;padding:15px;gap:15px}.player-info{flex:1 1 100%;order:1}.player-controls{flex:1 1 100%;justify-content:center;order:2}.progress-container{width:100%;order:3}.player-playlist{width:100%;max-height:200px;order:4}.player-toggle{bottom:15px;right:15px;width:50px;height:50px}}