:root{--header-h: 76px;--sidebar-w: 340px;--gutter: clamp(16px, 3.4vw, 64px);--container: 1560px;--container-doc: 1320px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--fs-sm: clamp(16px, .15vw + 14px, 18px);--fs-base: clamp(18px, .3vw + 14.4px, 21px);--fs-lg: clamp(20px, .35vw + 15.5px, 24px);--fs-xl: clamp(22px, .45vw + 16.5px, 27px);--fs-h1: clamp(36px, 3.6vw, 60px);--fs-h2: clamp(28px, 2.4vw, 40px);--fs-h3: clamp(21px, .5vw + 15px, 26px);--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--space-card: clamp(22px, 2.2vw, 34px);--gap: clamp(20px, 2vw, 32px);--ease: cubic-bezier(.2, .7, .2, 1)}:root[data-theme=dark]{color-scheme:dark;--bg: #000000;--surface: #111111;--surface-2: #1c1c1c;--surface-3: #2a2a2a;--field-bg: #000000;--line: #333333;--line-strong: #5c5c5c;--text: #f2f2f2;--text-strong: #ffffff;--muted: #b3b3b3;--accent: #ffffff;--accent-2: #ffffff;--accent-hover: #d9d9d9;--accent-ink: #000000;--accent-soft: rgba(255, 255, 255, .12);--primary-bg: #ffffff;--primary-ink: #000000;--primary-hover: #d9d9d9;--primary-bright: #ffffff;--grad-accent: #ffffff;--tint-mint: #e6e6e6;--tint-sky: #d9d9d9;--tint-peach: #e6e6e6;--tint-lilac: #d9d9d9;--tint-rose: #e6e6e6;--tint-lemon: #f2f2f2;--tint-ink: #000000;--ok: #4ade80;--warn: #fbbf24;--err: #ff8a8a;--hl: rgba(255, 255, 255, .3);--shadow: none;--shadow-lg: none;--glass: rgba(0, 0, 0, .96);--glow: none}:root,:root[data-theme=light]{color-scheme:light;--bg: #fff7ed;--surface: #ffffff;--surface-2: #ffedd5;--surface-3: #fed7aa;--field-bg: #ffffff;--line: #fed7aa;--line-strong: #bf7a47;--text: #431407;--text-strong: #2c0d04;--muted: #7a5238;--accent: #0f766e;--accent-2: #0f766e;--accent-hover: #115e59;--accent-ink: #ffffff;--accent-soft: rgba(15, 118, 110, .12);--primary-bg: #c2410c;--primary-ink: #ffffff;--primary-hover: #9a3412;--primary-bright: #ea580c;--grad-accent: #0f766e;--tint-mint: #99f6e4;--tint-sky: #ccfbf1;--tint-peach: #fed7aa;--tint-lilac: #ffedd5;--tint-rose: #fecaca;--tint-lemon: #fde68a;--tint-ink: #431407;--ok: #15803d;--warn: #b45309;--err: #b91c1c;--hl: rgba(253, 230, 138, .6);--shadow: none;--shadow-lg: none;--glass: rgba(255, 247, 237, .96);--glow: none}:root{--primary: var(--primary-bg);--on-primary: var(--primary-ink);--on-accent: var(--accent-ink);--border: var(--line);--text-muted: var(--muted);--success: var(--ok);--warning: var(--warn);--danger: var(--err);--radius: var(--r-lg);--radius-sm: var(--r-sm);--focus-ring: var(--primary-bright)}*{box-sizing:border-box}html,body{height:100%}html{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}body{margin:0;font:var(--fs-base)/1.65 var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:color-mix(in srgb,var(--accent) 38%,transparent)}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.02em;color:var(--text-strong)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:var(--r-md);border:1.5px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-weight:700;font-size:var(--fs-base);line-height:1.2;cursor:pointer;text-decoration:none;transition:background .18s var(--ease),border-color .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease);white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-ink)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn.danger:hover:not(:disabled){border-color:var(--err);color:var(--err)}.btn.ghost:not(.primary){background:transparent}.btn.ghost:not(.primary):hover:not(:disabled){background:var(--surface-2)}.btn.small{min-height:44px;padding:8px 18px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn.icon{min-width:52px;padding:9px 12px}.btn.small.icon{min-width:44px;padding:6px 10px}.btn.big{min-height:60px;padding:15px 36px;font-size:var(--fs-lg);border-radius:var(--r-md)}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>label,.field>.label{font-size:var(--fs-sm);font-weight:600;color:var(--text);letter-spacing:0}.field input[type=text],.field input[type=search],.field input[type=number],.field select,.field textarea{width:100%;min-height:54px;font-size:var(--fs-base);background:var(--field-bg);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:12px 15px;min-width:0;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.field input[type=text]:hover,.field input[type=search]:hover,.field input[type=number]:hover,.field select:hover,.field textarea:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line-strong))}.field input[type=text]:focus,.field input[type=search]:focus,.field input[type=number]:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px var(--accent-soft)}.field textarea{resize:vertical;min-height:92px}.field .hint{font-size:var(--fs-sm);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--space-card)}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 15px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.chip.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.chip.err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.chip.accent{color:var(--accent);background:var(--accent-soft);border-color:transparent}.bar{height:9px;background:var(--surface-3);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .35s ease}.bar.indeterminate>i{width:35%!important;animation:slide 1.2s infinite ease-in-out}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.page,.page-doc{width:100%;margin-inline:auto;padding:clamp(28px,4vw,64px) var(--gutter) clamp(56px,6vw,110px)}.page{max-width:var(--container)}.page-doc{max-width:var(--container-doc)}.eyebrow{display:block;margin-bottom:10px;color:var(--accent);font-size:var(--fs-sm);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-title{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.03em}.page-lead{max-width:62ch;margin:16px 0 0;font-size:var(--fs-xl);line-height:1.6;color:var(--muted)}.section-title{font-size:var(--fs-h2);font-weight:750;margin:0 0 24px}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.doc{font-size:var(--fs-lg);line-height:1.75}.doc h1{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.doc h2{font-size:var(--fs-h2);font-weight:750;margin:56px 0 14px}.doc h3{font-size:var(--fs-h3);margin:30px 0 8px}.doc p,.doc ul,.doc ol{margin:0 0 18px}.doc ul,.doc ol{padding-left:28px}.doc li{margin-bottom:8px}.doc a:not(.btn){color:var(--accent);text-underline-offset:3px}.doc .lede{font-size:var(--fs-xl);color:var(--muted)}.doc .updated{margin:0 0 28px;font-size:var(--fs-sm);color:var(--muted)}.doc .callout{margin:0 0 28px;padding:20px 24px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.doc mark.placeholder{padding:1px 7px;border-radius:6px;background:var(--hl);color:var(--text);font-weight:600}.doc details{margin:12px 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .16s var(--ease)}.doc details[open]{border-color:var(--line-strong)}.doc summary{cursor:pointer;padding:20px 24px;font-weight:650;font-size:var(--fs-lg);border-radius:var(--r-md)}.doc details>:not(summary){margin-left:24px;margin-right:24px}.doc details>:last-child{margin-bottom:22px}.doc .langs{columns:4 180px;padding-left:24px;font-size:var(--fs-base);color:var(--muted)}.skip-link{position:absolute;top:8px;left:8px;z-index:100;padding:10px 18px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tint-mint{background:var(--tint-mint);color:var(--tint-ink)}.tint-sky{background:var(--tint-sky);color:var(--tint-ink)}.tint-peach{background:var(--tint-peach);color:var(--tint-ink)}.tint-lilac{background:var(--tint-lilac);color:var(--tint-ink)}.tint-rose{background:var(--tint-rose);color:var(--tint-ink)}.tint-lemon{background:var(--tint-lemon);color:var(--tint-ink)}.wash-mint{background:color-mix(in srgb,var(--tint-mint) 14%,var(--surface));border-color:color-mix(in srgb,var(--tint-mint) 62%,var(--line-strong))}.wash-sky{background:color-mix(in srgb,var(--tint-sky) 14%,var(--surface));border-color:color-mix(in srgb,var(--tint-sky) 62%,var(--line-strong))}.wash-lilac{background:color-mix(in srgb,var(--tint-lilac) 14%,var(--surface));border-color:color-mix(in srgb,var(--tint-lilac) 62%,var(--line-strong))}.wash-rose{background:color-mix(in srgb,var(--tint-rose) 14%,var(--surface));border-color:color-mix(in srgb,var(--tint-rose) 62%,var(--line-strong))}html.theme-switching *,html.theme-switching *:before,html.theme-switching *:after{transition:none!important}a,button,input,select,textarea,label,summary,[role=button]{touch-action:manipulation}@media print{app-ad-slot,app-ad-rail,ins.adsbygoogle{display:none!important}}
