/* A single transition path avoids double fades and transformed page geometry. */
@view-transition{navigation:auto}
html{scrollbar-gutter:stable;background:#071728}
html[data-page-flow=preparing],html[data-page-flow=arriving],html[data-page-flow=ready]{scroll-behavior:auto!important}
html[data-page-flow=preparing] body{opacity:0!important;pointer-events:none}
html[data-page-flow=leaving] body{opacity:0;transition:opacity .14s ease-in;pointer-events:none}
html[data-page-flow=arriving] body{animation:flow-arrive .36s cubic-bezier(.2,.7,.3,1) both}
@keyframes flow-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html[data-page-flow=leaving] body{opacity:1;transition:none}html[data-page-flow=arriving] body{animation:none}}
.motion-paused[data-page-flow=leaving] body{opacity:1;transition:none}.motion-paused[data-page-flow=arriving] body{animation:none}

::view-transition-old(root){animation:flow-out .22s ease both}::view-transition-new(root){animation:flow-arrive .32s ease both}
@keyframes flow-out{to{opacity:0}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}