:root{
  color-scheme:dark;
  background:#080b0f;
}
html,body{
  background:#080b0f;
}
html{
  scroll-behavior:smooth;
}

/* Chrome/Edge cross-document View Transitions. Other browsers ignore safely. */
@view-transition{
  navigation:auto;
}

::view-transition-old(root){
  animation:toaldo-v3-old 130ms cubic-bezier(.4,0,.2,1) both;
}
::view-transition-new(root){
  animation:toaldo-v3-new 180ms cubic-bezier(.2,.7,.2,1) both;
}

@keyframes toaldo-v3-old{
  from{opacity:1}
  to{opacity:.985}
}
@keyframes toaldo-v3-new{
  from{opacity:.965}
  to{opacity:1}
}

/* Never use a white navigation flash as fallback. */
html[data-toaldo-nav-pending="1"],
html[data-toaldo-nav-pending="1"] body{
  background:#080b0f!important;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  ::view-transition-old(root),
  ::view-transition-new(root){animation-duration:1ms!important}
}