@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;height:100%}:root{--surface:#faf8f3;--surface-dim:#f3efe8;--surface-bright:#fff;--surface-container-lowest:#fff;--surface-container-low:#fbf8f2;--surface-container:#f4efe7;--surface-container-high:#ede7dc;--surface-container-highest:#e6dfd2;--on-surface:#171717;--on-surface-variant:#595959;--outline:#cec6b7;--outline-variant:#ded6c7;--primary:#111;--on-primary:#fff;--primary-container:#111;--on-primary-container:#fff;--secondary:#6d6254;--on-secondary:#fff;--secondary-container:#e9e1d3;--error:#b42318;--on-error:#fff;--background:#faf8f3;--on-background:#171717;--unit:4px;--gutter:16px;--margin:24px;--section-gap:32px}.dark{--surface:#0f0f0f;--surface-dim:#1a1a1a;--surface-bright:#242424;--surface-container-lowest:#050505;--surface-container-low:#121212;--surface-container:#1c1c1c;--surface-container-high:#262626;--surface-container-highest:#303030;--on-surface:#e6e6e6;--on-surface-variant:#a0a0a0;--outline:#3d3d3d;--outline-variant:#4a4a4a;--primary:#fff;--on-primary:#000;--primary-container:#fff;--on-primary-container:#000;--secondary:#a69a8c;--on-secondary:#000;--secondary-container:#2c2925;--error:#f04438;--on-error:#fff;--background:#0a0a0a;--on-background:#e6e6e6}body{background-color:var(--background);color:var(--on-background);background-attachment:fixed;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:400;line-height:20px;position:relative}h1{letter-spacing:-.02em;margin-bottom:var(--margin);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;line-height:32px}h2{letter-spacing:-.01em;margin-bottom:calc(var(--margin) - 8px);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600;line-height:24px}h3{margin-bottom:var(--gutter);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;line-height:20px}p{margin-bottom:var(--gutter);color:var(--on-surface)}a{color:var(--primary);text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--primary);text-decoration:underline}section{scroll-margin-top:110px}main{width:100%;max-width:896px;padding:96px var(--gutter) 40px;margin:0 auto}hr{border:none;border-top:1px solid var(--outline-variant);margin:var(--section-gap) 0}.btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background-color:#0000;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;transition:all .15s ease-in-out;display:inline-block}.btn:hover{background-color:var(--primary);color:var(--on-primary)}.btn:active{opacity:.8}code{background-color:var(--surface-container-low);color:var(--primary);padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:13px}pre{background-color:var(--surface-container-low);padding:var(--gutter);margin-bottom:var(--margin);border:1px solid var(--outline-variant);overflow-x:auto}pre code{color:var(--on-surface);background-color:#0000;padding:0}.text-muted{color:var(--on-surface-variant)}.text-accent{color:var(--primary)}.divider-horizontal{background-color:var(--outline-variant);height:1px;margin:var(--section-gap) 0}.grid{gap:var(--margin);display:grid}.flex{align-items:center;gap:var(--gutter);display:flex}