/* Shared black surface and persistent header snapshots during native navigation. */
html{background:#000;scroll-behavior:smooth;scrollbar-gutter:stable}
.topbar{position:sticky;top:0;background:#000e;backdrop-filter:blur(16px)}
.brand-mark{view-transition-name:calythe-logo}
.nav-links{view-transition-name:calythe-navigation}
main{view-transition-name:calythe-content}
::view-transition-group(calythe-logo),::view-transition-group(calythe-navigation){animation-duration:180ms}
::view-transition-old(calythe-logo),::view-transition-new(calythe-logo){animation:none;mix-blend-mode:normal}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(calythe-content){animation:calythe-out 120ms ease-out both}
::view-transition-new(calythe-content){animation:calythe-in 220ms cubic-bezier(.2,.7,.2,1) both}
@keyframes calythe-out{to{opacity:0}}
@keyframes calythe-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}