body[data-theme="hearts"] {
  background: linear-gradient(180deg, #200010 0%, #4a0028 50%, #200010 100%);
}
body[data-theme="hearts"] .heart {
  position: absolute;
  font-size: 18px;
  color: #ff4d8a;
  animation: heart-rise linear infinite;
  filter: drop-shadow(0 0 calc(6px * var(--bass, 0)) #ff4d8a);
}
@keyframes heart-rise {
  0% { transform: translateY(110vh) scale(0.5); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateY(-100px) scale(1.3); opacity: 0; }
}
body[data-theme="hearts"] .profile-card {
  box-shadow: 0 0 calc(40px + 60px * var(--bass, 0)) rgba(255, 77, 138, .6);
  transform: scale(calc(1 + 0.04 * var(--beat, 0)));
  transition: transform .08s linear;
}