@layer tokens{:root{--main-font:"Onest", "Inter", sans-serif;--mono-font:ui-monospace, SFMono-Regular, Menlo, monospace;font-synthesis:style;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--code:13px;--name:.75rem;--micro:.625rem;--cell:24px;--control:var(--step-6);--control-sm:calc(var(--cell) + var(--step-2));--ui:.875rem;--ui-sm:.8125rem;--step-1:3px;--step-2:6px;--step-3:12px;--step-4:18px;--step-5:24px;--step-6:36px;--quick:.12s;--ease:cubic-bezier(.2, .7, .3, 1);--bg:oklch(96.5% .004 264);--surface:oklch(100% 0 0);--ink:oklch(22% .012 264);--muted:oklch(52% .014 264);--faint:oklch(68% .012 264);--line:oklch(91% .006 264);--line-firm:oklch(85.5% .008 264);--accent:oklch(38% .035 264);--warn:oklch(54% .19 25);--emit:oklch(56% .14 75);--radius:36px;--radius-sm:12px;--lane-l:56%;--lane-c:.155;--lane-0:oklch(var(--lane-l) var(--lane-c) 241);--lane-1:oklch(var(--lane-l) var(--lane-c) 139);--lane-2:oklch(var(--lane-l) var(--lane-c) 343);--lane-3:oklch(var(--lane-l) var(--lane-c) 173);--lane-4:oklch(var(--lane-l) var(--lane-c) 309);--lane-5:oklch(var(--lane-l) var(--lane-c) 105);--lane-6:oklch(var(--lane-l) var(--lane-c) 275);--lane-7:oklch(var(--lane-l) var(--lane-c) 207);--wash:10%;--wash-firm:16%;--wash-hard:26%;--wash-full:42%;--quiet:.618;--dim:.382;--undone:.236}@media (prefers-color-scheme:dark){:root{--bg:oklch(13.5% .012 264);--surface:oklch(18.5% .012 264);--ink:oklch(96% .006 264);--muted:oklch(70% .012 264);--faint:oklch(54% .012 264);--line:oklch(27% .012 264);--line-firm:oklch(33% .014 264);--accent:oklch(90% .02 264);--warn:oklch(74% .16 28);--emit:oklch(82% .13 75);--lane-l:76%;--lane-c:.13}}*{box-sizing:border-box}.tag,.label{font:500 var(--micro)/1 var(--main-font);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:0}@supports (corner-shape:superellipse(1.25)){*{corner-shape:superellipse(1.25)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}}@layer controls{:where(button,.button,input,select,textarea){height:var(--control);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:400 var(--ui) / 1 var(--main-font);transition:border-color var(--quick) var(--ease), background-color var(--quick) var(--ease), color var(--quick) var(--ease)}:where(button,.button){justify-content:center;align-items:center;gap:var(--step-2);padding:0 var(--step-4);border-color:var(--line-firm);white-space:nowrap;cursor:pointer;font-weight:500;display:inline-flex}:where(button,.button):hover:not(:disabled,[aria-disabled=true]){border-color:var(--accent);color:var(--accent)}:where(button,.button):disabled,:where(button,.button)[aria-disabled=true]{opacity:var(--dim);cursor:not-allowed}:where(input,select,textarea){min-width:0;padding:0 var(--step-3);background:var(--bg)}:where(textarea){height:auto;padding:var(--step-3);resize:vertical;line-height:1.55}:where(select){padding-right:var(--step-5);cursor:pointer}:where(input,textarea)::placeholder{color:var(--faint)}:where(input,textarea):read-only{opacity:var(--quiet)}:where(input,select,textarea):hover:not(:disabled,:read-only){border-color:var(--line-firm)}:where(input,select,textarea):focus-visible,:where(button,.button):focus-visible{outline:2px solid var(--accent);outline-offset:var(--step-1)}:where(input,select,textarea)[aria-invalid=true]{border-color:var(--warn)}:where(.dense) :where(button,.button,input,select){height:var(--control-sm);padding:0 var(--step-3);font-size:var(--ui-sm)}:where(kbd){border:1px solid var(--line-firm);border-radius:var(--step-1);background:var(--bg);color:var(--ink);font:inherit;border-bottom-width:2px;padding:0 .32em;font-size:.85em;display:inline-block}}@layer page{:root{--radius:18px;--grid:color-mix(in oklab, var(--line) 70%, transparent);--accent-in:var(--surface);--shadow:0 1px 2px oklch(22% .012 264/.05), 0 8px 24px -12px oklch(22% .012 264/.18)}@media (prefers-color-scheme:dark){:root{--shadow:0 1px 2px oklch(0% 0 0/.4), 0 12px 32px -14px oklch(0% 0 0/.7)}}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-underline-offset:.18em}a:hover{text-decoration-color:currentColor}code{font:500 .9em/1 var(--mono-font);color:var(--ink)}.eyebrow{font-size:var(--micro);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:600}.lede{max-width:38rem;color:var(--muted);text-wrap:pretty;margin:0}.hint{gap:var(--step-1);font-size:var(--ui-sm);color:var(--faint);text-wrap:pretty;margin:0;padding:0;list-style:none;display:grid}.hint b,.hint code{color:var(--ink);font-weight:500}.stat{align-items:baseline;gap:var(--step-2);display:inline-flex}.stat .value{font:500 var(--ui) / 1.4 var(--mono-font);font-variant-numeric:tabular-nums}body{background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--main-font);margin:0;padding:clamp(1.5rem,5vw,3.5rem) 1.25rem 4rem}main{gap:2rem;max-width:44rem;margin:0 auto;display:grid}header{gap:.4rem;display:grid}h1{letter-spacing:-.021em;margin:0;font-size:clamp(1.5rem,4vw,1.9rem);font-weight:620}.links{flex-wrap:wrap;gap:.25rem 1rem;margin:.4rem 0 0;font-size:.88rem;display:flex}.links>span{white-space:nowrap}.alt{font:500 .85em/1 var(--mono-font);color:var(--faint);text-decoration:none}.alt:hover{color:var(--accent)}.cards{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:12rem 1fr;gap:1.25rem;padding:1rem;display:grid}@media (width<=34rem){.card{grid-template-columns:1fr}}.body{align-content:start;gap:.5rem;display:grid}h2{letter-spacing:-.011em;margin:0;font-size:1.05rem;font-weight:600}h2 a{color:inherit;text-decoration:none}h2 a:hover{color:var(--accent)}.about{color:var(--muted);text-wrap:pretty;margin:0}.tags{flex-wrap:wrap;gap:.35rem;margin:0;display:flex}.tags span{border:1px solid var(--line-firm);font:500 .72rem/1.5 var(--mono-font);color:var(--faint);border-radius:999px;padding:.14rem .5rem}.thumb{border:1px solid var(--line-firm);border-radius:var(--radius-sm);background:radial-gradient(circle at 1px 1px, var(--grid) 1px, transparent 0) 0 0 / 12px 12px, var(--bg);place-items:center;min-height:8rem;display:grid;position:relative;overflow:hidden}.rect{border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:2px;position:absolute;inset:28% 24%}.link{width:74%;color:var(--faint)}.link rect{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:1.5px}.link .rail{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:4 4}.link .msg{fill:var(--surface);stroke:var(--emit)}.queue{width:78%;color:var(--faint)}.queue .q{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:1.2px}.queue .key{fill:var(--surface);stroke:var(--emit);stroke-width:1.5px}.queue .rail{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:4 4}.graph{width:78%;color:var(--faint)}.graph rect{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:1.5px}.graph path{fill:none;stroke:currentColor;stroke-width:1.5px}.graph marker path{fill:currentColor;stroke:none}.rect:after{content:"";background-image:linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent));background-position:0 0,top,100% 0,0,100%,0 100%,bottom,100% 100%;background-repeat:no-repeat;background-size:6px 6px;position:absolute;inset:-3.5px}footer{color:var(--faint);font-size:.85rem}footer p{margin:0}}