/* Ordered first-paint entrances. Content remains readable while arriving. */
@media (prefers-reduced-motion: no-preference) {
  .overview-motion :is(.workspace-welcome, .app-page-intro, .workspace-chooser-header) {
    animation: overview-title-arrive 800ms cubic-bezier(.2,.65,.3,1) backwards;
  }
  .overview-motion :is(.voice-start, .start-feature, .dev-quickstart-card, .workspace-choice-card) {
    animation: overview-panel-arrive 850ms cubic-bezier(.2,.65,.3,1) 280ms backwards;
  }
  .overview-motion :is(.code-block-container, .start-shortcut) {
    animation: overview-panel-arrive 850ms cubic-bezier(.2,.65,.3,1) 460ms backwards;
  }
  .overview-motion .workspace-choice-card:nth-child(2) { animation-delay: 440ms; }
  .overview-motion .workspace-choice-card:nth-child(3) { animation-delay: 600ms; }
  .overview-motion .start-shortcut:nth-child(2) { animation-delay: 600ms; }
  .overview-motion .start-shortcut:nth-child(3) { animation-delay: 740ms; }
  .overview-motion :is(.workspace-section, .dev-quick-links, .model-notes, .workspace-footnote) {
    animation: overview-panel-arrive 850ms cubic-bezier(.2,.65,.3,1) 820ms backwards;
  }
}
@keyframes overview-title-arrive {
  from { translate: 0 10px; }
  to { translate: 0 0; }
}
@keyframes overview-panel-arrive {
  from { opacity: .45; translate: 0 16px; }
  to { opacity: 1; translate: 0 0; }
}
/* Keyboard actions never wait for animation; completed entrances never replay. */
.overview-motion :focus-within,
.overview-motion [data-overview-arrived],
.overview-motion[data-overview-static] * {
  animation: none !important;
}
/* The Developers tab already has a legacy fade; avoid two nested entrances. */
.overview-motion #tab-overview.active { animation: none; }
@media print {
  .overview-motion * { animation: none !important; }
}