:root{--bg: #0b0c0a;--bg-2: #111310;--panel: #151713;--panel-2: #1b1e19;--line: rgba(236, 234, 224, .09);--line-2: rgba(236, 234, 224, .18);--ink: #eceae2;--dim: #a3a197;--faint: #6b6a62;--accent: #ff5a36;--accent-ink: #0b0c0a;--amber: #ffb347;--cool: #84c8ff;--ok: #7ee081;--pen: #ff6b6b;--glow: 0 0 .9rem color-mix(in srgb, var(--accent) 55%, transparent);--l0: #1d201b;--l1: color-mix(in srgb, var(--accent) 30%, #1d201b);--l2: color-mix(in srgb, var(--accent) 55%, #1d201b);--l3: color-mix(in srgb, var(--accent) 80%, #1d201b);--l4: color-mix(in srgb, var(--accent) 70%, #ffd7b0);--font-display: "Arial Narrow", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;--font-hand: "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;--wrap: 1200px;--gutter: clamp(16px, 4vw, 48px);--radius: 14px;color-scheme:dark}:root[data-scheme=light]{--bg: #f3f1e9;--bg-2: #ebe8dd;--panel: #fbfaf5;--panel-2: #f1efe6;--line: rgba(22, 21, 18, .1);--line-2: rgba(22, 21, 18, .2);--ink: #161512;--dim: #57554d;--faint: #8f8c81;--accent: #e4401b;--accent-ink: #fff;--amber: #b86e00;--cool: #1d5fd8;--ok: #1f8a3b;--pen: #c8102e;--l0: #e2dfd3;--l1: color-mix(in srgb, var(--accent) 28%, #e2dfd3);--l2: color-mix(in srgb, var(--accent) 52%, #e2dfd3);--l3: color-mix(in srgb, var(--accent) 78%, #e2dfd3);--l4: color-mix(in srgb, var(--accent) 85%, #3a0d00);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img,svg,canvas{display:block;max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.02;letter-spacing:-.015em;text-wrap:balance}p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono)}.label{font:500 .72rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:ping 2.4s infinite;vertical-align:.05em}@keyframes ping{70%{box-shadow:0 0 0 .5rem transparent}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.05rem;border:1px solid var(--line-2);border-radius:999px;font:500 .88rem/1 var(--font-mono);text-decoration:none;color:var(--ink);background:transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.btn:hover{border-color:var(--ink);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none}.chip{padding:.28rem .6rem;border:1px solid var(--line-2);border-radius:999px;font:.74rem/1.2 var(--font-mono);color:var(--dim)}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px) saturate(1.2);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;gap:1.25rem;height:3.6rem}.brand{display:flex;align-items:center;gap:.6rem;font:600 .95rem/1 var(--font-mono);text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:6px;background:var(--accent);color:var(--accent-ink);font:700 .8rem/1 var(--font-mono)}.topnav{display:flex;gap:.25rem;margin-left:auto}.topnav a{padding:.45rem .7rem;border-radius:8px;font:.85rem/1 var(--font-mono);color:var(--dim);text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--ink);background:var(--panel-2)}.scheme{display:grid;flex:none;place-items:center;width:2rem;height:2rem;margin-left:.25rem;padding:0;border:1px solid var(--line-2);border-radius:8px;color:var(--dim);background:none;cursor:pointer}.scheme:hover{color:var(--ink);background:var(--panel-2)}.scheme svg{width:1rem;height:1rem}:root[data-scheme=light] .scheme .sun,:root:not([data-scheme=light]) .scheme .moon{display:none}@media(max-width:560px){.brand-name{display:none}.topnav{gap:0}.topnav a{padding:.45rem .4rem;font-size:.8rem}}@media(max-width:379px){.topnav a[href="/#activity"]{display:none}}.section{padding-block:clamp(4rem,9vw,7.5rem);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1rem 3rem;align-items:end;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-head h2{font-size:clamp(2.2rem,5vw,3.8rem)}.section-head .num{color:var(--accent)}.section-head p{color:var(--dim);max-width:36rem}@media(max-width:760px){.section-head{grid-template-columns:1fr}}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tile{display:grid;gap:.3rem;align-content:start;padding:1rem 1.1rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.tile b{font:700 clamp(1.7rem,3vw,2.4rem) / 1 var(--font-display)}.tile:first-child b{color:var(--accent)}.note{display:inline-block;color:var(--pen);font:600 1.45rem/1.05 var(--font-hand);transform:rotate(var(--tilt, -3deg))}.fx .rise{opacity:0;transform:translateY(1.25rem);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d, 0s)}.fx .rise.seen{opacity:1;transform:none}.footer{padding-block:2.5rem 3rem;border-top:1px solid var(--line);color:var(--faint);font:.8rem/1.6 var(--font-mono)}.footer .wrap{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between}.footer a{color:var(--dim)}.prose{max-width:44rem;color:var(--dim);font-size:1.05rem}.prose>*+*{margin-top:1.1em}.prose a,.prose strong{color:var(--ink)}.prose h2{margin-top:2.6rem;color:var(--ink);font-size:clamp(1.6rem,3vw,2.1rem)}.prose h3{margin-top:1.8rem;color:var(--ink);font-size:1.25rem}.prose :is(h2,h3)+*{margin-top:.7em}.prose ul,.prose ol{padding-left:1.2rem}.prose li::marker{color:var(--accent)}.prose :not(pre)>code{padding:.1em .35em;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font:.86em var(--font-mono)}.prose pre code[class*=language-]{color:var(--ink)}.prose table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.92rem}.prose th,.prose td{padding:.55rem .9rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.prose th{color:var(--ink);font:600 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.prose td strong{color:var(--accent)}.prose blockquote{padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--accent);color:var(--ink)}.prose figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.prose figure figcaption{margin-top:.6rem;text-align:center;font:.8rem var(--font-mono);color:var(--faint)}.prose li+li{margin-top:.4em}.prose .shots{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.prose .shots img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.prose .video-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2)}.prose .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.prose>iframe{display:block;width:100%;aspect-ratio:16 / 9;border-radius:10px;border:1px solid var(--line);background:var(--panel-2)}.prose pre,.spec pre{position:relative;overflow-x:auto;padding:1.25rem 1.4rem;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font:.86rem/1.4 var(--font-mono);white-space:pre}.prose .caption{margin-top:.6rem;text-align:center;font:.8rem var(--font-mono);color:var(--faint)}.pkt{position:absolute;top:0;left:0;width:.6em;height:.6em;margin:-.3em 0 0 -.3em;border-radius:50%;background:var(--accent);box-shadow:0 0 .7em var(--accent);opacity:0;pointer-events:none;will-change:transform}.pkt:after{content:"";position:absolute;top:50%;width:2.4em;height:2px;margin-top:-1px;opacity:.55}.pkt.r:after{right:50%;background:linear-gradient(to left,var(--accent),transparent)}.pkt.l:after{left:50%;background:linear-gradient(to right,var(--accent),transparent)}.pkt.land{animation:land .5s ease-out}@keyframes land{50%{box-shadow:0 0 0 .5em color-mix(in srgb,var(--accent) 30%,transparent)}}.fx-ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;margin-top:.8rem;font:.8rem var(--font-mono);color:var(--dim)}.fx-ctl input{accent-color:var(--accent);width:12rem}.fx-ctl output{min-width:7ch;color:var(--ink)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot{animation:none}}.themed{--bg: var(--t-bg-d);--bg-2: var(--t-bg2-d);--panel: var(--t-panel-d);--ink: var(--t-ink-d);--dim: var(--t-dim-d);--accent: var(--t-accent-d);--accent-ink: var(--t-accentInk-d)}:root[data-scheme=light] .themed{--bg: var(--t-bg-l);--bg-2: var(--t-bg2-l);--panel: var(--t-panel-l);--ink: var(--t-ink-l);--dim: var(--t-dim-l);--accent: var(--t-accent-l);--accent-ink: var(--t-accentInk-l)}.themed{--panel-2: color-mix(in srgb, var(--panel) 92%, var(--ink));--line: color-mix(in srgb, var(--ink) 10%, transparent);--line-2: color-mix(in srgb, var(--ink) 19%, transparent);--faint: color-mix(in srgb, var(--dim) 65%, var(--bg));--glow: 0 0 .9rem color-mix(in srgb, var(--accent) 50%, transparent);color:var(--ink)}.themed[data-theme=lupyd] .viz{background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--ink) 9%,transparent),transparent 70%),var(--bg-2)}.themed[data-theme=firefly] .viz{background:radial-gradient(3px 3px at 12% 22%,color-mix(in srgb,var(--accent) 70%,transparent),transparent),radial-gradient(2px 2px at 78% 14%,color-mix(in srgb,var(--accent) 60%,transparent),transparent),radial-gradient(3px 3px at 64% 82%,color-mix(in srgb,var(--accent) 55%,transparent),transparent),radial-gradient(2px 2px at 30% 70%,color-mix(in srgb,var(--accent) 50%,transparent),transparent),radial-gradient(60% 50% at 50% 110%,color-mix(in srgb,var(--accent) 14%,transparent),transparent),var(--bg-2)}.themed[data-theme=noon] .viz{background:radial-gradient(40% 55% at 92% -10%,color-mix(in srgb,#f3aa4a 30%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 18px 18px,var(--bg-2)}.themed[data-theme=postgres-with-quic] .viz{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 24px 24px,var(--bg-2)}.themed[data-theme=light] .viz{background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--accent) 10%,transparent) 50%,transparent 65%),radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 18px 18px,var(--bg-2)}.themed[data-theme=filter-rs] .viz{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 3px),var(--bg-2)}.themed[data-theme=mantis] .viz{background:radial-gradient(70% 60% at 0% 100%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 18px 18px,var(--bg-2)}.themed[data-theme=lupyd] :is(h1,h3){letter-spacing:-.03em}.themed[data-theme=firefly] :is(h1,h3){text-shadow:0 0 1.4rem color-mix(in srgb,var(--accent) 35%,transparent)}.themed[data-theme=noon] :is(h1,h3){font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600}.themed[data-theme=infinity] :is(h1,h3){text-transform:uppercase;letter-spacing:.08em}.themed[data-theme=light] :is(h1,h3){font-weight:300}.themed[data-theme=filter-rs] :is(h1,h3),.themed[data-theme=mantis] :is(h1,h3){font-family:var(--font-mono);letter-spacing:-.04em}.themed[data-theme=filter-rs] :is(h1,h3):before{content:"$ ";color:var(--accent)}