@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--gn-font-display:"Instrument Serif",ui-serif,Georgia,serif;--gn-font-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--gn-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--gn-tracking-label:0.14em;--gn-tracking-display:-0.02em;--gn-paper:#f0f2ec;--gn-card:#fbfcf8;--gn-ink:#14251e;--gn-ink-soft:#25302a;--gn-ink-deep:#0c120f;--gn-orange:#ff6a2b;--gn-olive:#7e8b4b;--gn-olive-deep:#5f6a3a;--gn-blue:#7fb1e3;--gn-halo:0 0 0 5px var(--gn-card);--gn-border:3px solid var(--gn-ink);--gn-border-thin:2px solid var(--gn-ink);--gn-border-dotted:2px dotted var(--gn-ink);--gn-shadow:8px 8px 0 var(--gn-ink);--gn-shadow-sm:5px 5px 0 var(--gn-ink);--gn-shadow-olive:6px 6px 0 var(--gn-olive);--gn-shadow-orange:6px 6px 0 var(--gn-orange);--gn-radius-pill:999px;--gn-radius:16px;--gn-radius-sm:6px;--gn-max-width:1200px;--gn-gutter:clamp(20px,4vw,28px);--gn-step--2:11px;--gn-step--1:13px;--gn-step-0:15px;--gn-step-1:18px;--gn-step-2:clamp(24px,2vw + 18px,32px);--gn-step-3:clamp(34px,5vw + 12px,64px);--gn-step-4:clamp(44px,8vw + 12px,96px);--gn-ease:cubic-bezier(0.2,0.8,0.3,1.2);--gn-duration:0.16s;--sn-font-sans:var(--gn-font-sans);--sn-font-mono:var(--gn-font-mono);--sn-bg:var(--gn-paper);--sn-surface:var(--gn-card);--sn-fg:var(--gn-ink);--sn-muted:var(--gn-olive-deep);--sn-border:var(--gn-ink);--sn-accent:var(--gn-orange);--sn-accent-strong:var(--gn-orange);--sn-radius:var(--gn-radius);--sn-shadow:var(--gn-shadow-sm);--sn-step--1:var(--gn-step--1);--sn-step-0:var(--gn-step-0);--sn-step-1:var(--gn-step-1);--sn-step-2:var(--gn-step-2)}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--gn-font-sans);font-size:var(--gn-step-0);line-height:1.6;color:var(--gn-ink);background:var(--gn-paper);-webkit-font-smoothing:antialiased}a{color:inherit}.bar{max-width:900px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:24px}.bar nav{margin-left:auto;font-family:var(--gn-font-mono);font-size:var(--gn-step--2);letter-spacing:var(--gn-tracking-label);text-transform:uppercase}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none}.dot{width:12px;height:12px;border-radius:50%;background:var(--gn-orange)}.wordmark-text{font-family:var(--gn-font-display);font-size:26px;line-height:1}.wordmark-text em{font-style:italic}main{max-width:900px;margin:0 auto;padding:24px 24px 96px}h1{font-size:var(--gn-step-3);letter-spacing:var(--gn-tracking-display);margin:0 0 8px}h1,h2{font-family:var(--gn-font-display);font-weight:400}h2{font-size:var(--gn-step-2);margin:32px 0 12px}.eyebrow{font-family:var(--gn-font-mono);font-size:var(--gn-step--2);letter-spacing:var(--gn-tracking-label);text-transform:uppercase;color:var(--gn-olive-deep);margin:0 0 16px}.card{border:var(--gn-border-thin);border-radius:var(--gn-radius);padding:20px;margin:0 0 16px}.btn,.card{background:var(--gn-card)}.btn{font-family:var(--gn-font-mono);font-size:var(--gn-step--2);letter-spacing:var(--gn-tracking-label);text-transform:uppercase;padding:10px 18px;border:var(--gn-border-thin);border-radius:var(--gn-radius-pill);cursor:pointer;color:inherit}.btn-primary{background:var(--gn-orange);border:var(--gn-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.field-label,label{display:block;font-family:var(--gn-font-mono);font-size:var(--gn-step--2);letter-spacing:var(--gn-tracking-label);text-transform:uppercase;color:var(--gn-olive-deep);margin:0 0 6px}input,textarea{width:100%;font-family:inherit;font-size:var(--gn-step-0);padding:10px 12px;border:var(--gn-border-thin);border-radius:var(--gn-radius-sm);background:var(--gn-paper);color:inherit;margin:0 0 16px}textarea{min-height:96px;resize:vertical}.key,textarea{font-family:var(--gn-font-mono);font-size:var(--gn-step--1)}.key{background:var(--gn-paper);border:var(--gn-border-thin);border-left:6px solid var(--gn-orange);border-radius:var(--gn-radius-sm);padding:10px 12px;word-break:break-all;display:flex;align-items:center;gap:12px}.key code{flex:1 1}pre{font-family:var(--gn-font-mono);background:var(--gn-ink);color:var(--gn-paper);padding:16px;border-radius:var(--gn-radius-sm);overflow-x:auto}.muted,pre{font-size:var(--gn-step--1)}.muted{color:var(--gn-olive-deep)}.error{border-left:6px solid #b3261e}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}