:root{--primary-red:#ff1744;--primary-cyan:#00e5ff;--dark-bg:#0a0a0a;--darker-bg:#050505;--text-primary:#ffffff;--text-secondary:#b0b0b0;--border-color:#333;--glow-red:rgba(255, 23, 68, 0.8);--glow-cyan:rgba(0, 229, 255, 0.8)}body{font-family:"Josefin Sans",sans-serif;font-weight:300;background:linear-gradient(135deg,var(--dark-bg) 0,var(--darker-bg) 100%);color:var(--text-primary);min-height:100vh;padding:1rem;padding-bottom:4rem;line-height:1.6}.fixed-music-player{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(10,10,10,.3),rgba(5,5,5,.6));backdrop-filter:blur(20px);border-top:2px solid var(--border-color);box-shadow:0 -4px 30px rgba(0,0,0,.6);z-index:1000;transition:all .3s ease;overflow:hidden;padding:.5rem .5rem 4rem .5rem}.fixed-music-player.minimized{height:0;padding:0}.player-toggle-btn{position:fixed;bottom:20px;right:20px;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-red),#c41644);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);z-index:1001;font-size:2rem;animation:red-pulse-glow 2s ease-in-out infinite}.fixed-music-player:not(.minimized) .player-toggle-btn{bottom:auto;top:-40px;right:20px;width:80px;height:32px;border-radius:8px 8px 0 0;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);box-shadow:0 -2px 10px rgba(0,0,0,.5);animation:none}.player-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 20px var(--glow-red)}.fixed-music-player:not(.minimized) .player-toggle-btn:hover{transform:scale(1.05)}.toggle-icon{display:block;line-height:1;transition:transform .3s ease}.toggle-icon img{height:42px;width:42px;padding:6px}.fixed-music-player:not(.minimized) .toggle-icon{font-size:2rem}.fixed-music-player.playing{border-top-color:var(--primary-red);box-shadow:0 -4px 30px var(--glow-red)}.wave-background{position:absolute;top:0;left:33%;right:0;bottom:0;opacity:0;transition:opacity .5s ease;pointer-events:none;width:33%}.fixed-music-player.playing .wave-background{opacity:1}.wave-bars{position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;align-items:flex-end;justify-content:space-around;padding:0;opacity:.6}.wave-bar{width:12px;background:var(--primary-red);border-radius:3px;opacity:.4;animation:wave-pulse 1.5s ease-in-out infinite;transform-origin:bottom}.wave-bar:nth-child(odd){animation-delay:.1s}.wave-bar:nth-child(2n){animation-delay:.3s}@keyframes wave-pulse{0%,100%{height:15%;opacity:.3}50%{height:60%;opacity:.7}}.player-wrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:.75rem 1rem}.player-wrapper button{outline:0;-webkit-tap-highlight-color:transparent}.player-top{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.track-nav{display:flex;justify-content:center;align-items:center;gap:1rem;min-width:200px;margin:2rem}.track-nav-btn{width:38px;height:38px;border-radius:50%;background:var(--darker-bg);border:1px solid var(--border-color);color:var(--primary-cyan);font-size:2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.track-nav-btn:hover:not(:disabled){border-color:var(--primary-cyan);box-shadow:0 0 10px var(--glow-cyan)}.track-nav-btn:disabled{opacity:.3;cursor:not-allowed}.track-info-compact{flex:1;text-align:center}.track-title-compact{font-family:'Zen Dots',cursive;font-size:2rem;line-height:2rem;color:var(--primary-cyan);text-shadow:0 0 10px var(--glow-cyan);margin-bottom:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-counter{font-size:2rem;line-height:2rem;color:var(--text-secondary)}.active-btn{border:none;background:linear-gradient(135deg,var(--primary-red),#c41644);box-shadow:0 4px 15px var(--glow-red)!important;transition:all .2s ease}.player-controls-compact{flex:1;display:flex;align-items:flex-start;gap:1rem}.play-btn-compact{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-red),#c41644);border:none;color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 15px var(--glow-red);flex-shrink:0}.play-btn-compact:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--glow-red)}.play-btn-compact:active{transform:scale(.95)}.progress-wrapper{flex:1;display:flex;flex-direction:row;gap:.25rem;padding-top:5px}.progress-wrapper span{font-size:2rem;line-height:2rem}.progress-bar-compact{display:flex;flex:1;height:10px;background:var(--border-color);border-radius:4px;cursor:pointer;overflow:hidden;align-self:center;margin:0 1rem}.progress-fill-compact{height:100%;background:linear-gradient(90deg,var(--primary-red),var(--primary-cyan));width:0%;border-radius:4px;transition:width .1s ease}.time-display-compact{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);min-height:40px}.quality-selector-compact{display:flex;justify-content:center;gap:.25rem;margin:1rem}.quality-btn-compact{background:var(--darker-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:4px;font-size:1.2rem;cursor:pointer;transition:all .2s ease;font-family:'Josefin Sans',sans-serif}.quality-btn-compact.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red);box-shadow:0 0 8px var(--glow-red)}.quality-btn-compact:hover:not(.active){border-color:var(--primary-cyan);color:var(--primary-cyan)}#volume-control-wrapper{flex:1;display:flex;justify-content:center;padding:1rem 0}.volume-control-compact{display:flex;align-items:center;gap:1rem;min-width:45px}.volume-icon{font-size:.65rem;flex-shrink:0}#volume-control-wrapper input[type=range]{-webkit-appearance:none;flex:1;height:8px;background:var(--border-color);border-radius:4px;outline:0;cursor:pointer}#volume-control-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--primary-cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 6px var(--glow-cyan)}#volume-control-wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--primary-cyan);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 6px var(--glow-cyan)}.social-links-compact{display:flex;gap:.5rem;justify-content:center}.social-links-compact:empty{display:none}.social-link-compact{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;background:var(--darker-bg);border:1px solid var(--border-color);transition:all .2s ease}.social-link-compact:hover{border-color:var(--primary-cyan);box-shadow:0 0 10px var(--glow-cyan);transform:translateY(-2px)}.social-link-compact img{width:14px;height:14px}@media (max-width:1024px){.wave-background{width:66%;left:16.5%}.wave-bar{width:8px}}@media (max-width:768px){.track-title-compact{font-size:1.4rem;line-height:1.4rem}.track-counter{font-size:1.2rem;line-height:1.2rem}.progress-wrapper span{font-size:1.2rem;line-height:1.2rem}.wave-background{left:0;width:unset}.wave-bar{width:3px;border-radius:3px}}@media (max-width:480px){body{padding-bottom:240px}}