:root{--ink:#1c2b24;--ink-muted:#4a5c52;--paper:#eef2ef;--paper-deep:#d8e2db;--sage:#7cb89a;--forest:#2a4a3a;--copper:#b8895a;--copper-bright:#d4a574;--line:color-mix(in srgb, var(--ink) 12%, transparent);--font-display:"Bricolage Grotesque", "Segoe UI", sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;color:var(--ink);font-family:var(--font-body);background:radial-gradient(ellipse 90% 60% at 70% 20%, #c5d9cc 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 10% 80%, #d6cbb8 0%, transparent 50%), linear-gradient(165deg, #f4f7f4 0%, var(--paper) 40%, #e4ebe5 100%);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.55}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--forest);outline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@keyframes drift{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-12px)rotate(.4deg)}}@keyframes dash-flow{to{stroke-dashoffset:-64px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:.75rem 1rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip:focus{top:1rem;left:1rem}.site-header{z-index:20;backdrop-filter:blur(10px);background:color-mix(in srgb, var(--paper) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{align-items:center;gap:1.5rem;max-width:72rem;margin:0 auto;padding:.9rem 1.5rem;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.logo__mark{border-radius:.3rem;width:1.5rem;height:1.5rem}.nav{color:var(--ink-muted);gap:1.35rem;margin-left:auto;font-size:.95rem;font-weight:500;display:none}.nav a{text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.site-header .btn--ghost{margin-left:auto}@media (width>=720px){.nav{display:flex}.site-header .btn--ghost{margin-left:0}}.btn{font-family:var(--font-body);transition:background .16s var(--ease-out), color .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);border-radius:.35rem;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn--primary:hover{background:var(--forest);border-color:var(--forest)}.btn--ghost{color:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);background:0 0}.btn--ghost:hover{border-color:var(--ink);background:#ffffff73}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--copper);margin:0 0 .75rem;font-size:.78rem;font-weight:500}.code-panel{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:#d7e6dc;box-shadow:0 18px 40px color-mix(in srgb, var(--ink) 12%, transparent);background:#16211c;border-radius:.45rem;overflow:hidden}.code-panel__bar{font-family:var(--font-mono);color:#9bb8a6;border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.78rem;display:flex}.code-panel__hint{color:#c4a574}.code-panel pre{font-family:var(--font-mono);margin:0;padding:1.25rem 1rem 1.5rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.tok-kw{color:#7cb89a}.tok-str{color:#d4a574}.tok-type{color:#a8d5be}.tok-cm{color:#7a8f82}.site-footer{border-top:1px solid var(--line);max-width:72rem;color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin:0 auto;padding:1.5rem;font-size:.95rem;display:flex}@media (width>=900px){.site-footer{padding-inline:2rem}}.logo__inline{font-family:var(--font-display);color:var(--ink);font-weight:700}.site-footer__meta,.site-footer p{margin:0}