body[data-theme="galaxy"] {
  background:
    radial-gradient(circle at 20% 30%, rgba(170, 80, 255, .4), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(80, 200, 255, .3), transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(255, 100, 200, .2), transparent 60%),
    #050018;
  background-size: cover;
}
body[data-theme="galaxy"] .galaxy-star {
  position: absolute; background: white; border-radius: 50%;
  animation: twinkle 3s ease-in-out infinite;
}
body[data-theme="galaxy"] .nebula {
  position: fixed; inset: -10%;
  background: radial-gradient(ellipse, rgba(180, 100, 255, calc(.15 + .25 * var(--bass, 0))), transparent 60%);
  filter: blur(40px);
  animation: nebula-spin 60s linear infinite;
}
@keyframes nebula-spin { to { transform: rotate(360deg); } }
body[data-theme="galaxy"] .profile-card {
  box-shadow: 0 0 calc(50px + 80px * var(--bass, 0)) rgba(170, 80, 255, .6);
  transform: scale(calc(1 + 0.04 * var(--beat, 0)));
  transition: transform .08s linear;
}