:root{--font-display: "Instrument Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--brand-hue: 14;--brand-chroma: .14;--color-primary: oklch(64% var(--brand-chroma) var(--brand-hue));--color-primary-deep: oklch( 50% calc(var(--brand-chroma) * .82) var(--brand-hue) );--color-primary-hover: oklch(58% var(--brand-chroma) var(--brand-hue));--color-primary-tint: oklch(64% var(--brand-chroma) var(--brand-hue) / .14);--color-bg: #faf5ee;--color-surface: #faf5ee;--color-surface-2: #ffffff;--color-ink: #111111;--color-neutral-100: #fafafa;--color-neutral-200: #eeeae0;--color-neutral-300: #ddd8c9;--color-neutral-500: #888376;--color-neutral-700: #4d4a43;--color-line: rgba(17, 17, 17, .08);--color-line-strong: rgba(17, 17, 17, .14);--color-success: oklch(62% .13 145);--color-success-soft: oklch(94% .04 145);--color-success-ink: oklch(32% .08 145);--color-warning: oklch(72% .15 78);--color-warning-soft: oklch(96% .05 85);--color-warning-ink: oklch(42% .1 78);--color-danger: oklch(58% .18 28);--color-danger-soft: oklch(95% .04 28);--color-danger-ink: oklch(38% .12 28);--color-info: oklch(58% .14 240);--color-info-soft: oklch(94% .04 240);--color-info-ink: oklch(32% .1 240);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(17, 17, 17, .06), 0 1px 1px rgba(17, 17, 17, .04);--shadow-md: 0 6px 16px -8px rgba(17, 17, 17, .12), 0 2px 4px rgba(17, 17, 17, .04);--shadow-lg: 0 20px 40px -24px rgba(17, 17, 17, .2);--motion-fast: .15s;--motion-base: .24s;--motion-slow: .32s;--easing: cubic-bezier(.22, 1, .36, 1);--easing-standard: cubic-bezier(.22, 1, .36, 1);--max-w: 1120px}html[data-theme=dark]{color-scheme:dark;--color-surface: #15171a;--color-bg: #15171a;--color-surface-2: #1f2226;--color-ink: #f5f0e4;--color-neutral-100: #1b1e22;--color-neutral-200: #23272d;--color-neutral-300: #2f333a;--color-neutral-500: #8a8f96;--color-neutral-700: #c2c7ce;--color-line: rgba(245, 240, 228, .1);--color-line-strong: rgba(245, 240, 228, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-display);background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";transition:background-color var(--motion-base) var(--easing),color var(--motion-base) var(--easing)}a{color:inherit}.nav-inner{max-width:1120px;margin-left:auto;margin-right:auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.wordmark-block{display:flex;flex-direction:column;line-height:1;gap:2px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.wordmark span{color:var(--color-primary)}.wordmark-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-500);font-weight:500}.nav-links{display:flex;gap:var(--space-6);font-size:14px;align-items:center}.nav-links a{color:var(--color-neutral-700);text-decoration:none;font-weight:500;transition:color var(--motion-fast) var(--easing)}.nav-links a:hover{color:var(--color-primary)}.nav-links a[aria-current=page]{color:var(--color-ink);font-weight:600}.nav-links a:not([href]){cursor:default}.nav-brand-dot{appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.nav-brand-dot:hover{transform:scale(1.12)}.nav-brand-dot[aria-pressed=true]{border-color:var(--color-ink);transform:scale(1.06)}.nav-brand-dot-custom{background:conic-gradient(from 180deg,#d33944,#dba751,#2a904b,#507adf,#d36472);position:relative;overflow:hidden}.nav-brand-dot-custom input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.nav-icon-btn{appearance:none;background:color-mix(in srgb,var(--color-ink) 6%,transparent);border:none;border-radius:9999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-700);cursor:pointer;padding:0;transition:background-color .15s ease,color .15s ease;position:relative}.nav-icon-btn:hover{background:color-mix(in srgb,var(--color-ink) 10%,transparent);color:var(--color-ink)}.nav-icon-btn[aria-expanded=true]{background:color-mix(in srgb,var(--color-ink) 12%,transparent)}.nav-palette-btn .nav-palette-swatch{width:16px;height:16px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-ink) 10%,transparent);transition:background .2s ease}.brand-menu-wrap{position:relative}.brand-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);border-radius:12px;box-shadow:0 8px 28px color-mix(in srgb,var(--color-ink) 12%,transparent);padding:12px;width:260px;z-index:50;animation:bm-fade-in .14s ease-out}.brand-menu[hidden]{display:none}.bm-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-500);font-weight:600;padding:0 6px 8px}.bm-presets{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bm-preset{appearance:none;background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 10px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;color:var(--color-ink);cursor:pointer;text-align:left;min-width:0;transition:background-color .12s ease,border-color .12s ease}.bm-preset:hover{background:color-mix(in srgb,var(--color-ink) 5%,transparent)}.bm-preset[aria-pressed=true]{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);color:var(--color-primary-deep, var(--color-ink));font-weight:600}.bm-preset-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.bm-divider{height:1px;background:color-mix(in srgb,var(--color-ink) 8%,transparent);margin:8px 0}.bm-custom{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;cursor:pointer;font-family:var(--font-display);font-size:13px;color:var(--color-ink);transition:background-color .12s ease}.bm-custom:hover{background:color-mix(in srgb,var(--color-ink) 5%,transparent)}.bm-custom input[type=color]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-ink) 12%,transparent);padding:0;cursor:pointer;background:transparent;flex-shrink:0}.bm-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.bm-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.bm-custom input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.bm-hex{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.02em;text-transform:uppercase}.nav-mode-toggle:hover{background:color-mix(in srgb,var(--color-ink) 10%,transparent);color:var(--color-ink)}:root[data-theme=dark] .code{background:#08080a;border:1px solid var(--color-line)}.site-foot{margin-top:96px;padding:40px 0 64px;background:color-mix(in srgb,var(--color-ink) 4%,var(--color-surface));border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}.site-foot-inner{max-width:1120px;margin-left:auto;margin-right:auto;padding:0 var(--space-6)}@media(min-width:721px){.site-foot-inner{padding:0 40px}}.site-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.site-foot-brand h4{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.site-foot-brand h4 span{color:var(--color-primary)}.site-foot-brand p{font-size:13px;line-height:1.55;color:var(--color-neutral-700);margin:0;max-width:260px}.site-foot-col h5{font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-weight:500}.site-foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.site-foot-col a{font-size:13px;color:var(--color-neutral-700);text-decoration:none;font-weight:500}.site-foot-brand .foot-inline-link,.footer-brand .foot-inline-link{color:var(--color-ink);text-decoration:none;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 20%,transparent);transition:border-color .15s ease,color .15s ease}.site-foot-brand .foot-inline-link:hover,.footer-brand .foot-inline-link:hover{color:var(--color-primary);border-bottom-color:currentColor}.site-foot-col a:hover{color:var(--color-primary)}.site-foot-bottom{margin-top:40px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--color-neutral-500);letter-spacing:.02em;flex-wrap:wrap;gap:12px}.site-foot code{font-family:var(--font-mono);font-size:.9em;background:color-mix(in srgb,var(--color-ink) 5%,transparent);padding:1px 5px;border-radius:4px}.nav{position:sticky;top:0;z-index:30;padding:14px 0;background:color-mix(in srgb,var(--color-surface) 90%,#fff);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent)}html[data-theme=dark] .nav{background:color-mix(in srgb,var(--color-surface) 75%,#000)}.nav-brand-switch{display:none!important}.nav-actions{display:inline-flex;align-items:center;gap:6px}.nav-mode-toggle{appearance:none;background:color-mix(in srgb,var(--color-ink) 6%,transparent);border:none;border-radius:9999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-700);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.nav-burger{display:none}@media(max-width:640px){.nav-inner{padding:0 var(--space-4)}}@media(max-width:720px){.nav-burger{display:inline-flex}.nav-links{position:absolute;top:100%;left:0;right:0;background:color-mix(in srgb,var(--color-surface) 95%,#fff);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid color-mix(in srgb,var(--color-ink) 10%,transparent);box-shadow:0 12px 28px -18px #1111112e;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2) var(--space-4) var(--space-3);transform-origin:top;animation:nav-links-fade-in .14s ease-out}.nav-links:not(.nav-links-open){display:none}.nav-links a{display:flex;align-items:center;min-height:44px;padding:var(--space-3) var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--color-ink) 6%,transparent);font-size:15px}.nav-links a:last-child{border-bottom:none}}html[data-theme=dark] .nav-links{background:color-mix(in srgb,var(--color-surface) 85%,#000)}@keyframes nav-links-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.nav-icon-btn,.nav-mode-toggle{width:44px;height:44px}}@media(max-width:680px){.site-foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.site-foot-grid{grid-template-columns:1fr;gap:var(--space-6)}.site-foot-brand p{max-width:100%}.site-foot{padding:32px 0 48px}}