*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;scroll-behavior:smooth;background:#000;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}::selection{color:#000;background:#f1c40f}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.player-global{background:#0a0a0a;border-top:1px solid #222;padding:1rem}*{transition:all .2s ease-in-out}input[type=range].progress-dark{-webkit-appearance:none;cursor:pointer;background:#1a1a22;border-radius:4px;outline:none;width:100%;height:6px;position:relative}input[type=range].progress-dark::-webkit-slider-runnable-track{background:linear-gradient(90deg,#6b4cff,#b9aaff);border-radius:4px;height:6px;box-shadow:0 0 8px #6b4cff66}input[type=range].progress-dark::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-4px;transition:all .2s;box-shadow:0 0 10px #6b4cff}input[type=range].progress-dark::-webkit-slider-thumb:hover{box-shadow:0 0 14px #b9aaff}input[type=range].volume-dark{-webkit-appearance:none;cursor:pointer;background:#1a1a22;border-radius:4px;outline:none;width:100px;height:6px}input[type=range].volume-dark::-webkit-slider-runnable-track{background:linear-gradient(90deg,#6b4cff,#b9aaff);border-radius:4px;height:6px;box-shadow:0 0 8px #6b4cff66}input[type=range].volume-dark::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-4px;transition:all .2s;box-shadow:0 0 10px #6b4cff}input[type=range].volume-dark::-webkit-slider-thumb:hover{box-shadow:0 0 14px #b9aaff}@media (max-width:600px){.player-mobile{gap:.8rem!important;padding:.6rem!important}.player-mobile .info-title{max-width:100px;font-size:.75rem!important}.player-mobile .info-artist{opacity:.7;font-size:.65rem!important}.player-mobile .control-btn img{width:20px!important;height:20px!important}.player-mobile .volume-section{display:none!important}.player-mobile .progress-dark{height:4px!important}}@keyframes cathedralPulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-cathedral-animated{background-color:#050509;background-image:radial-gradient(circle at top,#6b4cff 0,#0000 55%),radial-gradient(circle at bottom,#b9aaff 0,#0000 55%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:12s ease-in-out infinite cathedralPulse}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cover-vinyl{border-radius:9999px;overflow:hidden;box-shadow:0 0 25px #6b4cff}.cover-vinyl-spin{animation:18s linear infinite vinylSpin}@keyframes fadeInSlow{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-fadeInSlow{animation:.6s ease-out forwards fadeInSlow}@keyframes waveText{0%{transform:scale(1)translateY(0)}50%{transform:scale(1.15)translateY(-4px)}to{transform:scale(1)translateY(0)}}.animate-waveText{animation:1.2s ease-in-out infinite waveText}