: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: #6fdc8c;--accent-ink: #0b0c0a;--amber: #ffb347;--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%, #e4ffe9);--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: #1d7a3e;--accent-ink: #fff;--amber: #b86e00;--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%, #032611);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}.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{position:relative;display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);vertical-align:.05em}.dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:color-mix(in srgb,var(--ok) 60%,transparent);animation:ping 2.4s infinite}@keyframes ping{0%{transform:scale(1);opacity:1}70%,to{transform:scale(3);opacity:0}}.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)}@media(max-width:760px){.topbar{backdrop-filter:none;background:color-mix(in srgb,var(--bg) 94%,transparent)}}.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{flex:none;width:2rem;height:2rem}.brand-mark .cursor{fill:var(--accent)}.brand:hover .brand-mark path{stroke-dasharray:1;animation:retrace .6s ease-out backwards}.brand:hover .brand-mark path:nth-child(2){animation-delay:.12s}.brand:hover .brand-mark path:nth-child(3){animation-delay:.24s}.brand:hover .brand-mark .cursor{animation:cursor-blink 1s steps(1) .5s infinite}@keyframes retrace{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes cursor-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.brand:hover .brand-mark :is(path,.cursor){animation:none}}.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)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot:after{animation:none;opacity:0}}.viz:not([data-live]),.viz:not([data-live]) *{animation-play-state:paused!important}
