: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);--glow:oklch(50% .14 260/.03);--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);--glow:oklch(65% .14 260/.04)}}*,: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;position:relative}.ambient-glow{z-index:-1;pointer-events:none;background:radial-gradient(800px 600px at 50% 25%, var(--glow) 0%, transparent 60%);position:fixed;inset:0}.edge-fade{z-index:10;pointer-events:none;left:0;right:0}.edge-fade--top{background:linear-gradient(to bottom, var(--paper), transparent);height:48px;transition:opacity .1s linear;position:fixed;top:0}.edge-fade--bottom{background:linear-gradient(to top, var(--paper), transparent);height:80px;margin-top:-80px;position:sticky;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);will-change:transform;-webkit-tap-highlight-color:transparent;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;position:relative;overflow:hidden}.install-copy:hover{color:var(--accent);background:var(--accent-subtle)}.install-copy:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.install-copy-ripple{background:var(--accent);opacity:.35;pointer-events:none;width:8px;height:8px;animation:install-copy-ripple .5s var(--ease-out) forwards;border-radius:50%;margin:-4px 0 0 -4px;position:absolute}@keyframes install-copy-ripple{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(12)}}.install-copy-vis{z-index:1;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)}.footer{border-top:1px solid var(--border);background:var(--surface);width:100%;margin-top:auto}.footer-inner{justify-content:space-between;align-items:center;gap:16px;max-width:896px;margin:0 auto;padding:20px clamp(20px,4vw,48px);display:flex}.footer-credit{color:var(--muted);transition:color .15s var(--ease-out);font-size:.8125rem}.footer-credit:hover{color:var(--ink)}.footer-links{align-items:center;gap:4px;display:flex}.footer-icon{width:32px;height:32px;color:var(--muted);transition:color .15s var(--ease-out), background .15s var(--ease-out), transform .15s var(--ease-out);border-radius:6px;justify-content:center;align-items:center;display:flex}.footer-icon:hover{color:var(--ink);background:var(--accent-subtle);text-decoration:none}.footer-icon:active{transform:scale(.9)}.footer-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.categories{flex-direction:column;gap:64px;margin-bottom:48px;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;min-width:0;transition:background .2s var(--ease-out);border-radius:4px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;margin:0 -8px;padding:16px 8px;text-decoration:none;display:grid;position:relative}.skill:hover{background:var(--surface);text-decoration:none}.skill:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--accent) 70%, transparent 100%);height:1.5px;transform-origin:var(--origin,50%) 50%;transition:transform .35s var(--ease-out);border-radius:1px;position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}.skill:hover:before{transform:scaleX(1)}.skill:last-child{border-bottom:none}.skill:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.skill-name{color:var(--ink);transition:color .2s var(--ease-out);font-size:.9375rem;font-weight:600}.skill:hover .skill-name{color:var(--accent)}.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}}@media (width<=640px){.main{padding:40px 20px 96px}.hero{margin-bottom:32px}.hero-title{margin-bottom:12px}.hero-subtitle{font-size:1rem}.install{margin-bottom:48px}.categories{gap:48px;margin-bottom:32px}.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}.footer-inner{padding:16px clamp(20px,4vw,48px)}}@media (prefers-reduced-motion:reduce){.install-copy-ripple{animation:none;display:none}}