/* Shared page navigation: a short alabaster-white interlude. */
@view-transition {
  navigation: auto;
}

::view-transition {
  background: #fbfbfb;
}

@keyframes eluna-page-fade-out {
  to { opacity: 0; }
}

@keyframes eluna-page-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

::view-transition-old(root) {
  animation: 110ms ease-in both eluna-page-fade-out;
}

::view-transition-new(root) {
  animation: 190ms ease-out 35ms both eluna-page-fade-in;
}

.eluna-page-transition__veil {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #fbfbfb;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 160ms ease, visibility 0s linear 160ms;
}

.eluna-page-transition__veil.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
  .eluna-page-transition__veil { transition: none; }
}