:root{--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Menlo,Consolas,monospace;--color-bg:#faf6f4;--color-bg-card:#fff;--color-bg-tertiary:#f0eeeb;--color-bg-dark:#30302e;--color-bg-dark-card:#3d3d3b;--color-border:#b4b3b1;--color-border-dark:#555;--color-fg:#1a1a1a;--color-fg-secondary:#6b6b6b;--color-fg-tertiary:#999;--color-fg-light:#faf9f5;--color-fg-light-secondary:#a8a8a6;--color-accent:#5697d9;--color-accent-dark:#2b6cb0;--color-accent-bg:#5697d91a;--color-accent-border:#2b6cb021;--color-brand:#d6688c;--color-brand-bg:#f0eeeb;--color-success:#1a7a42;--color-success-light:#6cb02b14;--color-success-border:#6cb02b33;--color-error:#e5484d;--color-error-light:#fff0f0;--color-error-border:#fecaca;--color-warning-bg:#fff8e6;--color-warning-border:#f5d780;--color-warning-fg:#744210;--color-code-bg:#282c34;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 14px #0000000f;--shadow-lg:0 8px 30px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:5px;padding:2px 8px;font-size:.875em}.demo-input-wrap:focus-within{transition:box-shadow 10ms,border-color 10ms;box-shadow:0 0 0 8px #d6688c33;border-color:#d6688c!important}.demo-input-wrap input:focus{box-shadow:none;outline:none}::selection{background:#5697d933}.grid-3col{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (max-width:680px){.grid-3col{grid-template-columns:1fr!important}}.prose h1,.prose h2,.prose h3{color:var(--color-fg);letter-spacing:-.02em;margin-top:2em;margin-bottom:.5em;line-height:1.3}.prose h2{font-size:1.5em;font-weight:700}.prose h3{font-size:1.2em;font-weight:600}.prose p{margin-bottom:1.2em}.prose ul,.prose ol{margin-bottom:1.2em;padding-left:1.5em}.prose li{margin-bottom:.4em}.prose blockquote{border-left:3px solid var(--color-border);color:var(--color-fg-tertiary);margin:1.5em 0;padding-left:1em;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:5px;padding:2px 8px;font-size:.875em}.prose pre{background:var(--color-code-bg);border-radius:12px;margin:1.5em 0;padding:20px 24px;overflow-x:auto}.prose pre code{color:#abb2bf;background:0 0;padding:0;font-size:14px;line-height:1.7}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9em}.prose th,.prose td{border:1px solid var(--color-border);text-align:left;padding:10px 14px}.prose th{background:var(--color-bg-tertiary);color:var(--color-fg);font-weight:600}.prose a{color:var(--color-accent-dark);text-underline-offset:3px;text-decoration:underline}.prose img{border-radius:8px;max-width:100%;margin:1.5em 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.prose strong{color:var(--color-fg);font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.nav-ai-link{display:none!important}.nav-cta{padding:6px 12px!important;font-size:12px!important}}