.music-player{position:fixed;bottom:20px;right:20px;z-index:1000;background:#fffffff2;border-radius:50px;padding:12px 18px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--primary-blue, #3498db);transition:all .3s ease}.music-player:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.music-btn{background:var(--primary-blue, #3498db);color:#fff;border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.1rem}.music-btn:hover{background:#2980b9;transform:scale(1.1)}.music-btn.playing{background:#e74c3c}.music-btn.playing:hover{background:#c0392b}.volume-control{width:80px;height:6px;background:#e0e0e0;border-radius:10px;outline:none;opacity:.8;transition:opacity .2s;cursor:pointer}.volume-control:hover{opacity:1}.volume-control::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-blue, #3498db);cursor:pointer}.volume-control::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-blue, #3498db);cursor:pointer;border:none}.music-info{font-size:.85rem;color:var(--primary-dark, #2C3E50);font-weight:600;white-space:nowrap}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.music-btn.playing{animation:pulse 2s infinite}@media (max-width: 768px){.music-player{bottom:15px;right:15px;padding:10px 15px}.music-btn{width:40px;height:40px;font-size:1rem}.music-info{font-size:.8rem}.volume-control{width:60px}}