:root{--font-sans:var(--font-hanken),ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:var(--font-plex-mono),ui-monospace,"SF Mono",Menlo,monospace;--warm-0:oklch(1 0 0);--warm-25:oklch(0.9905 0.0035 75);--warm-50:oklch(0.981 0.005 75);--warm-100:oklch(0.962 0.006 75);--warm-200:oklch(0.925 0.007 72);--warm-300:oklch(0.872 0.008 70);--warm-400:oklch(0.745 0.010 68);--warm-500:oklch(0.618 0.012 65);--warm-600:oklch(0.512 0.012 62);--warm-700:oklch(0.398 0.012 60);--warm-800:oklch(0.288 0.011 60);--warm-850:oklch(0.236 0.010 60);--warm-900:oklch(0.190 0.009 60);--warm-950:oklch(0.148 0.008 58);--warm-975:oklch(0.118 0.007 58);--clay-50:oklch(0.968 0.016 45);--clay-100:oklch(0.936 0.033 45);--clay-200:oklch(0.885 0.056 44);--clay-300:oklch(0.812 0.085 43);--clay-400:oklch(0.722 0.112 42);--clay-500:oklch(0.638 0.132 40);--clay-600:oklch(0.566 0.128 38);--clay-700:oklch(0.470 0.106 37);--clay-800:oklch(0.360 0.078 37);--clay-900:oklch(0.268 0.055 38);--moss-100:oklch(0.940 0.034 152);--moss-300:oklch(0.800 0.080 152);--moss-500:oklch(0.600 0.108 152);--moss-700:oklch(0.452 0.086 152);--moss-900:oklch(0.262 0.048 152);--amber-100:oklch(0.950 0.038 85);--amber-300:oklch(0.855 0.090 82);--amber-500:oklch(0.720 0.128 78);--amber-700:oklch(0.545 0.104 74);--amber-900:oklch(0.300 0.055 72);--rust-100:oklch(0.940 0.028 25);--rust-300:oklch(0.800 0.088 25);--rust-500:oklch(0.598 0.156 26);--rust-700:oklch(0.480 0.132 26);--rust-900:oklch(0.278 0.070 26);--slate-100:oklch(0.945 0.020 220);--slate-300:oklch(0.820 0.048 220);--slate-500:oklch(0.612 0.078 222);--slate-700:oklch(0.472 0.066 224);--slate-900:oklch(0.272 0.038 226);--bg-canvas:var(--warm-50);--bg-surface:var(--warm-0);--bg-subtle:var(--warm-100);--bg-inset:var(--warm-100);--bg-elevated:var(--warm-0);--bg-hover:var(--warm-100);--bg-active:var(--warm-200);--bg-selected:var(--clay-50);--bg-inverse:var(--warm-900);--bg-overlay:oklch(0.190 0.009 60/0.45);--bg-scrim:oklch(1 0 0/0.72);--bg-accent:var(--clay-600);--bg-accent-hover:var(--clay-700);--bg-accent-active:var(--clay-800);--bg-accent-subtle:var(--clay-50);--text-primary:var(--warm-900);--text-secondary:var(--warm-700);--text-muted:var(--warm-500);--text-subtle:var(--warm-400);--text-inverse:var(--warm-50);--text-accent:var(--clay-700);--text-on-accent:var(--warm-0);--text-link:var(--clay-700);--text-link-hover:var(--clay-800);--border-subtle:var(--warm-200);--border-default:var(--warm-300);--border-strong:var(--warm-400);--border-accent:var(--clay-500);--border-focus:var(--clay-600);--ring-focus:oklch(0.638 0.132 40/0.28);--bg-success-subtle:var(--moss-100);--text-success:var(--moss-700);--border-success:oklch(0.800 0.080 152/0.7);--fill-success:var(--moss-500);--bg-warning-subtle:var(--amber-100);--text-warning:var(--amber-700);--border-warning:oklch(0.855 0.090 82/0.7);--fill-warning:var(--amber-500);--bg-danger-subtle:var(--rust-100);--text-danger:var(--rust-700);--border-danger:oklch(0.800 0.088 25/0.7);--fill-danger:var(--rust-500);--bg-info-subtle:var(--slate-100);--text-info:var(--slate-700);--border-info:oklch(0.820 0.048 220/0.7);--fill-info:var(--slate-500);--bg-neutral-subtle:var(--warm-100);--text-neutral:var(--warm-600);--border-neutral:var(--warm-300);--fill-neutral:var(--warm-400);color-scheme:light}.dark,:root.dark{--bg-canvas:var(--warm-975);--bg-surface:var(--warm-950);--bg-subtle:var(--warm-900);--bg-inset:var(--warm-975);--bg-elevated:var(--warm-900);--bg-hover:var(--warm-900);--bg-active:var(--warm-850);--bg-selected:oklch(0.470 0.106 37/0.20);--bg-inverse:var(--warm-100);--bg-overlay:oklch(0.118 0.007 58/0.62);--bg-scrim:oklch(0.148 0.008 58/0.75);--bg-accent:var(--clay-500);--bg-accent-hover:var(--clay-400);--bg-accent-active:var(--clay-600);--bg-accent-subtle:oklch(0.470 0.106 37/0.18);--text-primary:var(--warm-50);--text-secondary:var(--warm-300);--text-muted:var(--warm-500);--text-subtle:var(--warm-600);--text-inverse:var(--warm-950);--text-accent:var(--clay-300);--text-on-accent:var(--warm-975);--text-link:var(--clay-300);--text-link-hover:var(--clay-200);--border-subtle:var(--warm-900);--border-default:var(--warm-850);--border-strong:var(--warm-700);--border-accent:var(--clay-500);--border-focus:var(--clay-400);--ring-focus:oklch(0.722 0.112 42/0.32);--bg-success-subtle:oklch(0.452 0.086 152/0.20);--text-success:var(--moss-300);--border-success:oklch(0.452 0.086 152/0.55);--fill-success:var(--moss-500);--bg-warning-subtle:oklch(0.545 0.104 74/0.20);--text-warning:var(--amber-300);--border-warning:oklch(0.545 0.104 74/0.55);--fill-warning:var(--amber-500);--bg-danger-subtle:oklch(0.480 0.132 26/0.20);--text-danger:var(--rust-300);--border-danger:oklch(0.480 0.132 26/0.55);--fill-danger:var(--rust-500);--bg-info-subtle:oklch(0.472 0.066 224/0.22);--text-info:var(--slate-300);--border-info:oklch(0.472 0.066 224/0.55);--fill-info:var(--slate-500);--bg-neutral-subtle:var(--warm-900);--text-neutral:var(--warm-400);--border-neutral:var(--warm-850);--fill-neutral:var(--warm-600);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not(.light){--bg-canvas:var(--warm-975);--bg-surface:var(--warm-950);--bg-subtle:var(--warm-900);--bg-inset:var(--warm-975);--bg-elevated:var(--warm-900);--bg-hover:var(--warm-900);--bg-active:var(--warm-850);--bg-selected:oklch(0.470 0.106 37/0.20);--bg-inverse:var(--warm-100);--bg-overlay:oklch(0.118 0.007 58/0.62);--bg-scrim:oklch(0.148 0.008 58/0.75);--bg-accent:var(--clay-500);--bg-accent-hover:var(--clay-400);--bg-accent-active:var(--clay-600);--bg-accent-subtle:oklch(0.470 0.106 37/0.18);--text-primary:var(--warm-50);--text-secondary:var(--warm-300);--text-muted:var(--warm-500);--text-subtle:var(--warm-600);--text-inverse:var(--warm-950);--text-accent:var(--clay-300);--text-on-accent:var(--warm-975);--text-link:var(--clay-300);--text-link-hover:var(--clay-200);--border-subtle:var(--warm-900);--border-default:var(--warm-850);--border-strong:var(--warm-700);--border-accent:var(--clay-500);--border-focus:var(--clay-400);--ring-focus:oklch(0.722 0.112 42/0.32);--bg-success-subtle:oklch(0.452 0.086 152/0.20);--text-success:var(--moss-300);--border-success:oklch(0.452 0.086 152/0.55);--fill-success:var(--moss-500);--bg-warning-subtle:oklch(0.545 0.104 74/0.20);--text-warning:var(--amber-300);--border-warning:oklch(0.545 0.104 74/0.55);--fill-warning:var(--amber-500);--bg-danger-subtle:oklch(0.480 0.132 26/0.20);--text-danger:var(--rust-300);--border-danger:oklch(0.480 0.132 26/0.55);--fill-danger:var(--rust-500);--bg-info-subtle:oklch(0.472 0.066 224/0.22);--text-info:var(--slate-300);--border-info:oklch(0.472 0.066 224/0.55);--fill-info:var(--slate-500);--bg-neutral-subtle:var(--warm-900);--text-neutral:var(--warm-400);--border-neutral:var(--warm-850);--fill-neutral:var(--warm-600);color-scheme:dark}}:root{--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.625rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-body:1.55;--leading-loose:1.7;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tighter:-0.022em;--tracking-tight:-0.012em;--tracking-normal:-0.006em;--tracking-wide:0.02em;--tracking-caps:0.06em;--type-display:var(--weight-semibold) var(--text-3xl)/var(--leading-tight) var(--font-sans);--type-title:var(--weight-semibold) var(--text-xl)/var(--leading-tight) var(--font-sans);--type-heading:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans);--type-subheading:var(--weight-medium) var(--text-md)/var(--leading-snug) var(--font-sans);--type-body:var(--weight-regular) var(--text-base)/var(--leading-body) var(--font-sans);--type-ui:var(--weight-medium) var(--text-base)/var(--leading-tight) var(--font-sans);--type-cell:var(--weight-regular) var(--text-sm)/var(--leading-snug) var(--font-sans);--type-meta:var(--weight-regular) var(--text-xs)/var(--leading-snug) var(--font-sans);--type-label:var(--weight-medium) var(--text-2xs)/var(--leading-none) var(--font-sans);--type-mono:var(--weight-regular) var(--text-sm)/var(--leading-snug) var(--font-mono);--type-mono-xs:var(--weight-regular) var(--text-xs)/var(--leading-snug) var(--font-mono);--space-0:0px;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--control-xs:22px;--control-sm:28px;--control-md:32px;--control-lg:38px;--gutter-page:var(--space-6);--gutter-card:var(--space-4);--row-height:44px;--row-height-sm:36px;--sidebar-width:216px;--topbar-height:52px;--content-max:1200px;--prose-max:68ch;--radius-none:0px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:999px;--border-width:1px;--border-width-strong:1.5px;--shadow-none:none;--shadow-xs:0 1px 1px oklch(0.190 0.009 60/0.04);--shadow-sm:0 1px 2px oklch(0.190 0.009 60/0.06),0 1px 1px oklch(0.190 0.009 60/0.04);--shadow-md:0 4px 10px -2px oklch(0.190 0.009 60/0.08),0 2px 4px -2px oklch(0.190 0.009 60/0.06);--shadow-lg:0 12px 28px -6px oklch(0.190 0.009 60/0.12),0 4px 10px -4px oklch(0.190 0.009 60/0.08);--shadow-focus:0 0 0 3px var(--ring-focus)}.dark,:root.dark{--shadow-xs:0 1px 1px oklch(0 0 0/0.30);--shadow-sm:0 1px 2px oklch(0 0 0/0.40),0 1px 1px oklch(0 0 0/0.24);--shadow-md:0 4px 10px -2px oklch(0 0 0/0.50),0 2px 4px -2px oklch(0 0 0/0.34);--shadow-lg:0 12px 28px -6px oklch(0 0 0/0.60),0 4px 10px -4px oklch(0 0 0/0.42)}@media (prefers-color-scheme:dark){:root:not(.light){--shadow-xs:0 1px 1px oklch(0 0 0/0.30);--shadow-sm:0 1px 2px oklch(0 0 0/0.40),0 1px 1px oklch(0 0 0/0.24);--shadow-md:0 4px 10px -2px oklch(0 0 0/0.50),0 2px 4px -2px oklch(0 0 0/0.34);--shadow-lg:0 12px 28px -6px oklch(0 0 0/0.60),0 4px 10px -4px oklch(0 0 0/0.42)}}:root{--duration-instant:80ms;--duration-fast:120ms;--duration-base:180ms;--duration-slow:260ms;--ease-standard:cubic-bezier(0.2,0,0.1,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--transition-colors:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:var(--type-body);letter-spacing:var(--tracking-normal);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}::selection{background:var(--clay-200);color:var(--warm-900)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.95em}:root{--text-muted:var(--warm-600);--site-body:1.0625rem;--site-lead:1.1875rem;--site-h3:1.25rem;--site-h2:clamp(1.75rem,1.15rem + 1.9vw,2.5rem);--site-h1:clamp(2.25rem,1.3rem + 3.4vw,3.5rem);--site-container:1100px;--site-gutter:var(--space-6);--site-section-y:clamp(var(--space-16),8vw,var(--space-24))}a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:from-font}.btn,.btn:hover,.skip-link,.skip-link:focus{text-decoration:none}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-size:var(--site-body);line-height:var(--leading-body)}h1,h2,h3,h4{margin:0;text-wrap:balance}ol,p,ul{margin:0}ol,ul{padding:0}dd,figure{margin:0}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--site-container);margin-inline:auto;padding-inline:var(--site-gutter)}.section{padding-block:var(--site-section-y)}.section-alt{background:var(--bg-surface)}.prose{max-width:62ch}.eyebrow{font:var(--type-label);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-4)}.h1{font-size:var(--site-h1);line-height:1.06}.h1,.h2{font-family:var(--font-sans);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);color:var(--text-primary)}.h2{font-size:var(--site-h2);line-height:1.12}.h3{font-family:var(--font-sans);font-size:var(--site-h3);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.lead{font-size:var(--site-lead);line-height:var(--leading-body)}.lead,.muted{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);cursor:pointer;transition:var(--transition-colors)}.btn,.btn:hover{text-decoration:none}.btn-primary{background:var(--bg-accent);border-color:var(--bg-accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--bg-accent-hover);border-color:var(--bg-accent-hover);color:var(--text-on-accent)}.btn-primary:active{background:var(--bg-accent-active);border-color:var(--bg-accent-active)}.btn-primary[disabled]{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.card{background:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.panel-accent{background:var(--bg-accent-subtle);border:var(--border-width) solid var(--clay-200);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-accent);font-size:var(--text-base)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3-5);transition:var(--transition-colors)}.textarea{min-height:96px;resize:vertical;line-height:var(--leading-body)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--fill-danger)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.field-error{font-size:var(--text-sm);color:var(--text-danger)}.form-status{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--text-base);border:var(--border-width) solid transparent}.form-status-success{background:var(--bg-success-subtle);border-color:var(--border-success);color:var(--text-success)}.form-status-error{background:var(--bg-danger-subtle);border-color:var(--border-danger);color:var(--text-danger)}.hp{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.hp,.skip-link{position:absolute}.skip-link{left:var(--space-4);top:calc(var(--space-4) * -6);z-index:100;background:var(--bg-surface);color:var(--text-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:top var(--duration-fast) var(--ease-standard)}.skip-link:focus{top:var(--space-4);text-decoration:none}