body[data-theme="aurora"] {
  background: #050022;
  overflow: hidden;
}
body[data-theme="aurora"] .aurora-blob {
  position: fixed;
  border-radius: 50%;
  filter: blur(40px);
  opacity: calc(.4 + .25 * var(--bass, 0));
  animation: aurora-float 25s ease-in-out infinite;
  will-change: transform;
}
@keyframes aurora-float {
  0%, 100% { transform: translate(0,0) scale(1); }
  33% { transform: translate(20vw, -10vh) scale(1.2); }
  66% { transform: translate(-15vw, 15vh) scale(.9); }
}
body[data-theme="aurora"] .profile-card {
  background: rgba(10, 10, 30, .85);
  border: 1px solid rgba(150, 200, 255, .2);
  box-shadow: 0 0 calc(30px + 40px * var(--bass, 0)) rgba(100, 200, 255, .35);
  transform: scale(calc(1 + 0.025 * var(--beat, 0)));
  transition: transform .1s linear;
}