.music-player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--slider-bg, #e0e0e0);outline:none;cursor:pointer}.music-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--slider-thumb-bg, #4a90e2);cursor:pointer;transition:all .2s ease}.music-player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #4a90e266}.music-player-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--slider-thumb-bg, #4a90e2);cursor:pointer;border:none;transition:all .2s ease}.music-player-volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #4a90e266}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}html{background-color:#0f172a}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;background-color:#0f172a}html[data-theme=light],html[data-theme=light] body{background-color:#f8fafc}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes winnerPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #22c55e66}50%{transform:scale(1.1);box-shadow:0 8px 24px #22c55e99}}@keyframes winnerGlow{0%,to{box-shadow:0 0 10px #22c55e80,0 0 20px #22c55e4d,0 4px 12px #22c55e66}50%{box-shadow:0 0 20px #22c55ecc,0 0 40px #22c55e80,0 8px 24px #22c55e99}}@keyframes winnerCelebration{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.15) rotate(-3deg)}to{transform:scale(1.1) rotate(0)}}@keyframes winnerShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes loserShake{0%,to{transform:translate(0) translateY(0)}10%,30%,50%,70%,90%{transform:translate(-3px) translateY(2px)}20%,40%,60%,80%{transform:translate(3px) translateY(2px)}}@keyframes loserPulse{0%,to{opacity:1;box-shadow:0 4px 16px #ef44444d}50%{opacity:.9;box-shadow:0 6px 20px #ef444480}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce .6s ease-in-out}.animate-winner-pulse{animation:winnerPulse 1s ease-in-out infinite}.animate-winner-glow{animation:winnerGlow 1.5s ease-in-out infinite}.animate-winner-celebration{animation:winnerCelebration .6s ease-out}.animate-winner-shake{animation:winnerShake .5s ease-in-out}.animate-loser-shake{animation:loserShake .6s ease-in-out}.animate-loser-pulse{animation:loserPulse 2s ease-in-out infinite}@keyframes giftFly{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}@keyframes giftConfetti{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.1) translateY(-10px)}50%{transform:scale(1.2) translateY(-20px)}75%{transform:scale(1.1) translateY(-10px)}}@keyframes giftHearts{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes giftStars{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@keyframes giftFireworks{0%{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:1}}@keyframes giftRainbow{0%,to{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}}@keyframes giftPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.animate-gift-fly{animation:giftFly 2s ease-out}.animate-gift-confetti{animation:giftConfetti 1s ease-in-out infinite}.animate-gift-hearts{animation:giftHearts 1s ease-in-out infinite}.animate-gift-stars{animation:giftStars 1.5s ease-in-out infinite}.animate-gift-fireworks{animation:giftFireworks 1s ease-out}.animate-gift-rainbow{animation:giftRainbow 2s ease-in-out infinite}@media (max-width: 640px){.mobile-text-sm{font-size:.875rem}.mobile-padding{padding:1rem}}