body{isolation:isolate}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1;inset:-80px;will-change:transform}
body::before{background:radial-gradient(ellipse at 92% 18%,rgba(0,173,225,.14),transparent 43%),radial-gradient(ellipse at 4% 82%,rgba(0,118,155,.09),transparent 42%);animation:studio-glow 24s ease-in-out infinite alternate}
body::after{background-image:linear-gradient(rgba(0,118,155,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,118,155,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(110deg,transparent 12%,#000 65%,transparent 95%);animation:studio-grid 36s linear infinite}
[data-theme="dark"] body::before{background:radial-gradient(ellipse at 90% 18%,rgba(0,173,225,.13),transparent 45%),radial-gradient(ellipse at 4% 82%,rgba(69,197,233,.07),transparent 40%)}
[data-theme="dark"] body::after{background-image:linear-gradient(rgba(69,197,233,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(69,197,233,.055) 1px,transparent 1px)}
@keyframes studio-glow{from{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(2%,3%,0) scale(1.07)}}
@keyframes studio-grid{from{transform:translate3d(0,0,0)}to{transform:translate3d(80px,80px,0)}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none;will-change:auto}}