:root{--ink:oklch(10% .005 60);--ink-h:oklch(6% .004 60);--muted:oklch(48% .006 60);--border:oklch(90% .003 60);--surface:oklch(96.5% .002 60);--paper:oklch(100% 0 0);--accent:oklch(50% .14 260);--accent-subtle:oklch(50% .14 260/.08);--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);font:16px/1.6 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--ink:oklch(92% .003 60);--ink-h:oklch(97% .002 60);--muted:oklch(60% .004 60);--border:oklch(22% .003 60);--surface:oklch(17% .003 60);--paper:oklch(14% .003 60);--accent:oklch(65% .14 260);--accent-subtle:oklch(65% .14 260/.1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--ink-h);text-wrap:balance;font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}h2{letter-spacing:-.02em;font-size:clamp(1.25rem,2.5vw,1.5rem)}h3{letter-spacing:-.01em;font-size:1rem;font-weight:500}p{text-wrap:pretty;max-width:65ch;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);background:var(--surface);border-radius:4px;padding:.15em .35em;font-size:.875em}::selection{background:var(--accent-subtle)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{flex-direction:column;flex:1;display:flex}.fade-edge{z-index:10;pointer-events:none;position:fixed;left:0;right:0}.fade-edge--top{background:linear-gradient(to bottom, var(--paper), transparent);height:64px;top:0}.fade-edge--bottom{background:linear-gradient(to top, var(--paper), transparent);height:80px;bottom:0}.layout{flex:1;grid-template-columns:1fr minmax(0,896px) 0 1fr;grid-template-areas:".content. .";display:grid}.main{grid-area:content;padding:48px 24px 96px}.hero{margin-bottom:48px}.hero-title{margin-bottom:16px}.hero-subtitle{color:var(--muted);max-width:55ch;font-size:1.125rem}.hero-subtitle strong{color:var(--ink);font-weight:600}.install{margin-bottom:64px}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:.75rem;font-weight:600}.install-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:0;width:fit-content;max-width:100%;display:flex;overflow:hidden}.install-code{font-family:var(--mono);color:var(--ink);white-space:nowrap;background:0 0;padding:12px 16px;font-size:.875rem;overflow-x:auto}.install-copy{width:40px;box-shadow:inset 1px 0 0 var(--border);color:var(--muted);cursor:pointer;transition:color .15s var(--ease-out), background .15s var(--ease-out), transform .15s var(--ease-out);background:0 0;border:none;border-radius:0 8px 8px 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}.install-copy:hover{color:var(--accent);background:var(--accent-subtle)}.install-copy:active{transform:scale(.97)}.install-copy:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.install-copy-vis{width:16px;height:16px;display:flex;position:relative}.install-copy-vis svg{transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);position:absolute;inset:0}.install-copy-svg--hidden{opacity:0;transform:scale(.5)}.categories{flex-direction:column;gap:64px;display:flex}.category-head{margin-bottom:24px}.category-name{margin-bottom:4px}.category-desc{color:var(--muted);font-size:.9375rem}.category-skills{flex-direction:column;display:flex}.skill{border-bottom:1px solid var(--border);color:inherit;border-radius:4px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;min-width:0;margin:0 -8px;padding:16px 8px;text-decoration:none;transition:transform .16s ease-out;display:grid}.skill:hover{background:var(--surface);text-decoration:none}.skill:active{transform:scale(.97)}.skill:last-child{border-bottom:none}.skill:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.skill-name{color:var(--ink);font-size:.9375rem;font-weight:600}.skill-source{color:var(--muted);font-size:.75rem;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill-desc{color:var(--muted);grid-column:1/-1;font-size:.875rem;line-height:1.55}.category{scroll-margin-top:48px}.toc-col{grid-area:toc;padding:48px 8px 0;display:none;position:relative}.toc{position:sticky;top:48px}.toc-inner{border-radius:6px;flex-direction:column;padding:0;display:flex}.toc-list{flex-direction:column;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:var(--muted);transition:color .2s var(--ease-out), background .2s var(--ease-out), transform .15s var(--ease-out);border-radius:4px;padding:5px 12px;font-size:.8125rem;text-decoration:none;display:block}.toc-link:hover{color:var(--ink);background:var(--surface);text-decoration:none}.toc-link:active{transform:scale(.97)}.toc-link--active{color:var(--accent);background:var(--accent-subtle);font-weight:500}.toc-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=1200px){.layout{grid-template-columns:1fr minmax(0,896px) 200px 1fr;grid-template-areas:".content toc."}.toc-col{display:block}}.footer{border-top:1px solid var(--border);padding:32px 24px}.footer-text{max-width:896px;color:var(--muted);margin:0 auto;font-size:.8125rem}@media (width<=640px){.main{padding:40px 20px 64px}.hero{margin-bottom:32px}.hero-title{margin-bottom:12px}.hero-subtitle{font-size:1rem}.install{margin-bottom:48px}.categories{gap:48px}.category-head{margin-bottom:16px}.skill{gap:2px 8px;padding:12px 8px}.skill-source{font-size:.6875rem}.install-code{padding:10px 12px;font-size:.8125rem}.install-copy{width:36px}}