/* Minimal global styles; page styling lives in Tailwind utility classes. */

* {
  box-sizing: border-box;
}

/* Word cycle animation */
.word-cycle-wrapper {
  display: inline-block;
  overflow: visible;
  vertical-align: baseline;
  line-height: 1.15;
}

.word-cycle {
  display: inline-block;
  overflow: visible;
  line-height: 1.15;
  will-change: transform, opacity;
  transition: opacity 0.3s ease, transform 0.3s ease;
  background: linear-gradient(135deg, #6366f1, #a855f7, #c084fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 0 4px;
}

.word-cycle.word-exit {
  opacity: 0;
  transform: translateY(-5px);
}

.word-cycle.word-enter {
  animation: wordEnter 0.4s ease forwards;
}

@keyframes wordEnter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Flash toast animations */
@keyframes flash-slide-in {
  from { opacity: 0; transform: translateY(12px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes flash-progress {
  from { transform: scaleX(1); transform-origin: left; }
  to   { transform: scaleX(0); transform-origin: left; }
}