.code-page{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.code-page .site-header{z-index:2;height:auto;padding:32px 5%;position:relative}.code-page main{z-index:2;flex:1;padding-top:40px;position:relative}.code-page footer{z-index:2;position:relative}.code-page .section-heading{max-width:760px;margin:0 auto 56px}.code-page .code-title{letter-spacing:-.065em;margin:22px 0;font-size:clamp(38px,5vw,66px);line-height:1.06}.code-page .section-heading>p:last-child{color:var(--muted);font-size:12px;line-height:1.9}.code-backdrop-wall{z-index:0;filter:blur(6px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);align-content:center;gap:6vw;padding:0 4vw;display:grid;position:fixed;inset:-6vh -4vw;-webkit-mask-image:radial-gradient(70% 80% at 50% 45%,#0000 22%,#000 70%);mask-image:radial-gradient(70% 80% at 50% 45%,#0000 22%,#000 70%)}.code-backdrop-column{flex-direction:column;gap:4px;min-width:0;display:flex}.code-backdrop-column:nth-child(2){padding-top:18vh}.code-backdrop-column code{white-space:pre;color:#a9bccb;animation:code-type 36s steps(var(--chars), end) infinite both;animation-delay:calc(var(--delay) - 36s);font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.code-backdrop-column code:nth-child(4n){color:#c9855e}.code-backdrop-column code:nth-child(5n){color:#8eb5c9}@media (max-width:760px){.code-backdrop-wall{filter:blur(5px);opacity:.4;grid-template-columns:1fr}.code-backdrop-column:not(:first-child){display:none}}.code-stream{max-width:860px;min-height:60svh;margin:0 auto}.code-stream-file{letter-spacing:.04em;color:#8a9aa8;justify-content:space-between;gap:20px;margin-bottom:18px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.code-stream-status{color:var(--muted)}.code-stream-status:before{content:"";background:#c9855e;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:1s ease-in-out infinite code-pulse;display:inline-block}.code-stream-status.is-done:before{background:#8eb5c9;animation:none}.code-stream pre{letter-spacing:-.01em;color:#dfe7ee;text-shadow:0 0 18px #79a6c31f;margin:0;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.code-stream-line{gap:18px;min-height:23px;display:flex}.code-stream-line i{text-align:right;color:#58748a;-webkit-user-select:none;user-select:none;flex:0 0 26px;font-style:normal}.code-stream-line code{white-space:pre;overflow-x:auto}.tok-keyword{color:#8eb5c9}.tok-string{color:#e2c4ab}.tok-comment{color:#7c8b97}.code-stream-cursor{vertical-align:-2px;background:#c9855e;width:7px;height:15px;margin-left:2px;animation:.9s steps(2,start) infinite code-pulse;display:inline-block}@keyframes code-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.code-backdrop-column code{animation:none}}