@view-transition { navigation: auto; }
::view-transition-old(root) { animation: kh-fade-out 160ms ease both; }
::view-transition-new(root) { animation: kh-fade-in 220ms ease both; }
html { background: #f8f4ee; }
html body { opacity: 1; transition: opacity 150ms ease; }
html.page-is-leaving body { opacity: 0; }
@keyframes kh-fade-out { to { opacity: 0; transform: translateY(-3px); } }
@keyframes kh-fade-in { from { opacity: 0; transform: translateY(3px); } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),::view-transition-new(root) { animation: none; }
  html body { transition: none; }
}