@keyframes code-backdrop-scroll-down{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@keyframes code-backdrop-scroll-up{0%{transform:translate3d(0,-50%,0)}to{transform:translateZ(0)}}@keyframes code-backdrop-glow-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.08)}}.code-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.code-backdrop__base{position:absolute;inset:0;background:var(--page-bg)}.code-backdrop__glow{position:absolute;width:min(52vw,620px);height:min(52vw,620px);border-radius:50%;filter:blur(80px);opacity:var(--backdrop-glow-opacity);animation:code-backdrop-glow-drift 18s ease-in-out infinite}.code-backdrop__glow--teal{top:-12%;left:-8%;background:var(--backdrop-glow-teal)}.code-backdrop__glow--blue{right:-10%;bottom:-14%;background:var(--backdrop-glow-blue);animation-delay:-6s;animation-duration:22s}.code-backdrop__grid{position:absolute;inset:0;opacity:var(--backdrop-grid-opacity);background-image:linear-gradient(var(--backdrop-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--backdrop-grid-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,black 30%,transparent 100%)}.code-backdrop__column{position:absolute;top:-8%;width:min(38vw,420px);height:116%;opacity:var(--backdrop-code-opacity);-webkit-mask-image:linear-gradient(180deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(180deg,transparent,black 12%,black 88%,transparent)}.code-backdrop__column--left{left:2%}.code-backdrop__column--left .code-backdrop__track{gap:1.75rem}.code-backdrop__column--right{right:2%}.code-backdrop__column--right .code-backdrop__track{gap:1.75rem}.code-backdrop__track{display:flex;flex-direction:column;gap:2.5rem;will-change:transform;animation:code-backdrop-scroll-down var(--code-scroll-duration,90s) linear infinite}.code-backdrop__track--up{animation-name:code-backdrop-scroll-up}.code-backdrop__snippet{margin:0;padding:1.25rem 1.35rem;border-radius:12px;border:1px solid var(--backdrop-code-border);background:var(--backdrop-code-panel);font-family:ui-monospace,Cascadia Code,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(10px,.72vw,12px);line-height:1.55;white-space:pre-wrap;color:var(--backdrop-code-fg);box-shadow:0 12px 40px rgba(0,0,0,.12)}.code-backdrop__tok--kw{color:var(--accent-start)}.code-backdrop__tok--fn{color:var(--accent-end)}.code-backdrop__tok--str{color:var(--backdrop-code-string)}.code-backdrop__tok--cm{color:var(--backdrop-code-comment)}.code-backdrop__veil{position:absolute;inset:0;background:radial-gradient(ellipse 72% 64% at 50% 42%,var(--backdrop-veil-center) 0,transparent 62%)}@media(max-width:1024px){.code-backdrop{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.code-backdrop__column{width:min(44vw,320px);opacity:calc(var(--backdrop-code-opacity)*.65)}.code-backdrop__glow{filter:blur(64px)}}@media(max-width:768px){.code-backdrop__column{width:min(52vw,260px);opacity:calc(var(--backdrop-code-opacity)*.5)}.code-backdrop__snippet{font-size:9px;padding:.85rem .95rem}.code-backdrop__grid{background-size:36px 36px}.code-backdrop__glow{filter:blur(56px)}}@media(prefers-reduced-motion:reduce){.code-backdrop__glow,.code-backdrop__track{animation:none}}