:root { --motion-ease: cubic-bezier(.22,.8,.22,1); }
::view-transition { pointer-events:none; }
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-old(root) { z-index: 1; }
::view-transition-new(root) { z-index: 2; }
::view-transition-group(root) { animation-duration: 0s; }
.site-settings[open]::backdrop { animation: ui-backdrop-in .3s ease-out; }
@keyframes ui-backdrop-in { from { background-color: transparent; backdrop-filter: blur(0); } to { background-color: #0006; backdrop-filter: blur(4px); } }
.site-settings::backdrop { background: #0006; backdrop-filter: blur(4px); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .site-settings[open]::backdrop { animation: none; }
}