:root{--bg: #f1f0ec;--ink: #121212;--muted: #7a7873;--line: rgb(18 18 18 / .12);--signal: #ff4d00;--gutter: clamp(16px, 4vw, 48px);--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0e0e0d;--ink: #ecebe6;--muted: #807e78;--line: rgb(236 235 230 / .12);color-scheme:dark}}body{color:var(--ink);background:var(--bg);font:400 16px/1.5 Geist,ui-sans-serif,system-ui,sans-serif;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav,.meta,.foot,.num,.author,.tech,.state,.row--head,small,kbd,.cmd,code{font-family:Geist Mono,ui-monospace,monospace}::selection{background:var(--signal);color:#fff}html{scrollbar-color:var(--muted) var(--bg);caret-color:var(--signal)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.num,.coords,[data-clock]{font-variant-numeric:tabular-nums}.ico{display:inline-block;width:.95em;height:.95em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px var(--gutter);font-size:12px;letter-spacing:.02em;border-bottom:1px dashed var(--line)}.brand{color:inherit;text-decoration:none;font-weight:500}.caret{animation:blink 1s steps(1) infinite;color:var(--signal)}@keyframes blink{50%{opacity:0}}.meta{display:flex;gap:24px;align-items:center;color:var(--muted)}.toggle{font:inherit;color:inherit;background:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:4px 10px;text-decoration:none;white-space:nowrap;transition:color .3s,border-color .3s}.toggle:hover,.toggle[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}kbd{font-size:10px;opacity:.6}main{flex:1}.hero{position:relative;margin:clamp(48px,10vw,128px) var(--gutter) clamp(64px,10vw,128px);padding:clamp(24px,4vw,48px)}h1{max-width:22ch;margin:0;font-weight:500;font-size:clamp(2.5rem,6.4vw,6rem);line-height:.98;letter-spacing:-.04em;text-wrap:balance;animation:rise .9s var(--ease) both}h1 em{font-style:normal;color:var(--signal)}.lede{max-width:52ch;margin:28px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:var(--muted);animation:rise .9s .1s var(--ease) both}.crop{position:absolute;width:14px;height:14px;border:0 solid var(--muted)}.crop--tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.crop--tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.crop--bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.crop--br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.index{margin:0 var(--gutter) clamp(64px,10vw,128px)}.index ol{list-style:none;margin:0;padding:0}.index li{animation:rise .7s calc(.2s + var(--i) * .06s) var(--ease) both}.row{display:grid;grid-template-columns:4rem 1fr minmax(0,9rem) minmax(0,11rem) 7rem;align-items:baseline;gap:16px;padding:18px 12px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background-color .4s var(--ease),color .4s var(--ease)}.row--head{font-size:11px;color:var(--muted);padding-block:10px;text-transform:lowercase}.row--head>:last-child{text-align:right}.num,.author,.tech,.state{font-size:12px;color:var(--muted)}.state{text-align:right}.name{font-size:clamp(22px,3vw,34px);font-weight:500;letter-spacing:-.03em;transition:transform .5s var(--ease)}.name small{font-size:11px;letter-spacing:0;color:var(--muted);margin-left:8px;vertical-align:middle}.arrow{width:14px;height:14px;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.arrow{display:inline-block;opacity:0;transform:translate(-8px);transition:opacity .3s,transform .5s var(--ease)}a.row:hover,a.row:focus-visible{background:var(--ink);color:var(--bg);outline:none}a.row:hover .name,a.row:focus-visible .name{transform:translate(12px)}a.row:hover :is(.num,.author,.tech,.state,small),a.row:focus-visible :is(.num,.author,.tech,.state,small){color:var(--signal)}a.row:hover .arrow,a.row:focus-visible .arrow{opacity:1;transform:none}.is-empty{color:var(--muted);border-bottom-style:dashed}.is-empty .name{justify-self:start;line-height:1;padding:0 .08em;color:transparent;background:var(--ink);-webkit-user-select:none;user-select:none;rotate:-.4deg}li:nth-child(2n) .is-empty .name{rotate:.3deg}.contribute{margin:0 var(--gutter) clamp(64px,10vw,128px);padding-top:clamp(48px,8vw,96px);border-top:1px dashed var(--line)}.contribute h2{max-width:20ch;margin:0;font-weight:500;font-size:clamp(2rem,4.6vw,4rem);line-height:1;letter-spacing:-.04em}.contribute h2 em{font-style:normal;color:var(--signal)}.steps{list-style:none;margin:48px 0 0;padding:0;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:4rem 1fr auto;align-items:center;gap:16px;padding:22px 12px;border-bottom:1px dashed var(--line)}.step p{margin:0;font-size:clamp(17px,1.6vw,21px);letter-spacing:-.01em;text-wrap:pretty}.step .cmd{justify-self:end}code{font-size:.9em;padding:0 4px;background:var(--line)}.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px var(--gutter);font-size:12px;color:var(--muted);border-top:1px dashed var(--line)}.cmd{font:inherit;color:var(--ink);background:none;cursor:copy;font-family:Geist Mono,ui-monospace,monospace;align-self:flex-start;border:1px dashed var(--muted);padding:10px 14px;font-size:12px;text-decoration:none;white-space:nowrap;transition:border-color .3s}.cmd:hover{border-color:var(--signal);border-style:solid}a.cmd{cursor:pointer}.prompt{color:var(--signal);margin-right:6px}.copied{color:var(--signal);margin-left:10px}.coords{font-variant-numeric:tabular-nums}.foot a{color:var(--ink)}.grid-overlay{position:fixed;inset:0 var(--gutter);z-index:40;pointer-events:none;display:none;background:repeating-linear-gradient(90deg,rgb(255 77 0 / .07) 0 calc((100% - 11 * 16px) / 12),transparent 0 calc((100% - 11 * 16px) / 12 + 16px))}.grid-on .grid-overlay{display:block}.peek{position:fixed;top:0;left:0;z-index:60;width:clamp(240px,26vw,400px);margin:0;padding:12px;pointer-events:none;opacity:0;translate:var(--px, -999px) var(--py, -999px);filter:drop-shadow(0 24px 32px rgb(0 0 0 / .35));transition:opacity .2s}.peek img{display:block;width:100%;height:auto;clip-path:inset(50% 0 50% 0);transition:clip-path .6s cubic-bezier(.16,1,.3,1)}.peek .crop{border-color:var(--ink)}.peek.is-on{opacity:1}.peek.is-on img{clip-path:inset(0)}@media(hover:none),(pointer:coarse){.peek{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media(max-width:640px){.hide-sm{display:none}.row{grid-template-columns:3rem 1fr 6rem}.step{grid-template-columns:3rem 1fr}.step .cmd{grid-column:2;justify-self:start}}