
.player-container{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#222 0%,#000 100%);color:#fff;z-index:1000;box-shadow:0 -5px 20px rgba(0,0,0,0.5);border-top:1px solid #444;}
.player-progress-container{width:100%;height:5px;background-color:#444;cursor:pointer;}
.player-progress{width:0%;height:100%;background-color:#ffc107;transition:width 0.1s linear;box-shadow:0 0 10px #ffc107;}
.player-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;}
.player-track-info{display:flex;align-items:center;width:25%;}
.player-track-info img{width:50px;height:50px;object-fit:cover;border-radius:8px;margin-right:15px;background:#222;border:1px solid #444;}
.player-track-info div{display:flex;flex-direction:column;}
#playerTitle{font-weight:600;color:#fff;}
#playerArtist{font-size:0.8em;color:#aaa;}
.player-buttons{display:flex;align-items:center;justify-content:center;width:50%;}
.player-buttons .btn{margin:0 10px;color:#fff;background:transparent;border:none;box-shadow:none;}
.player-buttons .btn:hover{color:#ffc107;transform:scale(1.1);}
.player-buttons .btn-lg{font-size:1.8rem;}
.player-time-volume{display:flex;align-items:center;justify-content:flex-end;width:25%;font-size:0.9em;color:#aaa;}
.volume-control{display:flex;align-items:center;margin:0 15px;}
.volume-control i{color:#fff;}
.volume-control input[type="range"]{-webkit-appearance:none;width:100px;height:4px;background:#555;border-radius:2px;outline:none;margin:0 10px;}
.volume-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#ffc107;cursor:pointer;border-radius:50%;}
#shuffleBtn,#repeatBtn{color:#fff;background:transparent;border:none;box-shadow:none;}
#shuffleBtn.active,#repeatBtn.active{color:#ffc107;}
.action-btn.play-btn,.action-btn.play-playlist-btn{color:#27ae60;background:rgba(39,174,96,0.1);}
.action-btn.play-btn:hover,.action-btn.play-playlist-btn:hover{background:rgba(39,174,96,0.3);box-shadow:0 3px 10px rgba(39,174,96,0.5);}


