/* Native transitions preserve normal URLs, history and form navigation. */
@view-transition { navigation: auto; }
html { background: #050815; }
::view-transition-old(root) { animation: page-out 180ms ease-in both; }
::view-transition-new(root) { animation: page-in 360ms cubic-bezier(.22,1,.36,1) both; }
@keyframes page-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes page-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}