/* Navigation uses only opacity and transform, without snapshots or effect canvases. */
.bottom-sheet{animation:quiet-sheet-enter .74s cubic-bezier(.32,.08,.2,1) both}
.sheet-overlay{animation:quiet-backdrop-enter .44s ease both}
@keyframes quiet-sheet-enter{from{opacity:.8;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes quiet-backdrop-enter{from{opacity:0}to{opacity:1}}
.motion-off .bottom-sheet,.motion-off .sheet-overlay{animation:none!important}
@media(prefers-reduced-motion:reduce){.bottom-sheet,.sheet-overlay{animation:none!important}}

/* Crossfade complete scenes; never expose a white document between snapshots. */
html{background:#0b151f;view-transition-name:root}
.content,.sheet-overlay{view-transition-name:none}
::view-transition{pointer-events:none}
::view-transition-group(root){animation-duration:.56s}
::view-transition-old(root){animation:scene-away .56s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal}
::view-transition-new(root){animation:scene-arrive .56s cubic-bezier(.4,0,.2,1) both;mix-blend-mode:normal}
@keyframes scene-away{from{opacity:1;transform:none}to{opacity:0;transform:translate(calc(var(--page-x) * -.5),calc(var(--page-y) * -.5))}}
@keyframes scene-arrive{from{opacity:0;transform:translate(var(--page-x),var(--page-y))}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}