/* Tailwind CSSがベースのため、カスタムCSSは最小限にとどめる */

@keyframes leaf-flutter {
  0% { transform: rotate(-15deg) translateY(0); }
  50% { transform: rotate(15deg) translateY(-15px); }
  100% { transform: rotate(-15deg) translateY(0); }
}

.leaf-animation {
  animation: leaf-flutter 1.5s infinite ease-in-out;
  color: #2E5C31;
  font-size: 3.5rem;
  display: inline-block;
}

/* Toast Animation Classes */
.toast-visible {
  transform: translate(-50%, 0) !important;
  opacity: 1 !important;
}