.music-animation{pointer-events:none;isolation:isolate;background:radial-gradient(at 70% 40%,#632dbe33,#0000 48%),radial-gradient(at 25% 70%,#00aaff1f,#0000 45%);position:absolute;inset:0;overflow:hidden}.music-animation__glow{filter:blur(85px);opacity:.18;border-radius:50%;width:280px;height:280px;animation:8s ease-in-out infinite alternate music-glow;position:absolute}.music-animation__glow--one{background:#00c8ff;top:10%;left:15%}.music-animation__glow--two{background:#b52cff;animation-delay:-4s;bottom:0;right:10%}.music-animation__notes{position:absolute;inset:0}.music-animation__note{color:#9c8cff;text-shadow:0 0 18px #875affcc;font-size:clamp(24px,4vw,48px);animation:12s linear infinite music-float;position:absolute;bottom:-70px}.music-animation__note:nth-child(odd){color:#45d8ff}.music-animation__waves{opacity:.7;justify-content:center;align-items:center;gap:5px;height:100px;display:flex;position:absolute;bottom:14%;left:5%;right:5%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.music-animation__bar{transform-origin:50%;background:linear-gradient(#c05cff,#00c8ff);border-radius:10px;width:4px;max-width:1.5%;height:20%;animation:1.4s ease-in-out infinite alternate music-wave;box-shadow:0 0 12px #695aff80}@keyframes music-float{0%{opacity:0;transform:translateY(0)rotate(-15deg)}15%{opacity:.9}85%{opacity:.8}to{opacity:0;transform:translateY(-115vh)rotate(25deg)}}@keyframes music-wave{0%{transform:scaleY(.3)}to{transform:scaleY(3.5)}}@keyframes music-glow{0%{transform:translate(0)scale(.9)}to{transform:translate(60px,-30px)scale(1.2)}}@media (prefers-reduced-motion:reduce){.music-animation *,.music-animation :before,.music-animation :after{animation:none!important}}