/* Shared wallpaper and transitions: the same cached artwork on every page. */
html { background:#04040a;color-scheme:dark; }
body { background-color:transparent!important;background-image:none!important; }
html::before {
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(#04040a4d,#04040a8c),url('/assets/space-bg.webp?v=20260923') center/cover no-repeat,#04040a;
}
@media(max-width:820px) {
 html::before { background:linear-gradient(#04040a33,#04040a70),url('/assets/space-bg.webp?v=20260923') 90% center/cover no-repeat,#04040a; }
}
@view-transition { navigation:auto; }
main { view-transition-name:nexus-content; }
::view-transition-old(root),::view-transition-new(root) { animation:none;mix-blend-mode:normal; }
::view-transition-old(root) { display:none; }
::view-transition-group(nexus-content) { animation-duration:.22s; }
::view-transition-old(nexus-content) { animation:nx-content-out .18s ease both; }
::view-transition-new(nexus-content) { animation:nx-content-in .26s ease both; }
@keyframes nx-content-out { to{opacity:0} }
@keyframes nx-content-in { from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none} }
@media(prefers-reduced-motion:reduce) {
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
}
