/*
 * Cross-document view transitions for the signed-out entry flow (welcome -> login -> sign up).
 * Browsers that support them (Chromium 126+, Safari 18.2+) cross-fade between pages instead of
 * flashing white while the next one loads - the single biggest source of "jank" when moving between
 * these full-screen mobile pages. Browsers that don't simply ignore the at-rule and navigate as
 * before. Linked only from those pages (both sides of a navigation must opt in), never app-wide.
 */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.22s;
  animation-timing-function: ease;
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}