@layer reset,layout,components;:root{--shiki-cyan: #8cccd5;--shiki-teal: #6aa1b7;--shiki-blue: #5086a1;--shiki-yellow: #e6cc78;--shiki-rose: #cb7676;--shiki-green: #4b9978;--grad-from: var(--shiki-cyan);--grad-to: var(--shiki-yellow);--grad: linear-gradient(135deg, var(--grad-from), var(--grad-to));--accent: var(--shiki-cyan);--accent-hover: #a8dce4;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--text-xs: clamp(.8rem, .75rem + .25vw, .875rem);--text-sm: clamp(.875rem,.82rem + .28vw, .9375rem);--text-base: clamp(1rem, .94rem + .3vw, 1.0625rem);--text-lg: clamp(1.125rem,1.05rem + .38vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem,1.65rem + 1.13vw, 2.5rem);--text-hero: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);--color-bg: #1b1b1f;--color-bg-alt: #18181b;--color-surface: #202127;--color-surface-high: #26272e;--color-text: rgba(255, 255, 245, .86);--color-text-muted: rgba(235, 235, 245, .6);--color-text-subtle: rgba(235, 235, 245, .38);--color-heading: rgba(255, 255, 245, .95);--color-border: #3c3f44;--color-border-light: #515460;--color-divider: #2e2e32;--color-link: var(--shiki-cyan);--color-link-hover: var(--accent-hover);--color-pre-bg: #161618;--color-code-inline-bg: #2a2a2f;--section-gap: clamp(4rem, 8vw, 8rem);--inner-max: 72rem;--inner-pad: clamp(1.25rem, 5vw, 2.5rem);color-scheme:dark}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:2;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}ul,ol{list-style:none}.skip-link{position:absolute;left:-9999px;&:focus{left:1rem;top:1rem;z-index:100}}}@layer layout{.section-inner,.hero-inner,.site-header-inner,.site-footer-inner{max-width:var(--inner-max);margin-inline:auto;padding-inline:var(--inner-pad)}}@layer components{.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:.875rem}.site-logo{display:flex;align-items:center;gap:.5rem;font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--color-heading);transition:opacity .2s;&:hover{opacity:.75}}.site-logo-mark{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1em}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav-link{padding:.375rem .75rem;border-radius:6px;font-size:var(--text-sm);color:var(--color-text-muted);transition:color .2s,background .2s;&:hover{color:var(--color-text);background:var(--color-surface)}&--active{color:var(--color-text)}&--github{display:flex;align-items:center;padding:.375rem;margin-left:.25rem}}.hero{padding-block:clamp(5rem,14vw,10rem);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 50% at 40% 0%,color-mix(in srgb,var(--shiki-cyan) 12%,transparent),transparent 65%),radial-gradient(ellipse 50% 40% at 70% 0%,color-mix(in srgb,var(--shiki-yellow) 8%,transparent),transparent 60%);pointer-events:none}.hero-inner{position:relative}.hero-badge{display:inline-block;margin-bottom:1.5rem;padding:.25rem .875rem;border:1px solid var(--color-border-light);border-radius:999px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.04em}.hero-title{font-size:var(--text-hero);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--color-heading);margin-bottom:1.5rem}.hero-cursor{display:inline-block;width:3px;height:.8em;background:var(--color-heading);border-radius:1px;vertical-align:baseline;position:relative;top:.05em;margin-left:.06em;animation:cursor-blink .85s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-title-accent{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{max-width:44rem;margin-inline:auto;margin-bottom:2.5rem;font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.65}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.5rem;border-radius:20px;font-size:var(--text-sm);font-weight:600;transition:opacity .2s,transform .1s;&:hover{opacity:.85;transform:translateY(-1px)}&:active{transform:translateY(0)}}.btn-primary{background:var(--shiki-cyan);color:#1b1b1f}.btn-secondary{border:1px solid var(--color-border-light);color:var(--color-text);background:var(--color-surface);&:hover{background:var(--color-surface-high);opacity:1}}.packages,.features{padding-block:var(--section-gap);border-top:1px solid var(--color-divider)}.section-heading{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;color:var(--color-heading);margin-bottom:.5rem}.section-sub{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:3rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1px;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-border)}.pkg-card{padding:1.5rem;background:var(--color-bg);transition:background .2s;&:hover{background:var(--color-surface)}}.pkg-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.pkg-name{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-heading)}.pkg-npm{padding:.2rem .6rem;border-radius:4px;font-size:var(--text-xs);font-family:var(--font-mono);background:color-mix(in srgb,var(--shiki-cyan) 12%,transparent);color:var(--shiki-cyan);border:1px solid color-mix(in srgb,var(--shiki-cyan) 25%,transparent);transition:background .15s;&:hover{background:color-mix(in srgb,var(--shiki-cyan) 22%,transparent)}}.pkg-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.pkg-desc code{font-size:.9em;padding:.1em .35em;border-radius:4px;background:var(--color-code-inline-bg);color:var(--shiki-yellow)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:2rem}.feature-icon{font-size:1.25rem;margin-bottom:.75rem;color:var(--shiki-cyan);width:fit-content}.feature-title{font-size:var(--text-base);font-weight:600;color:var(--color-heading);margin-bottom:.4rem}.feature-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.doc-layout{max-width:calc(var(--inner-max) * .75);margin-inline:auto;padding-inline:var(--inner-pad);padding-block:clamp(3rem,6vw,5rem)}.doc-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;color:var(--color-heading);margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-divider)}.markdown{color:var(--color-text);line-height:1.75;h2,h3,h4{color:var(--color-heading);font-weight:700;letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:.75rem}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:1.25rem}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:500;&:hover{color:var(--color-link-hover)}}code{font-size:.875em;padding:.15em .4em;border-radius:4px;background:var(--color-code-inline-bg);color:var(--shiki-yellow)}pre{margin-block:1.5rem;padding:1.25rem 1.5rem;border-radius:8px;background:var(--color-pre-bg);border:1px solid var(--color-border);overflow-x:auto;font-size:var(--text-sm);line-height:1.65;& code{padding:0;background:none;color:inherit}}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem;>li{margin-bottom:.4rem}}ul>li{list-style:disc}ol>li{list-style:decimal}blockquote{margin-block:1.5rem;padding:1rem 1.25rem;border-left:2px solid var(--color-divider);color:var(--color-text-muted)}hr{margin-block:2.5rem;border:none;border-top:1px solid var(--color-divider)}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:var(--text-sm)}th,td{padding:.6rem 1rem;border:1px solid var(--color-border);text-align:left}th{background:var(--color-surface);font-weight:600;color:var(--color-heading)}tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-surface) 50%,transparent)}}.site-footer{margin-top:auto;padding-block:2.5rem;border-top:1px solid var(--color-divider)}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-nav{display:flex;flex-wrap:wrap;gap:.25rem}.footer-nav-link{padding:.25rem .625rem;border-radius:5px;font-size:var(--text-sm);color:var(--color-text-muted);transition:color .15s;&:hover{color:var(--color-text)}}.footer-copy{font-size:var(--text-xs);color:var(--color-text-subtle)}}