:root{--color-paper:oklch(98.5% .004 250);--color-paper-2:oklch(96.2% .006 250);--color-rule:oklch(90% .007 250);--color-rule-2:oklch(80% .009 252);--color-ink:oklch(24% .02 258);--color-ink-2:oklch(34% .018 257);--color-muted:oklch(48% .014 255);--color-accent:oklch(58% .2 256);--color-accent-ink:oklch(98.5% .004 256);--color-focus:oklch(58% .2 256);--color-graphite:oklch(22% .016 260);--color-graphite-2:oklch(27% .016 260);--color-graphite-rule:oklch(34% .014 260);--color-graphite-ink:oklch(92% .008 258);--color-graphite-muted:oklch(68% .012 258);--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-display:clamp(2rem, 3.5vw + .75rem, 3.0518rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--radius:6px;--radius-card:10px;--rule:1px solid var(--color-rule);--shadow-cmdk:0 16px 48px -16px oklch(24% .02 258/.25);--z-nav:100;--z-cmdk:700}html,body{overflow-x:clip}*,:before,:after{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-weight:400;font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.wrap{max-width:72rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}h1,h2,h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;font-style:normal}a{color:inherit}code{font-family:var(--font-mono);font-size:.875em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip{background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-md);z-index:var(--z-cmdk);position:absolute;top:0;left:-9999px}.skip:focus{left:0}.reveal{opacity:0;animation:rise var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms);transform:translateY(10px)}@keyframes rise{to{opacity:1;transform:none}}.nav{z-index:var(--z-nav);background:color-mix(in oklch, var(--color-paper) 88%, transparent);backdrop-filter:blur(8px);border-bottom:var(--rule);position:sticky;top:0}.nav__inner{max-width:72rem;padding:var(--space-sm) clamp(1rem, 4vw, 2rem);align-items:center;gap:var(--space-md);margin-inline:auto;display:flex}.nav__brand{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--color-ink);white-space:nowrap;text-decoration:none}.searchpill{background:var(--color-paper-2);border:var(--rule);border-radius:var(--radius);height:40px;color:var(--color-muted);font:400 var(--text-sm) var(--font-body);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out);align-items:center;gap:.6rem;margin-inline:auto;padding:0 .55rem 0 .85rem;display:flex}.searchpill:hover{border-color:var(--color-rule-2)}.searchpill__text{white-space:nowrap}.searchpill__kbd{gap:2px;display:flex}kbd{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);background:var(--color-paper);border:var(--rule);border-radius:4px;padding:1px 5px}.nav__right{align-items:center;gap:var(--space-md);margin-left:auto;display:flex}.nav__link{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;background-image:linear-gradient(var(--color-accent), var(--color-accent));transition:background-size var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none}.nav__link:hover{color:var(--color-accent);background-size:100% 1px}.btn{min-height:40px;padding:0 var(--space-md);border-radius:var(--radius);font:500 var(--text-sm) var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border:1px solid var(--color-accent)}.btn--primary:hover{background:color-mix(in oklch, var(--color-accent) 88%, var(--color-ink))}.btn--primary:active{transform:translateY(1px)}.btn--ghost{color:var(--color-accent);border:1px solid var(--color-rule-2);background:0 0}.hero{padding-block:var(--space-3xl) var(--space-2xl)}.hero__title{font-size:var(--text-display);margin:0 0 var(--space-md);max-width:22ch;font-weight:600;line-height:1.12}.hero__lede{max-width:62ch;margin:0 0 var(--space-lg);font-size:var(--text-md);line-height:1.55}.hero__lede code{background:var(--color-paper-2);border:var(--rule);border-radius:4px;padding:1px 5px}.hero__meta{align-items:center;gap:var(--space-sm) var(--space-md);font:500 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);flex-wrap:wrap;margin:0;display:flex}.hero__meta i{background:var(--color-rule-2);border-radius:50%;width:4px;height:4px}.quick{background:var(--color-graphite);color:var(--color-graphite-muted);padding-block:var(--space-2xl)}.quick__grid{gap:var(--space-xl);display:grid}@media (width>=60rem){.quick__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.quick h2{color:var(--color-graphite-ink);font-size:var(--text-xl);margin:0 0 var(--space-sm);font-weight:600}.quick__intro p{max-width:40ch;margin:0}.quick__intro code,.quick__note code{color:var(--color-graphite-ink)}.cmd{margin-bottom:var(--space-md)}.cmd__label{margin:0 0 var(--space-xs);font:500 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-graphite-muted)}.cmd__row{align-items:stretch;gap:var(--space-sm);background:var(--color-graphite-2);border:1px solid var(--color-graphite-rule);border-radius:var(--radius-card);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);display:flex}.cmd__code{font-size:var(--text-sm);color:var(--color-graphite-ink);white-space:nowrap;scrollbar-width:thin;flex:1;align-self:center;overflow-x:auto}.cmd__copy{min-height:32px;padding:0 var(--space-sm);border:1px solid var(--color-graphite-rule);border-radius:var(--radius);color:var(--color-graphite-ink);font:500 var(--text-xs) var(--font-mono);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background:0 0;flex-shrink:0}.cmd__copy:hover{border-color:var(--color-accent);color:var(--color-accent)}.cmd__copy[data-state=copied]{color:var(--color-accent);border-color:var(--color-accent)}.quick__note{margin:var(--space-md) 0 0;font-size:var(--text-sm)}.quick__note a{color:var(--color-accent);white-space:nowrap;text-decoration:none}.quick__note a:hover{text-decoration:underline}.catalog{padding-block:var(--space-2xl) var(--space-3xl)}.filterbar{z-index:calc(var(--z-nav) - 1);background:var(--color-paper);padding-block:var(--space-md);border-bottom:var(--rule);margin-bottom:var(--space-xl);position:sticky;top:57px}.filterbar__search{align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-md);background:var(--color-paper-2);border:var(--rule);border-radius:var(--radius);color:var(--color-muted);transition:border-color var(--dur-short) var(--ease-out);display:flex}.filterbar__search:focus-within{border-color:var(--color-accent)}.filterbar__search input{min-width:0;font:400 var(--text-base) var(--font-body);color:var(--color-ink);background:0 0;border:0;outline:none;flex:1}.filterbar__search input::placeholder{color:var(--color-muted)}.filterbar__chips{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-xs);min-height:36px;padding:0 var(--space-sm);background:var(--color-paper);border:var(--rule);border-radius:var(--radius);color:var(--color-ink-2);font:500 var(--text-sm) var(--font-body);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);display:inline-flex}.chip:hover{border-color:var(--color-rule-2)}.chip.is-active{border-color:var(--color-accent);color:var(--color-accent)}.chip__n{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.chip.is-active .chip__n{color:var(--color-accent)}.filterbar__count{margin:var(--space-sm) 0 0;font:500 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-variant-numeric:tabular-nums}.cat{margin-bottom:var(--space-2xl);scroll-margin-top:150px}.cat[hidden]{display:none}.cat__head{align-items:baseline;gap:var(--space-sm);border-bottom:var(--rule);padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.cat__head h2{font-size:var(--text-lg);margin:0;font-weight:600}.cat__count{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));display:grid}.card{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-paper);border:var(--rule);border-radius:var(--radius-card);transition:border-color var(--dur-short) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.card:hover{border-color:var(--color-accent)}.card[hidden]{display:none}.card__top{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.card__name{font:600 var(--text-base) var(--font-display);color:var(--color-ink);letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0}.card__stars{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.card:hover .card__stars{color:var(--color-accent)}.card__desc{font-size:var(--text-sm);color:var(--color-ink-2);flex:1;line-height:1.55}.card__meta{justify-content:space-between;align-items:center;gap:var(--space-md);font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);display:flex}.card__sub{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.card__repo{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{text-align:center;padding-block:var(--space-3xl)}.empty__title{font:500 var(--text-md) var(--font-display);color:var(--color-ink);margin:0 0 var(--space-lg);overflow-wrap:anywhere}.empty__title span{color:var(--color-accent)}.foot{border-top:var(--rule);padding-block:var(--space-lg)}.foot p{font-size:var(--text-sm);color:var(--color-muted);margin:0}.foot a{color:var(--color-ink-2);white-space:nowrap;text-decoration:none}.foot a:hover{color:var(--color-accent);text-decoration:underline}.cmdk{z-index:var(--z-cmdk);opacity:0;visibility:hidden;transition:opacity var(--dur-short) var(--ease-out), visibility var(--dur-short) var(--ease-out);position:fixed;inset:0}.cmdk.is-open{opacity:1;visibility:visible}.cmdk__backdrop{background:color-mix(in oklch, var(--color-graphite) 45%, transparent);position:absolute;inset:0}.cmdk__panel{background:var(--color-paper);border:var(--rule);border-radius:var(--radius-card);width:min(36rem,100% - 2rem);box-shadow:var(--shadow-cmdk);transition:transform var(--dur-short) var(--ease-out);position:absolute;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)translateY(-8px)}.cmdk.is-open .cmdk__panel{transform:translate(-50%)translateY(0)}.cmdk__field{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--rule);color:var(--color-muted);display:flex}.cmdk__field input{min-width:0;font:400 var(--text-base) var(--font-body);color:var(--color-ink);background:0 0;border:0;outline:none;flex:1}.cmdk__results{max-height:22rem;padding:var(--space-xs);overflow-y:auto}.cmdk__group{margin:var(--space-sm) var(--space-sm) var(--space-xs);font:500 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.cmdk__item{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);text-align:left;cursor:pointer;font:400 var(--text-sm) var(--font-body);color:var(--color-ink-2);background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.cmdk__item__name{justify-content:space-between;gap:var(--space-md);font:600 var(--text-sm) var(--font-display);color:var(--color-ink);display:flex}.cmdk__item__stars{font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.cmdk__item__desc{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);overflow:hidden}.cmdk__item.is-active{background:var(--color-paper-2)}.cmdk__item.is-active .cmdk__item__name{color:var(--color-accent)}.cmdk__none{padding:var(--space-lg) var(--space-md);font-size:var(--text-sm);color:var(--color-muted);text-align:center}.cmdk__foot{gap:var(--space-lg);padding:var(--space-sm) var(--space-md);border-top:var(--rule);font:500 var(--text-xs) var(--font-mono);color:var(--color-muted);display:flex}.cmdk__foot kbd{margin-right:2px}@media (width<=40rem){.searchpill__text,.searchpill__kbd{display:none}.searchpill{justify-content:center;width:40px;margin-inline:0;padding:0}.nav__link{display:none}.hero{padding-block:var(--space-2xl) var(--space-xl)}.filterbar{top:56px}.cmdk__panel{border:0;border-radius:0;width:100%;height:100dvh;top:0}.cmdk__results{max-height:none}.cmdk__foot{display:none}}@media (pointer:coarse){.chip,.cmd__copy{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{opacity:1;animation:none;transform:none}.cmdk,.cmdk__panel{transition:opacity .15s linear,visibility .15s linear;transform:translate(-50%)}}