:root{--noise-pattern:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E%3C/svg%3E")}body:before{content:"";background-image:var(--noise-pattern);pointer-events:none;z-index:-1;opacity:.06;mix-blend-mode:multiply;background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}.dark body:before{opacity:.09;mix-blend-mode:screen}body:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:80px 80px;animation:3s ease-in-out infinite grid-scan;position:fixed;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 0%,#000 40% 60%,#0000 100%);mask-image:linear-gradient(135deg,#0000 0%,#000 40% 60%,#0000 100%);-webkit-mask-position:-100% -100%;mask-position:-100% -100%;-webkit-mask-size:200% 200%;mask-size:200% 200%}.dark body:after{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px)}@keyframes grid-scan{0%{-webkit-mask-position:-100% -100%;mask-position:-100% -100%}50%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 100%;mask-position:100% 100%}}@media (prefers-reduced-motion:reduce){body:after{animation:none;-webkit-mask-position:0 0;mask-position:0 0}}