.music-toggle { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; cursor: pointer; padding: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; transition: all 0.3s ease; }
.music-toggle::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: rgba(168,85,247,0.0); transition: all 0.3s ease; }
.music-toggle:hover::before { background: rgba(168,85,247,0.15); box-shadow: 0 0 15px rgba(168,85,247,0.3), inset 0 0 15px rgba(168,85,247,0.1); transform: scale(1.1); }
.music-wrapper { position: relative; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; }
.equalizer-svg { width: 100%; height: 100%; z-index: 1; }

.wave-line { stroke: #a855f7; animation: pulse-eq 0.6s infinite alternate ease-in-out; transform-origin: center; }
.wave-line-2 { stroke: #a855f7; animation: pulse-eq 0.8s infinite alternate ease-in-out; transform-origin: center; }
.end-circle { fill: #a855f7; animation: glow-circle 1.2s infinite alternate; }
@keyframes pulse-eq { 0% { transform: scaleY(0.6); opacity: 0.5; } 100% { transform: scaleY(1.1); opacity: 1; } }
@keyframes glow-circle { 0% { r: 2.5; opacity: 0.4; } 100% { r: 3.5; opacity: 1; } }
.music-toggle.muted .wave-line, .music-toggle.muted .wave-line-2, .music-toggle.muted .end-circle { animation-play-state: paused !important; stroke: #4b5563 !important; fill: #4b5563 !important; opacity: 0.3 !important; }
.music-toggle.muted .equalizer-svg { filter: grayscale(1); }

.mute-line { position: absolute; top: 50%; left: 0; width: 0%; height: 2px; background: #ff3333; transform: translateY(-50%); border-radius: 2px; z-index: 2; pointer-events: none; }
.music-toggle.muted .mute-line { animation: slide-line 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
@keyframes slide-line { 0% { width: 0%; opacity: 0; } 100% { width: 100%; opacity: 1; } }
.music-toggle.muted .mute-line { width: 100%; opacity: 1; animation: none; }
.music-toggle.playing .mute-line { width: 0%; opacity: 0; animation: none; }