:root{--canvas: #f6f5f3;--surface: #ffffff;--surface-2: #faf9f7;--surface-3: #f1efec;--fg: #1c1917;--fg-2: #57534e;--fg-3: #78716c;--fg-muted: #a8a29e;--border: rgba(28, 25, 23, .1);--border-soft: rgba(28, 25, 23, .07);--border-strong: rgba(28, 25, 23, .16);--ink: #1c1917;--ink-hover: #292524;--accent: #059669;--accent-hover: #047857;--accent-subtle: #ecfdf5;--accent-ring: rgba(5, 150, 105, .28);--ok: #047857;--ok-bg: #ecfdf5;--ok-bd: #a7f3d0;--warn: #b45309;--warn-bg: #fffbeb;--warn-bd: #fde68a;--err: #b91c1c;--err-bg: #fef2f2;--err-bd: #fecaca;--info: #1d4ed8;--info-bg: #eff6ff;--info-bd: #bfdbfe;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04), 0 1px 1px rgba(28, 25, 23, .03);--shadow-card: 0 1px 2px rgba(28, 25, 23, .05), 0 2px 6px rgba(28, 25, 23, .04);--shadow-pop: 0 0 0 1px var(--border-soft), 0 8px 24px rgba(28, 25, 23, .12), 0 2px 6px rgba(28, 25, 23, .08);--ease: cubic-bezier(.23, 1, .32, 1);--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-display: "Bricolage Grotesque", var(--font-body);--sidebar-w: 280px;--content-w: 780px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--canvas: #17151300;--canvas: #1a1816;--surface: #221f1d;--surface-2: #201d1b;--surface-3: #2a2724;--fg: #f5f3f0;--fg-2: #cfc9c3;--fg-3: #a8a29e;--fg-muted: #78716c;--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .16);--ink: #f5f3f0;--ink-hover: #ffffff;--accent: #34d399;--accent-hover: #6ee7b7;--accent-subtle: #0c2a20;--accent-ring: rgba(52, 211, 153, .32);--ok: #34d399;--ok-bg: #0c2a20;--ok-bd: #14532d;color-scheme:dark}.brand-mark,.btn-primary{color:#052e1c}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}html,body{margin:0;padding:0;background:var(--canvas);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-subtle)}img{max-width:100%}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1;flex:none;box-shadow:0 5px 14px -4px var(--accent-ring)}.brand-mark--lg{width:40px;height:40px;border-radius:11px;font-size:23px}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;display:flex;flex-direction:column;background:var(--canvas);border-right:1px solid var(--border)}.side-head{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.side-head__name{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.02em}.side-head__tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.side-search{padding:0 12px 8px}.side-search input{width:100%;background:var(--surface);border:1px solid var(--border-strong);color:var(--fg);border-radius:var(--r-sm);padding:7px 11px;font:inherit;font-size:13px}.side-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.side-nav{flex:1;padding:4px 8px 16px;display:flex;flex-direction:column;gap:1px}.nav-group{padding:16px 10px 5px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-sm);color:var(--fg-2);font-size:13.5px;font-weight:500;position:relative;transition:background .14s var(--ease),color .14s var(--ease)}.nav-item:hover{background:var(--surface-3);color:var(--fg)}.nav-item.active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--border-soft)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.side-foot{padding:12px 16px 18px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--fg-muted);display:flex;flex-direction:column;gap:4px}.side-foot a{color:var(--fg-3);font-weight:500}.side-foot a:hover{color:var(--accent)}.content{min-width:0;padding:40px 40px 96px}.doc{max-width:var(--content-w);margin:0 auto}.crumb{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.doc h1{font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 12px;text-wrap:balance}.doc__lead{font-size:18px;line-height:1.55;color:var(--fg-2);margin:0 0 28px;text-wrap:pretty}.prose{font-size:15.5px;line-height:1.7;color:var(--fg)}.prose h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:40px 0 12px;scroll-margin-top:24px}.prose h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin:28px 0 8px}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}.prose li{margin:6px 0}.prose li::marker{color:var(--accent)}.prose strong{font-weight:650;color:var(--fg)}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--surface-3);padding:1px 6px;border-radius:5px;border:1px solid var(--border-soft)}.prose a{font-weight:550;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--accent-ring)}.prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.prose blockquote{margin:0 0 20px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:var(--r-md);padding:12px 16px;color:var(--fg-2);box-shadow:var(--shadow-sm)}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:8px}.shot{margin:0 0 28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-card)}.shot__frame{position:relative}.shot__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.shot__bar i{width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:block}.shot__url{margin-left:8px;font-size:12px;color:var(--fg-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shot img{display:none;width:100%;height:auto}.shot--filled img{display:block}.shot__ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;padding:40px 24px;text-align:center;color:var(--fg-3);background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 12px,var(--surface-3) 12px,var(--surface-3) 24px)}.shot--filled .shot__ph{display:none}.shot__ph svg{width:34px;height:34px;color:var(--accent);opacity:.8}.shot__ph strong{color:var(--fg-2);font-weight:600;font-size:14px}.shot__ph span{font-size:12.5px;max-width:34ch}.shot__ph code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--surface);border:1px solid var(--border);padding:1px 6px;border-radius:5px;color:var(--fg-2)}.shot figcaption{padding:10px 16px;font-size:12.5px;color:var(--fg-3);border-top:1px solid var(--border-soft);background:var(--surface)}.doc-foot{max-width:var(--content-w);margin:56px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--fg-3)}.doc-foot a{font-weight:550}.home{max-width:940px;margin:0 auto}.home__hero{padding:24px 0 8px}.home__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-ring);padding:5px 12px;border-radius:var(--r-pill);margin-bottom:20px}.home h1{font-family:var(--font-display);font-size:46px;line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0 0 18px;text-wrap:balance}.home h1 .accent{color:var(--accent)}.home__lead{font-size:19px;line-height:1.55;color:var(--fg-2);max-width:56ch;margin:0 0 28px;text-wrap:pretty}.home__how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:8px 0 40px}.how-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:18px}.how-card__n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent-subtle);color:var(--accent);font-weight:700;font-size:13px;border:1px solid var(--accent-ring);margin-bottom:10px}.how-card h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin:0 0 4px}.how-card p{font-size:13.5px;color:var(--fg-3);margin:0;line-height:1.5}.home__section-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);margin:34px 0 12px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tile{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:16px;transition:transform .14s var(--ease),box-shadow .14s var(--ease),border-color .14s var(--ease)}.tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-card);border-color:var(--border-strong)}.tile__t{font-weight:650;color:var(--fg);font-size:14.5px}.tile:hover .tile__t{color:var(--accent)}.tile__d{color:var(--fg-3);font-size:13px;margin-top:5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-toggle,.topbar{display:none}@media(max-width:900px){.app{grid-template-columns:1fr}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;padding:12px 16px;background:var(--canvas);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:16px}.topbar label{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--fg-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;background:var(--surface)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:84vw;max-width:320px;transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:var(--shadow-pop);height:100vh}.nav-toggle:checked~.app .sidebar{transform:translate(0)}.nav-toggle:checked~.app .nav-scrim{display:block}.nav-scrim{display:none;position:fixed;inset:0;z-index:35;background:#1c191766}.content{padding:24px 20px 72px}.doc h1{font-size:30px}.home h1{font-size:34px}}