:root{--color-background-primary:#fff;--color-background-secondary:#f7f8f9;--color-background-tertiary:#f1f3f4;--color-surface-primary:#fff;--color-surface-secondary:#f7f8f9;--color-surface-raised:#fff;--color-surface-glass:hsla(0,0%,100%,.72);--color-text-primary:#1a1f22;--color-text-secondary:#5b656c;--color-text-tertiary:#7c868d;--color-text-disabled:#a7afb5;--color-text-inverse:#fff;--color-text-link:#005e77;--color-text-brand:#005e77;--color-border-subtle:#e8ebed;--color-border-default:#dde1e4;--color-border-strong:#c7cdd1;--color-border-focus:#14dbdb;--color-brand-primary:#005e77;--color-brand-primary-hover:#004f64;--color-brand-primary-pressed:#003f50;--color-brand-on-primary:#fff;--color-brand-tint:#e6f0f3;--color-brand-tint-pressed:#cce2e8;--color-brand-on-tint:#004f64;--color-brand-accent:#14dbdb;--color-brand-accent-pressed:#10c4c4;--color-brand-on-accent:#1a1f22;--color-brand-accent-tint:#e7fcfc;--color-brand-accent-border:#c4f8f8;--color-feedback-success-fg:#1e8e4e;--color-feedback-success-solid:#34c759;--color-feedback-success-bg:#e8f8ec;--color-feedback-success-border:#b6e7c4;--color-feedback-warning-fg:#9a6400;--color-feedback-warning-solid:#ff9f0a;--color-feedback-warning-bg:#fff4e5;--color-feedback-warning-border:#fbe0ad;--color-feedback-error-fg:#c42b22;--color-feedback-error-solid:#ff3b30;--color-feedback-error-bg:#ffebea;--color-feedback-error-border:#f6c2be;--color-feedback-info-fg:#004f64;--color-feedback-info-solid:#005e77;--color-feedback-info-bg:#e6f0f3;--color-feedback-info-border:#cce2e8;--color-ai-gradient:linear-gradient(135deg,#8b5cf6,#6366f1 52%,#14dbdb);--color-ai-from:#8b5cf6;--color-ai-via:#6366f1;--color-ai-to:#14dbdb;--color-ai-fg:#7c3aed;--color-ai-tint:#f5f1ff;--color-ai-on-tint:#6d28d9;--color-ai-on-gradient:#fff;--color-overlay:rgba(15,19,22,.45);--color-pressed-overlay:rgba(15,19,22,.06);--palette-neutral-0:#fff;--palette-neutral-50:#f7f8f9;--palette-neutral-100:#f1f3f4;--palette-neutral-150:#e8ebed;--palette-neutral-200:#dde1e4;--palette-neutral-300:#c7cdd1;--palette-neutral-400:#a7afb5;--palette-neutral-500:#7c868d;--palette-neutral-600:#5b656c;--palette-neutral-700:#414a50;--palette-neutral-800:#2a3136;--palette-neutral-900:#1a1f22;--palette-neutral-950:#0f1316;--palette-neutral-1000:#000;--palette-teal-50:#e6f0f3;--palette-teal-100:#cce2e8;--palette-teal-200:#99c4d1;--palette-teal-300:#66a7ba;--palette-teal-400:#338aa3;--palette-teal-500:#005e77;--palette-teal-600:#004f64;--palette-teal-700:#003f50;--palette-teal-800:#00303d;--palette-teal-900:#002029;--palette-aqua-50:#e7fcfc;--palette-aqua-100:#c4f8f8;--palette-aqua-200:#8cf1f1;--palette-aqua-300:#4ee8e8;--palette-aqua-400:#14dbdb;--palette-aqua-500:#10c4c4;--palette-aqua-600:#0fa3a3;--palette-aqua-700:#0c8181;--palette-aqua-800:#0a6666;--palette-violet-50:#f5f1ff;--palette-violet-100:#ebe3ff;--palette-violet-200:#d7c7ff;--palette-violet-300:#bba1ff;--palette-violet-400:#9b74ff;--palette-violet-500:#8b5cf6;--palette-violet-600:#7c3aed;--palette-violet-700:#6d28d9;--palette-violet-800:#5b21b6;--palette-violet-900:#4a1d8f;--palette-indigo-500:#6366f1;--palette-green-fg:#1e8e4e;--palette-green-solid:#34c759;--palette-green-bg:#e8f8ec;--palette-green-border:#b6e7c4;--palette-amber-fg:#9a6400;--palette-amber-solid:#ff9f0a;--palette-amber-bg:#fff4e5;--palette-amber-border:#fbe0ad;--palette-red-fg:#c42b22;--palette-red-solid:#ff3b30;--palette-red-bg:#ffebea;--palette-red-border:#f6c2be;--radius-none:0px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--space-0:0px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--font-family-sans:Inter,"Noto Sans Myanmar","Noto Serif Thai",sans-serif;--font-family-myanmar:"Noto Sans Myanmar",sans-serif;--font-family-thai:"Noto Serif Thai",serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-caption2:11px;--font-size-caption:12px;--font-size-footnote:13px;--font-size-subhead:15px;--font-size-callout:16px;--font-size-body:17px;--font-size-headline:17px;--font-size-title3:20px;--font-size-title2:22px;--font-size-title1:28px;--font-size-large-title:34px;--font-size-display:40px;--line-height-caption2:14px;--line-height-caption:16px;--line-height-footnote:18px;--line-height-subhead:20px;--line-height-callout:22px;--line-height-body:24px;--line-height-headline:22px;--line-height-title3:26px;--line-height-title2:28px;--line-height-title1:34px;--line-height-large-title:41px;--line-height-display:48px;--letter-spacing-tight:-0.4px;--letter-spacing-normal:0px;--letter-spacing-wide:0.4px;--elevation-none:none;--elevation-xs:0 0 4px rgba(15,19,22,.12);--elevation-sm:0 1px 2px rgba(15,19,22,.05),0 4px 12px rgba(15,19,22,.09);--elevation-md:0 2px 4px rgba(15,19,22,.06),0 8px 20px rgba(15,19,22,.12);--elevation-lg:0 12px 28px rgba(15,19,22,.12);--duration-instant:0ms;--duration-fast:150ms;--duration-base:250ms;--duration-slow:350ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-decelerate:cubic-bezier(0,0,0,1);--ease-accelerate:cubic-bezier(0.3,0,1,1);--touch-min:48px;--touch-comfortable:56px;--touch-compact:44px}[data-theme=dark]{--color-background-primary:#0f1316;--color-background-secondary:#1a1f22;--color-background-tertiary:#2a3136;--color-surface-primary:#1a1f22;--color-surface-secondary:#2a3136;--color-surface-raised:#2a3136;--color-surface-glass:rgba(26,31,34,.72);--color-text-primary:#f7f8f9;--color-text-secondary:#c7cdd1;--color-text-tertiary:#a7afb5;--color-text-disabled:#5b656c;--color-text-inverse:#0f1316;--color-text-link:#4ee8e8;--color-text-brand:#14dbdb;--color-border-subtle:#2a3136;--color-border-default:#414a50;--color-border-strong:#5b656c;--color-border-focus:#14dbdb;--color-brand-primary:#14dbdb;--color-brand-primary-hover:#4ee8e8;--color-brand-primary-pressed:#10c4c4;--color-brand-on-primary:#0f1316;--color-brand-tint:#002029;--color-brand-tint-pressed:#00303d;--color-brand-on-tint:#4ee8e8;--color-brand-accent:#14dbdb;--color-brand-accent-pressed:#10c4c4;--color-brand-on-accent:#0f1316;--color-brand-accent-tint:#002029;--color-brand-accent-border:#00303d;--color-feedback-success-fg:#5bd98a;--color-feedback-success-solid:#34c759;--color-feedback-success-bg:#10231a;--color-feedback-success-border:#1e4533;--color-feedback-warning-fg:#ffc163;--color-feedback-warning-solid:#ff9f0a;--color-feedback-warning-bg:#2a1f0a;--color-feedback-warning-border:#4a3a15;--color-feedback-error-fg:#ff8a82;--color-feedback-error-solid:#ff3b30;--color-feedback-error-bg:#2a1312;--color-feedback-error-border:#4a201e;--color-feedback-info-fg:#4ee8e8;--color-feedback-info-solid:#14dbdb;--color-feedback-info-bg:#002029;--color-feedback-info-border:#00303d;--color-ai-gradient:linear-gradient(135deg,#8b5cf6,#6366f1 52%,#14dbdb);--color-ai-from:#8b5cf6;--color-ai-via:#6366f1;--color-ai-to:#14dbdb;--color-ai-fg:#9b74ff;--color-ai-tint:#241544;--color-ai-on-tint:#d7c7ff;--color-ai-on-gradient:#fff;--color-overlay:rgba(0,0,0,.6);--color-pressed-overlay:hsla(0,0%,100%,.08)}:root{--bg:var(--color-background-secondary);--bg-elevated:var(--color-surface-primary);--surface:var(--color-surface-primary);--code-bg:var(--bg);--text:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--border-subtle:var(--color-border-subtle);--border:var(--color-border-default);--brand:var(--color-text-link);--brand-strong:var(--color-brand-primary-hover);--accent:var(--color-brand-accent);--on-brand:var(--color-brand-on-primary);--shadow-sm:var(--elevation-sm);--shadow-md:var(--elevation-md);--good-fg:var(--color-feedback-success-fg);--good-bg:var(--color-feedback-success-bg);--good-border:var(--color-feedback-success-border);--good-solid:var(--color-feedback-success-solid);--bad-fg:var(--color-feedback-error-fg);--bad-bg:var(--color-feedback-error-bg);--bad-border:var(--color-feedback-error-border);--bad-solid:var(--color-feedback-error-solid);--font-sans:var(--font-family-sans);--font-mm:var(--font-family-myanmar);--font-thai:var(--font-family-thai);--font-mono:var(--font-family-mono);--swatch-ring:inset 0 0 0 1px color-mix(in srgb,var(--palette-neutral-500) 35%,transparent);--sidebar-width:264px;--content-max:720px;--toc-width:200px;--header-height:60px}[data-theme=dark]{--bg:var(--color-background-primary)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border-subtle);background:var(--bg-elevated);padding:var(--space-24) var(--space-16) var(--space-64);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.site-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);padding:0 var(--space-32);position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);z-index:10}.site-header-title{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0}.site-search{position:relative;flex:1 1 auto;max-width:440px;margin-inline:auto;display:flex;align-items:center}.site-search-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none}.site-search-input{width:100%;height:var(--touch-compact);padding:0 var(--space-48) 0 var(--space-40);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:var(--font-size-subhead);font-family:inherit;outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.site-search-input::placeholder{color:var(--text-tertiary)}.site-search-input:focus{background:var(--bg-elevated);border-color:var(--color-text-tertiary)}.site-search-kbd{right:10px;display:flex;align-items:center;height:20px;padding:0 var(--space-8);font-size:var(--font-size-caption2);font-family:inherit;color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);pointer-events:none}.site-search-kbd,.site-search-results{position:absolute;background:var(--bg-elevated)}.site-search-results{top:calc(100% + 8px);left:0;right:0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:30}.site-search-result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.site-search-result.active,.site-search-result:hover{background:var(--bg);text-decoration:none}.site-search-result-label{font-size:var(--font-size-subhead);font-weight:var(--font-weight-medium)}.site-search-result-section{font-size:var(--font-size-caption);color:var(--text-tertiary);white-space:nowrap}.site-search-empty{padding:var(--space-12) var(--space-12);font-size:var(--font-size-footnote);color:var(--text-tertiary);text-align:center}@media (max-width:720px){.site-header-title,.site-search-kbd{display:none}}.content{padding:var(--space-40) var(--space-32) calc(var(--space-40) * 3);width:100%;display:flex;align-items:flex-start;gap:var(--space-48);justify-content:center}.prose{flex:1 1 auto;max-width:var(--content-max);min-width:0}.toc{flex:0 0 var(--toc-width);width:var(--toc-width);position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 28px);align-self:flex-start;max-height:calc(100vh - var(--header-height) - 56px);overflow-y:auto}.toc-title{font-size:var(--font-size-caption2);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-12)}.toc-nav{display:flex;flex-direction:column;gap:var(--space-2);border-left:1px solid var(--border-subtle)}.toc-link{display:block;padding:var(--space-4) 0 var(--space-4) var(--space-16);margin-left:calc(var(--space-0) * -1);border-left:2px solid transparent;font-size:var(--font-size-footnote);line-height:1.4;color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.toc-link:hover{color:var(--text)}.toc-sub{padding-left:var(--space-24);font-size:var(--font-size-caption)}.toc-link.is-active{color:var(--brand);border-left-color:var(--brand);font-weight:var(--font-weight-semibold)}.ex-rail-nav{display:flex;flex-direction:column;gap:var(--space-2)}.ex-rail-link{display:flex;align-items:baseline;gap:var(--space-8);padding:var(--space-8) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-footnote);line-height:1.35;color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.ex-rail-link:hover{color:var(--text);background:var(--color-background-tertiary)}.ex-rail-n{flex:0 0 auto;width:18px;font-size:var(--font-size-caption2);font-weight:var(--font-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.ex-rail-title{min-width:0}.ex-rail-link.is-active{color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);font-weight:var(--font-weight-semibold)}.ex-rail-link.is-active .ex-rail-n{color:var(--brand)}.ex-rail-link.is-soon{color:var(--text-tertiary);cursor:default}.ex-rail-link.is-soon .ex-rail-title{opacity:.7}.prose :is(h1,h2,h3){scroll-margin-top:calc(var(--header-height) + var(--space-20))}@media (max-width:1180px){.toc{display:none}.content{justify-content:flex-start}}.hero{position:relative;isolation:isolate;overflow:hidden;margin:0 0 var(--space-32);padding:calc(var(--space-16) * 5) var(--space-32) calc(var(--space-16) * 6);border-radius:var(--radius-xl);background:radial-gradient(120% 80% at 50% 0,var(--palette-neutral-900) 0,var(--palette-neutral-950) 60%,color-mix(in srgb,var(--palette-neutral-950) 82%,var(--palette-neutral-1000)) 100%);border:1px solid color-mix(in srgb,var(--palette-neutral-0) 6%,transparent)}.hero-dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(70% 55% at 50% 46%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(circle,color-mix(in srgb,var(--palette-neutral-0) 7%,transparent) 1px,transparent 1.4px);background-size:100% 100%,22px 22px;background-position:50%,50%;pointer-events:none}.hero-inner{position:relative;text-align:center;max-width:640px;margin:0 auto}.hero-kicker{display:inline-flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-24);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--palette-neutral-0) 6%,transparent);border:1px solid color-mix(in srgb,var(--palette-neutral-0) 10%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:color-mix(in srgb,var(--palette-neutral-0) 78%,transparent)}.hero-kicker-logo{width:26px;height:26px;border-radius:var(--radius-sm)}.hero .hero-title{font-size:clamp(var(--font-size-title1),5.2vw,calc(var(--font-size-display) * 1.35));line-height:1.05;letter-spacing:-.04em;font-weight:var(--font-weight-bold);color:var(--palette-neutral-50);margin:0 auto var(--space-20);max-width:560px;text-wrap:balance}.hero .hero-accent{background:linear-gradient(102deg,var(--palette-aqua-500) 0,var(--palette-aqua-400) 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero .hero-lede{max-width:480px;margin:0 auto;font-size:var(--font-size-body);line-height:1.6;color:color-mix(in srgb,var(--palette-neutral-0) 60%,transparent)}.cursor{position:absolute;z-index:1;animation:hero-float 6s ease-in-out infinite alternate}.cursor-arrow{display:block;fill:var(--tag);stroke:color-mix(in srgb,var(--palette-neutral-0) 92%,transparent);stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 5px 10px color-mix(in srgb,var(--palette-neutral-1000) 50%,transparent))}.cursor-label{position:absolute;top:17px;left:15px;padding:var(--space-2) var(--space-12);border-radius:var(--radius-sm);background:var(--tag);color:var(--color-text-inverse);font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;white-space:nowrap;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--tag) 75%,transparent)}.tag-violet{--tag:var(--palette-violet-500)}.tag-teal{--tag:var(--palette-aqua-600)}.tag-coral{--tag:var(--palette-amber-solid)}.tag-aqua{--tag:var(--palette-aqua-400)}.tag-aqua .cursor-label{color:var(--palette-teal-800)}.cursor.is-ai .cursor-label{background:linear-gradient(var(--palette-neutral-950),var(--palette-neutral-950)) padding-box,var(--color-ai-gradient) border-box;border:1.5px solid transparent;color:var(--color-text-inverse);box-shadow:0 10px 22px -10px color-mix(in srgb,var(--color-ai-from) 70%,transparent)}.cursor.is-ai .cursor-arrow{stroke:color-mix(in srgb,var(--palette-neutral-0) 85%,transparent)}@keyframes hero-float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}@media (max-width:760px){.hero{padding:var(--space-48) var(--space-20) var(--space-64)}.hero .hero-title{font-size:var(--font-size-large-title)}.cursor{display:none}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter var(--duration-slow) var(--ease-decelerate) both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}.nav-brand{display:flex;align-items:center;gap:var(--space-8);margin:0 0 var(--space-32);padding:var(--space-2) var(--space-8);color:var(--text)}.nav-brand:hover{text-decoration:none}.nav-logo{width:30px;height:30px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.nav-brand-text{display:flex;flex-direction:column;line-height:1.15}.nav-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-subhead)}.nav-subtitle{font-size:var(--font-size-caption);color:var(--text-tertiary)}.nav-section{margin-bottom:var(--space-24)}.nav-section-title{font-size:var(--font-size-caption2);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-8);margin-bottom:var(--space-8)}.nav-subgroup{margin-top:var(--space-2)}.nav-subgroup-title{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-8);background:none;border:0;cursor:pointer;font-family:inherit;font-size:var(--font-size-caption2);font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:var(--text-tertiary);padding:var(--space-4) var(--space-8);margin-bottom:var(--space-2);text-align:left}.nav-subgroup-title:hover{color:var(--text-secondary)}.nav-subgroup-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-standard)}.nav-subgroup-chevron[data-open=false]{transform:rotate(-90deg)}.nav-subgroup-items{margin-left:var(--space-16);padding-left:var(--space-2);border-left:1px solid var(--border-subtle)}.nav-link{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-subhead);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-label{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-icon{flex-shrink:0;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-standard)}.nav-link:hover{background:var(--bg);text-decoration:none;color:var(--text)}.nav-link:hover .nav-icon{color:var(--text-secondary)}.nav-link.active{background:var(--color-brand-tint);font-weight:var(--font-weight-semibold)}.nav-link.active,.nav-link.active .nav-icon{color:var(--color-brand-on-tint)}.nav-link.disabled{color:var(--text-tertiary);cursor:default}.nav-link.disabled .nav-icon{color:var(--text-tertiary);opacity:.7}.nav-badge{font-size:var(--font-size-caption2);letter-spacing:.02em;color:var(--text-tertiary);background:var(--bg);padding:var(--space-2) var(--space-8);flex-shrink:0}.nav-badge,.theme-toggle{font-weight:var(--font-weight-medium);border-radius:var(--radius-pill)}.theme-toggle{height:34px;padding:0 var(--space-12);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-size-footnote);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-4)}.theme-toggle:hover{border-color:var(--text-tertiary);color:var(--text)}.prose h1{font-size:var(--font-size-large-title);line-height:1.12;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-12)}.prose .lede{margin:0 0 var(--space-40)}.prose .lede,.prose .lede p{font-size:var(--font-size-title3);line-height:1.5;font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-tight);color:var(--text-secondary)}.prose .lede p{margin:0}.prose h2{font-size:var(--font-size-title2);letter-spacing:var(--letter-spacing-tight);margin:calc(var(--space-64) + var(--space-8)) 0 var(--space-12);scroll-margin-top:calc(var(--space-40) * 2)}.prose h2,.prose h3{font-weight:var(--font-weight-semibold)}.prose h3{font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-normal);margin:var(--space-40) 0 var(--space-8)}.prose p{color:var(--text)}.prose ol,.prose p,.prose ul{font-size:var(--font-size-callout);line-height:1.7;margin:0 0 var(--space-16)}.prose ol,.prose ul{padding-left:var(--space-20)}.prose li{margin-bottom:var(--space-4)}.prose strong{font-weight:var(--font-weight-semibold)}.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:calc(var(--space-64) + var(--space-8)) 0}.mdx-pre{margin:0 0 var(--space-24);padding:var(--space-16) var(--space-16);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--code-bg);font-family:var(--font-mono);font-size:var(--font-size-footnote);line-height:1.6;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mdx-pre>code{font:inherit;background:none;border:none;padding:0}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.88em;background:var(--color-background-tertiary);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4)}.prose table{width:100%;border-collapse:collapse;font-size:var(--font-size-subhead);margin:0 0 var(--space-24)}.prose td,.prose th{text-align:left;padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--border-subtle);vertical-align:top}.prose th{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-16);gap:var(--space-16);margin:var(--space-20) 0 var(--space-8)}.ex-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-16);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}a.ex-card:hover{border-color:var(--brand);transform:translateY(-1px)}.ex-card-n{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--brand)}.ex-card-title{font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);color:var(--text)}.ex-card-blurb{font-size:var(--font-size-footnote);line-height:1.5;color:var(--text-secondary)}.ex-card-disabled{opacity:.6;box-shadow:none}.ex-card-soon{margin-top:var(--space-2);align-self:flex-start;font-size:var(--font-size-caption2);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-8)}.ba-row{display:flex;flex-wrap:wrap;gap:var(--space-24);justify-content:center;margin:var(--space-8) 0 var(--space-24)}.ba-col{flex:1 1 260px;max-width:340px;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.ba-tag{font-size:var(--font-size-caption2);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill)}.ba-before{color:var(--bad-fg);background:var(--bad-bg)}.ba-after{color:var(--good-fg);background:var(--good-bg)}.preview-stage{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:16px 16px;padding:var(--space-24);display:flex;justify-content:center;margin:var(--space-8) 0 var(--space-24)}.preview-stage.plain{background-image:none;background:var(--bg)}.phone-frame{width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-12);position:relative}.phone-notch{width:110px;height:5px;border-radius:var(--radius-pill);background:var(--border);margin:var(--space-2) auto var(--space-16)}.phone-screen{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-20) var(--space-16);min-height:120px;display:flex;flex-direction:column;gap:var(--space-12)}.device{--screen-w:322px;width:344px;padding:var(--space-12);border-radius:54px;background:linear-gradient(160deg,var(--palette-neutral-800) 0,color-mix(in srgb,var(--palette-neutral-950) 70%,var(--palette-neutral-1000)) 60%,color-mix(in srgb,var(--palette-neutral-950) 55%,var(--palette-neutral-1000)) 100%);box-shadow:var(--elevation-lg),inset 0 0 0 2px color-mix(in srgb,var(--palette-neutral-0) 5%,transparent)}.device-screen{background:var(--bg);border-radius:44px;overflow:hidden;width:var(--screen-w);height:calc(var(--screen-w) * 874 / 402);display:flex;flex-direction:column}.device-statusbar{flex-shrink:0;height:46px;padding:0 var(--space-24) 0 var(--space-32);display:flex;align-items:center;justify-content:space-between;color:var(--text)}.device-time{font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold);letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.device-icons{display:flex;align-items:center;gap:var(--space-8)}.device-content{flex:1 1;min-height:0;display:flex;flex-direction:column;padding:var(--space-8) var(--space-16) var(--space-20);overflow-y:auto;-webkit-overflow-scrolling:touch}.prose input:focus,.prose textarea:focus{outline:none}.controls{display:flex;flex-direction:column;gap:var(--space-12);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-16) var(--space-16);background:var(--bg-elevated);margin-bottom:var(--space-24)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.control-label{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.segmented{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);gap:var(--space-2)}.segmented button{border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-12);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.segmented button.selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.switch{width:42px;height:26px;border-radius:var(--radius-pill);border:none;background:var(--border);position:relative;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);flex-shrink:0}.switch.on{background:var(--brand)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-surface-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard)}.switch.on:after{transform:translateX(16px)}.code-block{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow:hidden;margin:0 0 var(--space-24)}.code-block pre{margin:0;padding:var(--space-16) var(--space-16);font-family:var(--font-mono);font-size:var(--font-size-footnote);line-height:1.6;overflow-x:auto}.copy-btn{position:absolute;top:10px;right:10px;height:30px;padding:0 var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-sans)}.copy-btn:hover{color:var(--text);border-color:var(--brand)}.goodbad{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-16);gap:var(--space-16);margin:var(--space-8) 0 var(--space-24)}@media (max-width:640px){.goodbad{grid-template-columns:1fr}}.gb-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.gb-head{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-12) var(--space-16) var(--space-12);border-bottom:1px solid var(--border-subtle)}.gb-card.good .gb-head{color:var(--good-fg)}.gb-card.bad .gb-head{color:var(--bad-fg)}.gb-badge{width:20px;height:20px;border-radius:var(--radius-pill);display:grid;place-items:center;color:var(--color-text-inverse);flex-shrink:0}.gb-card.good .gb-badge{background:var(--good-solid)}.gb-card.bad .gb-badge{background:var(--bad-solid)}.gb-preview{flex:1 1 auto;min-height:168px;display:flex;justify-content:center;align-items:center;padding:var(--space-20) var(--space-16);background:var(--bg);border-bottom:1px solid var(--border-subtle)}.gb-body{font-size:var(--font-size-subhead);line-height:1.6;color:var(--text-secondary);padding:var(--space-12) var(--space-16);min-height:96px}.edge-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-12);gap:var(--space-12);margin:var(--space-20) 0}@media (max-width:760px){.edge-cards{grid-template-columns:1fr}}.edge-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16) var(--space-16);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-sm)}.edge-card:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--border-subtle))}.edge-state{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold);color:var(--text)}.edge-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.edge-fix{font-size:var(--font-size-subhead);line-height:1.55;color:var(--text-secondary)}.edge-why{display:flex;align-items:baseline;gap:var(--space-8);font-size:var(--font-size-footnote);line-height:1.5;color:var(--text-tertiary);padding-top:var(--space-8);border-top:1px dashed var(--border-subtle)}.edge-why-tag{flex-shrink:0;font-size:var(--font-size-caption2);font-weight:var(--font-weight-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill)}.callout{display:flex;align-items:flex-start;gap:var(--space-12);background:var(--surface);padding:var(--space-16) var(--space-16);font-size:var(--font-size-subhead);line-height:1.55;margin:0 0 var(--space-24)}.callout,.callout-icon{border-radius:var(--radius-sm)}.callout-icon{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);margin-top:var(--space-0)}.callout-main{min-width:0}.callout .callout-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.tokens-used{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-4) 0 var(--space-24)}.token-chip{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);padding:var(--space-4) var(--space-12);color:var(--text-secondary)}.status-pill,.token-chip{font-size:var(--font-size-caption);border-radius:var(--radius-pill)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-4);font-weight:var(--font-weight-semibold);color:var(--color-feedback-success-fg);background:var(--color-feedback-success-bg);padding:var(--space-2) var(--space-8);margin-bottom:var(--space-20)}.foundations-note{font-size:var(--font-size-subhead)!important;color:var(--text-secondary)}.swatch-grid{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:var(--space-8) 0 var(--space-24)}.swatch{display:flex;flex-direction:column;gap:var(--space-2);width:84px}.swatch-chip{height:52px;border-radius:var(--radius-sm);box-shadow:var(--swatch-ring);position:relative}.swatch-tag{position:absolute;left:6px;bottom:6px;font-size:var(--font-size-caption2);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-text-inverse);background:color-mix(in srgb,var(--palette-neutral-950) 55%,transparent);border-radius:var(--radius-pill);padding:var(--space-0) var(--space-4)}.swatch-name{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text)}.swatch-value{font-family:var(--font-mono);font-size:var(--font-size-caption2);color:var(--text-tertiary);text-transform:uppercase}.swatch-group{margin-bottom:var(--space-20)}.ai-showcase{margin:var(--space-8) 0 var(--space-24)}.ai-banner{display:flex;align-items:center;gap:var(--space-12);height:132px;padding:0 var(--space-24);border-radius:var(--radius-lg);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--color-ai-from) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--palette-neutral-0) 12%,transparent)}.ai-banner-spark{line-height:1;filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--palette-neutral-1000) 25%,transparent))}.ai-banner-spark,.ai-banner-text{font-size:var(--font-size-title1)}.ai-banner-text{font-weight:var(--font-weight-bold);letter-spacing:-.01em}.ai-banner-token{margin-left:auto;font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--color-text-inverse);background:color-mix(in srgb,var(--palette-neutral-950) 42%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--palette-neutral-0) 22%,transparent);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill)}.ai-stops{display:flex;gap:var(--space-12);margin-top:var(--space-16)}.ai-stop{display:flex;flex-direction:column;gap:var(--space-2);width:110px}.ai-stop-chip{height:30px;border-radius:var(--radius-sm);box-shadow:var(--swatch-ring)}.ai-usage{margin-top:var(--space-16)}.ai-usage-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.ai-avatar{width:36px;justify-content:center;font-size:var(--font-size-callout);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--palette-neutral-0) 18%,transparent)}.ai-avatar,.ai-pill{height:36px;border-radius:var(--radius-pill);display:inline-flex;align-items:center}.ai-pill{padding:0 var(--space-16);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--color-ai-from) 60%,transparent)}.ai-chip-tint,.ai-pill{gap:var(--space-4);font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold)}.ai-chip-tint{display:inline-flex;align-items:center;height:34px;padding:0 var(--space-12);border-radius:var(--radius-pill)}.swatch-group-title{font-size:var(--font-size-caption2);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-8)}.font-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-16);gap:var(--space-16);margin:var(--space-8) 0 var(--space-24)}@media (max-width:560px){.font-grid{grid-template-columns:1fr}}.font-card{border-radius:var(--radius-sm);padding:var(--space-20);background:var(--bg-elevated)}.font-big{font-size:var(--font-size-display);line-height:1}.font-big,.font-sample{color:var(--text);margin-bottom:var(--space-8)}.font-sample{font-size:var(--font-size-title3)}.font-meta{font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--text-tertiary)}.bilingual,.type-scale,.weight-grid{border-radius:var(--radius-sm);overflow:hidden;margin:var(--space-8) 0 var(--space-24);background:var(--bg-elevated)}.type-row,.weight-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border-subtle)}.bilingual-row:last-child,.type-row:last-child,.weight-row:last-child{border-bottom:none}.type-specimen{color:var(--text);min-width:0;flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-meta{font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.bilingual-row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-16);border-bottom:1px solid var(--border-subtle);color:var(--text)}.bilingual-lang{font-family:var(--font-mono);font-size:var(--font-size-caption2);color:var(--text-tertiary);background:var(--bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-8);flex-shrink:0}.spacing-scale{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-8) 0 var(--space-24)}.spacing-row{display:flex;align-items:center;gap:var(--space-12)}.spacing-name{width:28px;text-align:right;font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--text-tertiary);flex-shrink:0}.spacing-bar{height:14px;border-radius:var(--radius-sm);background:var(--text-tertiary);flex-shrink:0}.tile-grid{display:flex;flex-wrap:wrap;gap:var(--space-16);margin:var(--space-8) 0 var(--space-24)}.tile{display:flex;flex-direction:column;gap:var(--space-4);width:104px}.radius-box{height:64px;background:var(--bg-elevated);border:1px solid var(--color-border-strong)}.elevation-box{height:64px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle)}.icon-grid{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:var(--space-8) 0 var(--space-24)}.icon-tile{width:92px;height:84px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8)}.icon-label{font-size:var(--font-size-caption);color:var(--text-secondary)}.touch-grid{flex-direction:column;margin:var(--space-8) 0 var(--space-24)}.touch-grid,.touch-item{display:flex;gap:var(--space-16)}.touch-item{align-items:center}.touch-box{display:grid;place-items:center;border:2px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);font-family:var(--font-mono);font-size:var(--font-size-caption);flex-shrink:0}.touch-box,.touch-note{color:var(--text-tertiary)}.touch-note{font-size:var(--font-size-footnote)}.state-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-16);gap:var(--space-16);margin:var(--space-8) 0 var(--space-24)}@media (max-width:560px){.state-grid{grid-template-columns:1fr}}.state-card{display:flex;flex-direction:column;gap:var(--space-8);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:var(--space-16)}.state-head{font-size:var(--font-size-caption2);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.state-skeleton{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-4) 0 var(--space-8)}.sk-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--border-subtle) 25%,var(--border) 37%,var(--border-subtle) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.state-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-8) 0;color:var(--text-tertiary)}.state-empty-title{color:var(--text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-subhead)}.state-empty-sub{font-size:var(--font-size-footnote);color:var(--text-tertiary)}.state-banner{display:flex;gap:var(--space-8);align-items:center;border-radius:var(--radius-sm);padding:var(--space-12) var(--space-12)}.table-scroll{overflow-x:auto;margin:var(--space-8) 0 var(--space-24)}.table-scroll table{margin:0}.table-scroll td{white-space:nowrap;vertical-align:middle}.tok-cell{display:inline-flex;align-items:center;gap:var(--space-8)}.tok-swatch{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0;box-shadow:var(--swatch-ring)}.rule-list{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-8) 0 var(--space-24)}.rule-card{display:flex;gap:var(--space-12);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:var(--space-12) var(--space-16)}.rule-num{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--bg);color:var(--text-secondary);font-size:var(--font-size-footnote);font-weight:var(--font-weight-bold);display:grid;place-items:center}.rule-title{font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-2)}.rule-title,.rule-why{font-size:var(--font-size-subhead)}.rule-why{line-height:1.55;color:var(--text-secondary)}.checklist{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);margin:var(--space-8) 0 var(--space-24)}@media (max-width:640px){.checklist{grid-template-columns:1fr}}.checklist-item{display:flex;gap:var(--space-12);align-items:flex-start;border-radius:var(--radius-sm);background:var(--bg-elevated);padding:var(--space-12) var(--space-12)}.checklist-box{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);display:grid;place-items:center;margin-top:var(--space-0)}.checklist-name{display:block;font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold);color:var(--text)}.checklist-note{display:block;font-size:var(--font-size-footnote);line-height:1.5;color:var(--text-tertiary);margin-top:var(--space-0)}.em-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-32) var(--space-24);margin:var(--space-12) 0 var(--space-24);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:18px 18px}.em-device{position:relative;width:390px;max-width:100%;padding:var(--space-12);border-radius:54px;background:color-mix(in srgb,var(--palette-neutral-950) 75%,var(--palette-neutral-1000));box-shadow:var(--elevation-lg),0 0 0 2px color-mix(in srgb,var(--palette-neutral-0) 4%,transparent) inset}.em-island{position:absolute;z-index:3;top:26px;left:50%;transform:translateX(-50%);width:106px;height:30px;border-radius:var(--radius-pill);background:var(--palette-neutral-1000)}.em-screen{position:relative;overflow:hidden;display:flex;flex-direction:column}.em-screen,.em-skeleton{height:760px;border-radius:42px;background:var(--bg-elevated)}.em-skeleton{width:390px;max-width:100%;border:13px solid color-mix(in srgb,var(--palette-neutral-950) 75%,var(--palette-neutral-1000));box-sizing:border-box}body.em-embed-active{overflow:hidden}body.em-embed-active .layout{display:none!important}.em-embed{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;z-index:99999;display:flex;flex-direction:column;background:var(--bg-elevated);overflow:hidden}.em-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-12)}.em-seg{display:inline-flex;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg)}.em-seg button{border:0;margin:0;cursor:pointer;font:inherit;font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold);line-height:1;color:var(--text-secondary);background:transparent;padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);transition:color var(--duration-fast),background var(--duration-fast)}.em-seg button.on{background:var(--brand);color:var(--bg-elevated)}.em-restart{display:inline-flex;align-items:center;gap:var(--space-4);cursor:pointer;font:inherit;font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);transition:color var(--duration-fast),border-color var(--duration-fast)}.em-restart:hover{color:var(--text);border-color:var(--text-tertiary)}.em-langpick{width:180px}@keyframes em-screen-enter{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.em-screen-enter{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;animation:em-screen-enter var(--duration-slow) var(--ease-decelerate) both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.em-screen-enter{animation:none}}.em-progress{display:flex;align-items:center;gap:var(--space-12)}.em-dots{display:flex;gap:var(--space-8)}.em-dots span{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--border);transition:width var(--duration-base),background var(--duration-base),opacity var(--duration-base)}.em-dots span.done{background:var(--brand);opacity:.5}.em-dots span.on{width:20px;background:var(--brand)}.em-steplabel{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.em-hint,.em-steplabel{color:var(--text-tertiary)}.em-hint{max-width:430px;margin:0;text-align:center;font-size:var(--font-size-footnote);line-height:1.6}.agent-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-12);gap:var(--space-12);margin:var(--space-16) 0 var(--space-8)}.agent-card-feature{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.agent-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.agent-feature-title{font-size:var(--font-size-subhead);font-weight:var(--font-weight-bold);color:var(--text)}.agent-feature-body{font-size:var(--font-size-footnote);line-height:1.55;color:var(--text-secondary)}.agent-steps{flex-direction:column;margin:var(--space-16) 0}.agent-step,.agent-steps{display:flex;gap:var(--space-12)}.agent-step{align-items:flex-start}.agent-step-num{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--brand);color:var(--color-text-inverse);font-size:var(--font-size-subhead);font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.agent-step-title{font-size:var(--font-size-subhead);font-weight:var(--font-weight-semibold);color:var(--text)}.agent-step-desc{margin-top:var(--space-2);font-size:var(--font-size-subhead);line-height:1.55;color:var(--text-secondary)}.agent-step-desc code{font-family:var(--font-mono);font-size:var(--font-size-caption);background:var(--code-bg);padding:var(--space-0) var(--space-4);border-radius:var(--radius-sm)}.agent-group-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);margin:var(--space-24) 0 var(--space-12)}.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-12);gap:var(--space-12)}.agent-skill-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16) var(--space-16);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-standard)}.agent-skill-card:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--border-subtle))}.agent-skill-head{display:flex;align-items:center;gap:var(--space-8)}.agent-skill-num{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.agent-skill-name{font-family:var(--font-mono);font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--brand-strong)}.agent-skill-purpose{font-size:var(--font-size-subhead);line-height:1.55;color:var(--text)}.agent-skill-prompt{font-style:italic;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-subtle);border-left:3px solid color-mix(in srgb,var(--brand) 45%,var(--border));border-radius:var(--radius-sm);padding:var(--space-8) var(--space-12)}.agent-skill-get,.agent-skill-prompt{font-size:var(--font-size-footnote);line-height:1.5}.agent-skill-get{color:var(--text-tertiary)}.agent-skill-get b{color:var(--text-secondary)}.agent-skill-get b,.agent-skill-toggle{font-weight:var(--font-weight-semibold)}.agent-skill-toggle{align-self:flex-start;margin-top:var(--space-2);background:none;border:none;padding:0;cursor:pointer;font-size:var(--font-size-caption);color:var(--brand);display:inline-flex;align-items:center;gap:var(--space-4)}.agent-skill-toggle:hover{color:var(--brand-strong)}.agent-skill-detail{display:flex;flex-direction:column;gap:var(--space-12);padding-top:var(--space-12);border-top:1px dashed var(--border-subtle)}.agent-detail-label{font-size:var(--font-size-caption2);font-weight:var(--font-weight-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-4)}.agent-detail-list{margin:0;padding-left:var(--space-16);display:flex;flex-direction:column;gap:var(--space-4)}.agent-detail-list li{font-size:var(--font-size-footnote);line-height:1.5;color:var(--text-secondary)}@media (max-width:760px){.agent-cards,.agent-grid{grid-template-columns:1fr}}.nav-toggle{display:none;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch-compact);height:var(--touch-compact);margin-left:calc(var(--space-8) * -1);padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.nav-toggle:hover{background:var(--bg);color:var(--text)}.nav-scrim{display:none;position:fixed;inset:0;z-index:40;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}@media (max-width:900px){.nav-toggle{display:inline-flex}.sidebar{position:fixed;top:0;left:0;z-index:50;width:min(84vw,300px);height:100dvh;transform:translateX(-100%);transition:transform var(--duration-base) var(--ease-standard);box-shadow:var(--shadow-md);overscroll-behavior:contain}.sidebar[data-open=true]{transform:translateX(0)}.nav-scrim{display:block}.nav-scrim[data-open=true]{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.nav-link,.nav-subgroup-title{min-height:var(--touch-min)}.nav-link{padding:var(--space-8) var(--space-12);font-size:var(--font-size-subhead)}.nav-toggle{width:var(--touch-compact);height:var(--touch-compact)}}@media (prefers-reduced-motion:reduce){.nav-scrim,.sidebar{transition:none}}@media (max-width:900px){.content{padding:var(--space-24) var(--space-24) calc(var(--space-48) * 2)}.site-header{padding:0 var(--space-20)}}@media (max-width:600px){.content{padding:var(--space-20) var(--space-16) calc(var(--space-16) * 6);gap:0}.site-header{gap:var(--space-8);padding:0 var(--space-12)}.theme-toggle{width:var(--touch-compact);height:var(--touch-compact);padding:0;gap:0;justify-content:center;font-size:var(--font-size-subhead)}.theme-toggle-label{display:none}.prose h1{font-size:var(--font-size-title1)}.prose .lede,.prose .lede p{font-size:var(--font-size-callout)}.prose h2{font-size:var(--font-size-title3);margin-top:var(--space-40)}.prose ol,.prose p,.prose ul{font-size:var(--font-size-subhead)}}@media (max-width:760px){.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose td,.prose th{white-space:nowrap}.ai-stops{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4)}.ai-stop{flex-shrink:0}}@media (max-width:600px){.device{--screen-w:min(322px,calc(100vw - 78px));width:calc(var(--screen-w) + 22px);flex-shrink:0}.preview-stage{padding:var(--space-16) var(--space-12);border-radius:var(--radius-sm)}.phone-frame{width:100%;max-width:320px}.em-stage{padding:var(--space-20) var(--space-8)}}@media (max-width:760px){.hero{padding:var(--space-48) var(--space-20) var(--space-64);border-radius:var(--radius-lg)}}@media (max-width:600px){.hero{padding:var(--space-40) var(--space-16) var(--space-48)}}