/* The same curtain is present before either document paints. */
@view-transition { navigation: none; }
html::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #101010;
  opacity: 0;
  pointer-events: none;
  transition: opacity 380ms cubic-bezier(.4,0,.2,1);
}
html.book-leaving::after,
html.book-arriving::after { opacity: 1; pointer-events: auto; }
html.book-arriving::after { transition: none; }
html.book-arriving.book-arrived::after {
  opacity: 0;
  transition: opacity 600ms cubic-bezier(.22,.61,.36,1);
}
.reader-main { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  html::after { display: none; transition: none; }
}