/* ФОНГ UI Kit — generated from tokens.json */
:root, [data-theme="light"] {--ink:#0a0a0a;--ink-navy:#14142b;--ink-plum:#2b1d3a;--ink-white:#ffffff;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-900:#312e81;--indigo-deep:#2e2a9e;--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--accent-sky:#78bdff;--accent-mint:#96e1cd;--accent-rose:#ffafcd;--accent-violet:#aa96ff;--accent-amber:#ffbe8c;--bg:#ffffff;--bg-muted:#fafafa;--bg-sunken:#f4f4f5;--surface-card:#ffffff;--surface-accent:#eef2ff;--surface-invert:#14142b;--text-strong:#18181b;--text-body:#3f3f46;--text-muted:#71717a;--text-faint:#a1a1aa;--text-invert:#ffffff;--text-invert-muted:rgba(255,255,255,0.80);--text-accent:#4338ca;--border:#e4e4e7;--border-strong:#d4d4d8;--border-invert:rgba(255,255,255,0.25);--accent:#4f46e5;--accent-hover:#4338ca;--accent-ring:rgba(79,70,229,0.5);--danger:oklch(0.577 0.245 27.325);--glass-tint:rgba(20,20,43,0.45);--sheet-rule-color:#e4e4e7;--inferred-bg:var(--indigo-50);--inferred-line:var(--indigo-500);--inferred-text:var(--indigo-700);--decision-line:var(--zinc-900);--const-a:var(--zinc-50);--const-b:var(--zinc-100);--success:#15803d;--success-bg:#f0fdf4;--warning:#b45309;--warning-bg:#fff7ed;--danger-text:#b91c1c;--danger-bg:#fef2f2;--danger-line:#fecaca;--invert-raise:rgba(255,255,255,0.04);--risk-invert-bg:rgba(220,38,38,0.12);--risk-invert-line:rgba(248,113,113,0.45);--risk-invert-text:#fca5a5;--glass-chip:rgba(255,255,255,0.10);--shadow-none:none;--shadow-accent:0 8px 30px rgba(79,70,229,0.35);--shadow-card:0 1px 2px rgba(20,20,43,0.04), 0 8px 24px rgba(20,20,43,0.06);--shadow-sheet:0 2px 4px rgba(20,20,43,0.06), 0 18px 48px rgba(20,20,43,0.10);--ring-focus:0 0 0 3px rgba(79,70,229,0.5);--text-shadow-glass:0 1px 2px rgba(8,10,32,0.55), 0 6px 28px rgba(8,10,32,0.45);}
:root {--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--container:1152px;--gutter:24px;--hair:1px;--radius:10px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-3xl:22px;--radius-full:999px;--dur-fast:150ms;--dur-base:300ms;--dur-slow:500ms;--dur-enter:600ms;--dur-marquee:40s;--ease-out-expo:cubic-bezier(0.22,1,0.36,1);--ease-standard:cubic-bezier(0.4,0,0.2,1);--sheet-w:1123px;--sheet-h:794px;--sheet-margin-x:56px;--sheet-margin-top:44px;--sheet-margin-bottom:40px;--sheet-col-gap:44px;--sheet-rule:1px;--sheet-header-h:30px;--sheet-footer-h:22px;--qr-size:96px;--measure-body:58ch;--measure-lead:46ch;--measure-report:62ch;--font-display:"Unbounded", "Inter Tight", system-ui, sans-serif;--font-sans:"Inter", system-ui, sans-serif;--font-tight:"Inter Tight", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;}
.ui-title{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:600;}
.ui-heading{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:600;}
.ui-body{font-family:var(--font-sans);font-size:13px;line-height:20px;font-weight:400;}
.ui-dense{font-family:var(--font-sans);font-size:12px;line-height:18px;font-weight:400;}
.ui-caption{font-family:var(--font-sans);font-size:11px;line-height:16px;font-weight:400;}
.ui-over{font-family:var(--font-sans);font-size:10px;line-height:14px;font-weight:500;letter-spacing:0.14em;}
.ui-num{font-family:var(--font-mono);font-size:13px;line-height:20px;font-weight:400;}
.ui-num-lg{font-family:var(--font-mono);font-size:22px;line-height:26px;font-weight:400;letter-spacing:-0.02em;}
.ui-figure{font-family:var(--font-mono);font-size:44px;line-height:44px;font-weight:400;letter-spacing:-0.02em;}
.hero{font-family:var(--font-display);font-size:64px;line-height:1.06;font-weight:500;letter-spacing:-0.025em;}
.h1{font-family:var(--font-display);font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}
.h2{font-family:var(--font-display);font-size:36px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}
.h3{font-family:var(--font-display);font-size:24px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}
.h4{font-family:var(--font-display);font-size:20px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}
.lead{font-family:var(--font-sans);font-size:18px;line-height:1.6;font-weight:400;}
.body{font-family:var(--font-sans);font-size:15px;line-height:1.6;font-weight:400;}
.body-sm{font-family:var(--font-sans);font-size:14px;line-height:1.6;font-weight:400;}
.over{font-family:var(--font-sans);font-size:10px;line-height:1.4;font-weight:500;letter-spacing:0.14em;}
.mono{font-family:var(--font-mono);font-size:12px;line-height:1.5;font-weight:400;}
.r-title{font-family:var(--font-display);font-size:44px;line-height:1.06;font-weight:500;letter-spacing:-0.025em;}
.r-section{font-family:var(--font-display);font-size:26px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}
.r-sub{font-family:var(--font-sans);font-size:15px;line-height:1.4;font-weight:500;}
.r-body{font-family:var(--font-sans);font-size:11.5px;line-height:1.5;font-weight:400;}
.r-small{font-family:var(--font-sans);font-size:10px;line-height:1.45;font-weight:400;}
.r-mono{font-family:var(--font-mono);font-size:9.5px;line-height:1.4;font-weight:400;}