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

@keyframes card-in {
  from { opacity: 0; transform: translateY(10px) scale(0.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.card, .continue-card {
  animation: card-in var(--duration-medium) var(--ease-standard) backwards;
}

.screen > *:nth-child(1) { animation-delay: 0ms; }
.screen > *:nth-child(2) { animation-delay: 40ms; }
.screen > *:nth-child(3) { animation-delay: 80ms; }
.screen > *:nth-child(4) { animation-delay: 120ms; }
.screen > *:nth-child(5) { animation-delay: 160ms; }
.screen > *:nth-child(6) { animation-delay: 200ms; }
.screen > *:nth-child(7) { animation-delay: 240ms; }

@keyframes pulse-dot {
  0%, 100% { box-shadow: 0 0 0 5px var(--color-accent-soft); }
  50% { box-shadow: 0 0 0 8px var(--color-accent-soft); }
}

.timeline-item.is-current .timeline-item__dot {
  animation: pulse-dot 2.2s var(--ease-standard) infinite;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}