/* Keep real document navigation and its draft/pagehide lifecycle intact. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}
@keyframes moe-page-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  /* Keep an opaque frame under the incoming page throughout the handoff. */
  ::view-transition-group(root) { animation: none; }
  ::view-transition-old(root) {
    animation: none;
    opacity: 1;
    mix-blend-mode: normal;
  }
  ::view-transition-new(root) {
    animation: moe-page-in 180ms ease-out both;
    mix-blend-mode: normal;
  }
  ::view-transition { pointer-events: none; }
}