@view-transition { navigation: auto; }
::view-transition-old(root) { animation: tf-page-out 180ms ease both; }
::view-transition-new(root) { animation: tf-page-in 280ms ease both; }
@keyframes tf-page-out { to { opacity: 0; } }
@keyframes tf-page-in { from { opacity: 0; transform: translateY(12px); } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}