/* Snowflakes */
.snowflake {
  position: fixed;
  top: -10px;
  z-index: 9999;
  font-size: 1em;
  color: white;
  user-select: none;
  pointer-events: none;
  animation-name: fall;
  animation-timing-function: linear;
}

@keyframes fall {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(100vh); opacity: 0.5; }
}

/* Dark mode example */
body.dark-mode {
  background: #121212;
  color: #f1f1f1;
}