/* Same-origin pages keep their own native links, history and loading behavior. */
@view-transition { navigation: auto; }
.header .brand, .site-header .brand, .qr-header .qr-brand { view-transition-name: studio-brand; }
.quantum-title { view-transition-name: quantum-title; }
::view-transition-group(studio-brand), ::view-transition-group(quantum-title) { animation-duration: 480ms; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
::view-transition-old(root) { animation: studio-page-out 180ms ease-out both; }
::view-transition-new(root) { animation: studio-page-in 400ms cubic-bezier(.2, .8, .2, 1) both; }
@keyframes studio-page-out { to { opacity: 0; transform: translateY(-8px); } }
@keyframes studio-page-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html:not(.motion-opt-in)::view-transition-group(*) { animation-duration: 0s !important; } }
html:has(body.paused) { view-transition-name: none; }