/* Pending state — hidden until JS initializes, fallback after 2s */
.serega-pending {
  opacity: 0;
  animation: serega-fallback 0s 2s forwards;
}
@keyframes serega-fallback {
  to { opacity: 1; }
}

/* Serega Gentle */
.serega-gentle {
  display: inline;
  perspective: 900px;
  transform-style: preserve-3d;
}
.serega-gentle__word {
  display: inline-block;
  white-space: nowrap;
}
.serega-gentle__unit {
  display: inline-block;
  backface-visibility: hidden;
  transform-origin: 50% 55%;
  white-space: pre;
  will-change: opacity, transform;
}

/* Serega Emotional */
.serega-emotional {
  display: inline;
}
.serega-emotional__word {
  display: inline-block;
  white-space: nowrap;
}
.serega-emotional__unit {
  display: inline-block;
  transform-origin: 50% 55%;
  white-space: pre;
  will-change: opacity, filter, transform;
}

@media (prefers-reduced-motion: reduce) {
  .serega-gentle__unit,
  .serega-emotional__unit {
    will-change: auto;
  }
}