body {
  font-family: 'Great Vibes', cursive;
  text-align: center;
  background-color: #fff0f5;
  transition: background-color 0.5s ease;
}

header {
  padding: 1em;
  background-color: #ffb6c1;
}

#mood-toggle button {
  font-size: 1.5em;
  margin: 0.5em;
  cursor: pointer;
}

#quiz-container {
  margin-top: 2em;
}

#options button {
  display: block;
  margin: 0.5em auto;
  padding: 0.5em 1em;
  cursor: pointer;
}

.hidden {
  display: none;
}

/* Mood themes */
body.flirty { background-color: #ffe4e1; }
body.chill { background-color: #e0ffff; }
body.spicy { background-color: #ff6347; }

body.emo { background-color: #d3d3d3; }
@keyframes float {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(-100vh); opacity: 0; }
}

.heart {
  position: absolute;
  bottom: -50px;
  font-size: 2em;
  animation: float 10s linear infinite;
  color: #ff69b4;
}