.space-bg{z-index:0;pointer-events:none;background:var(--bg-space);transition:background .6s;position:fixed;inset:0;overflow:hidden}.space-bg__canvas{width:100%;height:100%;position:absolute;inset:0}.space-bg__aurora{filter:blur(80px);opacity:0;will-change:opacity, transform;mix-blend-mode:screen;width:160%;height:50%;position:absolute;left:-30%}.space-bg__aurora--1{background:linear-gradient(135deg,#10b9810a 0%,#06b6d408 30%,#6366f105 60%,#0000 100%);animation:20s ease-in-out infinite aurora-drift;top:-10%}.space-bg__aurora--2{background:linear-gradient(-45deg,#8b5cf608 0%,#0ea5e906 40%,#10b98105 70%,#0000 100%);animation:25s ease-in-out -8s infinite reverse aurora-drift;bottom:-15%}.space-bg__aurora--3{background:linear-gradient(90deg,#0000 0%,#06b6d406 30%,#34d39905 60%,#0000 100%);animation:30s ease-in-out -14s infinite aurora-drift;top:30%}@keyframes aurora-drift{0%,to{opacity:.3;transform:translate(0%)scaleY(1)}25%{opacity:.55;transform:translate(4%)scaleY(1.08)}50%{opacity:.4;transform:translate(-3%)scaleY(.95)}75%{opacity:.6;transform:translate(2%)scaleY(1.04)}}.space-bg__noise{opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.space-bg:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#00000040 100%);position:absolute;inset:0}[data-theme=light] .space-bg:after{background:0 0}[data-theme=light] .space-bg__noise{opacity:.012}