/* СОБРАНО _design/sync.py из tokens.json v0.5 — НЕ ПРАВИТЬ РУКАМИ.
   Слои: примитивы (--red-500, --gray-900, --fs-16, --space-24) → семантика
   (--color-text-primary, --type-h1-size, --radius-control) → компоненты (--button-height).
   В разметке брать семантику и компоненты; примитивы — только внутри этого файла.
   Телефон — @media (max-width:640px): переменные внутри @media не работают. */
:root{
  color-scheme:light;
  --red-50:#FEF0EF;
  --red-100:#F7DAD8;
  --red-200:#EFC3C0;
  --red-500:#FF0000;
  --red-700:#C0000A;
  --gray-0:#FFFFFF;
  --gray-25:#F9FAFC;
  --gray-50:#F1F4F8;
  --gray-100:#E4E8EF;
  --gray-150:#DDE3EB;
  --gray-300:#C3CCD8;
  --gray-400:#97A1AF;
  --gray-500:#7A8595;
  --gray-600:#5A6575;
  --gray-700:#3C4757;
  --gray-900:#1B2230;
  --green-50:#E9F4EE;
  --green-100:#CFE3D6;
  --green-700:#17683A;
  --amber-50:#FBF2DF;
  --amber-100:#F0DFB8;
  --amber-700:#7F5300;
  --blue-50:#EAF2FC;
  --blue-100:#CFE0F5;
  --blue-600:#0B63C5;
  --blue-700:#0B4F9E;
  --logo-grey:#C9D1DC;
  --alpha-canvas-94:rgba(249,250,252,.94);
  --alpha-canvas-85:rgba(249,250,252,.85);
  --alpha-white-92:rgba(255,255,255,.92);
  --alpha-ink-07:rgba(27,34,48,.07);
  --alpha-ink-06:rgba(27,34,48,.06);
  --alpha-ink-12:rgba(27,34,48,.12);
  --alpha-ink-18:rgba(27,34,48,.18);
  --google-text:#1F1F1F;
  --google-line:#747775;
  --google-hover:#F8F9FA;
  --family-sans:"Golos Text",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --family-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-11:11px;
  --fs-12:12px;
  --fs-13:13px;
  --fs-14:14px;
  --fs-15:15px;
  --fs-16:16px;
  --fs-17:17px;
  --fs-18:18px;
  --fs-19:19px;
  --fs-20:20px;
  --fs-21:21px;
  --fs-22:22px;
  --fs-23:23px;
  --fs-24:24px;
  --fs-26:26px;
  --fs-28:28px;
  --fs-30:30px;
  --fs-32:32px;
  --fs-40:40px;
  --fs-52:52px;
  --fs-64:64px;
  --lh-100:1;
  --lh-105:1.05;
  --lh-110:1.1;
  --lh-120:1.2;
  --lh-130:1.3;
  --lh-140:1.4;
  --lh-150:1.5;
  --lh-160:1.6;
  --lh-165:1.65;
  --ls-neg3:-0.03em;
  --ls-neg2:-0.02em;
  --ls-neg1:-0.01em;
  --ls-0:0;
  --ls-wide8:0.08em;
  --ls-wide10:0.1em;
  --fw-400:400;
  --fw-500:500;
  --fw-600:600;
  --fw-700:700;
  --fw-800:800;
  --text-transform-upper:uppercase;
  --space-0:0;
  --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-36:36px;
  --space-40:40px;
  --space-48:48px;
  --space-52:52px;
  --space-64:64px;
  --space-80:80px;
  --radius-0:0;
  --radius-4:4px;
  --radius-8:8px;
  --radius-12:12px;
  --radius-16:16px;
  --radius-20:20px;
  --radius-999:999px;
  --radius-50pct:50%;
  --bw-1:1px;
  --bw-2:2px;
  --dur-0:0ms;
  --dur-80:80ms;
  --dur-150:150ms;
  --dur-250:250ms;
  --dur-800:800ms;
  --dur-2400:2400ms;
  --easing-ease:cubic-bezier(.25,.1,.25,1);
  --easing-ease-out:cubic-bezier(0,0,.58,1);
  --size-640:640px;
  --size-900:900px;
  --size-1180:1180px;
  --size-1440:1440px;
  --size-592:592px;
  --size-880:880px;
  --size-68ch:68ch;
  --z-0:0;
  --z-1:1;
  --z-10:10;
  --z-20:20;
  --z-30:30;
  --z-40:40;
  --color-bg-page:var(--gray-25);
  --color-bg-surface:var(--gray-0);
  --color-bg-sunken:var(--gray-50);
  --color-bg-accent:var(--red-50);
  --color-bg-sticky:var(--alpha-canvas-94);
  --color-bg-backdrop:var(--alpha-canvas-85);
  --color-bg-caption:var(--alpha-white-92);
  --color-text-primary:var(--gray-900);
  --color-text-body:var(--gray-700);
  --color-text-secondary:var(--gray-600);
  --color-text-disabled:var(--gray-500);
  --color-text-on-accent:var(--red-700);
  --color-text-logo-suffix:var(--gray-400);
  --color-border-default:var(--gray-100);
  --color-border-subtle:var(--gray-50);
  --color-border-control:var(--gray-500);
  --color-border-control-hover:var(--gray-600);
  --color-border-button:var(--gray-150);
  --color-border-button-hover:var(--gray-300);
  --color-border-disabled:var(--gray-150);
  --color-border-accent:var(--red-100);
  --color-border-accent-hover:var(--red-200);
  --color-border-underline:var(--gray-300);
  --color-brand-red:var(--red-500);
  --color-focus:var(--blue-600);
  --color-status-ok-text:var(--green-700);
  --color-status-ok-bg:var(--green-50);
  --color-status-ok-line:var(--green-100);
  --color-status-warn-text:var(--amber-700);
  --color-status-warn-bg:var(--amber-50);
  --color-status-warn-line:var(--amber-100);
  --color-status-no-text:var(--red-700);
  --color-status-no-bg:var(--red-50);
  --color-status-no-line:var(--red-100);
  --color-status-wrong-text:var(--gray-900);
  --color-status-wrong-bg:var(--gray-50);
  --color-status-wrong-line:var(--gray-900);
  --color-status-wait-text:var(--blue-700);
  --color-status-wait-bg:var(--blue-50);
  --color-status-wait-line:var(--blue-100);
  --color-data-point:var(--gray-500);
  --color-data-point-live:var(--gray-500);
  --color-data-hot:var(--red-500);
  --color-data-stem:var(--gray-300);
  --color-data-median:var(--gray-500);
  --color-data-bar-track:var(--gray-50);
  --color-data-bar-fill:var(--gray-500);
  --color-data-bar-best:var(--gray-900);
  --color-data-hover:var(--alpha-ink-07);
  --font-sans:var(--family-sans);
  --font-mono:var(--family-mono);
  --type-h1-size:var(--fs-40);
  --type-h1-lh:var(--lh-110);
  --type-h1-tracking:var(--ls-neg2);
  --type-h1-weight:var(--fw-800);
  --type-h1-family:var(--family-sans);
  --type-screen-title-size:var(--fs-30);
  --type-screen-title-lh:var(--lh-120);
  --type-screen-title-tracking:var(--ls-neg2);
  --type-screen-title-weight:var(--fw-700);
  --type-screen-title-family:var(--family-sans);
  --type-h2-size:var(--fs-24);
  --type-h2-lh:var(--lh-120);
  --type-h2-tracking:var(--ls-neg1);
  --type-h2-weight:var(--fw-700);
  --type-h2-family:var(--family-sans);
  --type-h3-size:var(--fs-17);
  --type-h3-lh:var(--lh-130);
  --type-h3-tracking:var(--ls-0);
  --type-h3-weight:var(--fw-700);
  --type-h3-family:var(--family-sans);
  --type-title-xl-size:var(--fs-22);
  --type-title-xl-lh:var(--lh-120);
  --type-title-xl-tracking:var(--ls-0);
  --type-title-xl-weight:var(--fw-700);
  --type-title-xl-family:var(--family-sans);
  --type-title-l-size:var(--fs-20);
  --type-title-l-lh:var(--lh-130);
  --type-title-l-tracking:var(--ls-0);
  --type-title-l-weight:var(--fw-700);
  --type-title-l-family:var(--family-sans);
  --type-title-m-size:var(--fs-17);
  --type-title-m-lh:var(--lh-130);
  --type-title-m-tracking:var(--ls-0);
  --type-title-m-weight:var(--fw-700);
  --type-title-m-family:var(--family-sans);
  --type-lede-l-size:var(--fs-20);
  --type-lede-l-lh:var(--lh-150);
  --type-lede-l-tracking:var(--ls-0);
  --type-lede-l-weight:var(--fw-400);
  --type-lede-l-family:var(--family-sans);
  --type-lede-size:var(--fs-17);
  --type-lede-lh:var(--lh-160);
  --type-lede-tracking:var(--ls-0);
  --type-lede-weight:var(--fw-400);
  --type-lede-family:var(--family-sans);
  --type-body-size:var(--fs-16);
  --type-body-lh:var(--lh-165);
  --type-body-tracking:var(--ls-0);
  --type-body-weight:var(--fw-400);
  --type-body-family:var(--family-sans);
  --type-body-tool-size:var(--fs-15);
  --type-body-tool-lh:var(--lh-160);
  --type-body-tool-tracking:var(--ls-0);
  --type-body-tool-weight:var(--fw-400);
  --type-body-tool-family:var(--family-sans);
  --type-control-size:var(--fs-15);
  --type-control-lh:var(--lh-130);
  --type-control-tracking:var(--ls-0);
  --type-control-weight:var(--fw-600);
  --type-control-family:var(--family-sans);
  --type-control-s-size:var(--fs-14);
  --type-control-s-lh:var(--lh-140);
  --type-control-s-tracking:var(--ls-0);
  --type-control-s-weight:var(--fw-600);
  --type-control-s-family:var(--family-sans);
  --type-field-size:var(--fs-15);
  --type-field-lh:var(--lh-140);
  --type-field-tracking:var(--ls-0);
  --type-field-weight:var(--fw-400);
  --type-field-family:var(--family-sans);
  --type-table-size:var(--fs-14);
  --type-table-lh:var(--lh-150);
  --type-table-tracking:var(--ls-0);
  --type-table-weight:var(--fw-400);
  --type-table-family:var(--family-sans);
  --type-small-size:var(--fs-13);
  --type-small-lh:var(--lh-150);
  --type-small-tracking:var(--ls-0);
  --type-small-weight:var(--fw-400);
  --type-small-family:var(--family-sans);
  --type-label-size:var(--fs-13);
  --type-label-lh:var(--lh-140);
  --type-label-tracking:var(--ls-0);
  --type-label-weight:var(--fw-600);
  --type-label-family:var(--family-sans);
  --type-mono-size:var(--fs-13);
  --type-mono-lh:var(--lh-150);
  --type-mono-tracking:var(--ls-0);
  --type-mono-weight:var(--fw-400);
  --type-mono-family:var(--family-mono);
  --type-meta-size:var(--fs-12);
  --type-meta-lh:var(--lh-150);
  --type-meta-tracking:var(--ls-0);
  --type-meta-weight:var(--fw-400);
  --type-meta-family:var(--family-mono);
  --type-badge-size:var(--fs-11);
  --type-badge-lh:var(--lh-130);
  --type-badge-tracking:var(--ls-0);
  --type-badge-weight:var(--fw-600);
  --type-badge-family:var(--family-mono);
  --type-overline-size:var(--fs-12);
  --type-overline-lh:var(--lh-140);
  --type-overline-tracking:var(--ls-wide10);
  --type-overline-weight:var(--fw-600);
  --type-overline-family:var(--family-mono);
  --type-overline-transform:var(--text-transform-upper);
  --type-micro-size:var(--fs-11);
  --type-micro-lh:var(--lh-140);
  --type-micro-tracking:var(--ls-wide8);
  --type-micro-weight:var(--fw-600);
  --type-micro-family:var(--family-mono);
  --type-micro-transform:var(--text-transform-upper);
  --type-num-s-size:var(--fs-22);
  --type-num-s-lh:var(--lh-110);
  --type-num-s-tracking:var(--ls-0);
  --type-num-s-weight:var(--fw-600);
  --type-num-s-family:var(--family-mono);
  --type-num-m-size:var(--fs-28);
  --type-num-m-lh:var(--lh-110);
  --type-num-m-tracking:var(--ls-neg1);
  --type-num-m-weight:var(--fw-600);
  --type-num-m-family:var(--family-mono);
  --type-num-l-size:var(--fs-40);
  --type-num-l-lh:var(--lh-105);
  --type-num-l-tracking:var(--ls-neg2);
  --type-num-l-weight:var(--fw-600);
  --type-num-l-family:var(--family-mono);
  --type-num-xl-size:var(--fs-64);
  --type-num-xl-lh:var(--lh-100);
  --type-num-xl-tracking:var(--ls-neg3);
  --type-num-xl-weight:var(--fw-600);
  --type-num-xl-family:var(--family-mono);
  --type-wordmark-size:var(--fs-23);
  --type-wordmark-lh:var(--lh-100);
  --type-wordmark-tracking:var(--ls-neg2);
  --type-wordmark-weight:var(--fw-800);
  --type-wordmark-family:var(--family-sans);
  --type-wordmark-sm-size:var(--fs-19);
  --type-wordmark-sm-lh:var(--lh-100);
  --type-wordmark-sm-tracking:var(--ls-neg2);
  --type-wordmark-sm-weight:var(--fw-800);
  --type-wordmark-sm-family:var(--family-sans);
  --space-page-gutter:var(--space-24);
  --space-page-top:var(--space-36);
  --space-page-bottom:var(--space-80);
  --space-section:var(--space-52);
  --space-stack:var(--space-20);
  --space-list:var(--space-12);
  --space-inline:var(--space-8);
  --space-paragraph:var(--space-12);
  --space-h1-after:var(--space-16);
  --space-h2-after:var(--space-20);
  --space-h3-before:var(--space-24);
  --space-h3-after:var(--space-12);
  --space-card-pad-y:var(--space-20);
  --space-card-pad:var(--space-24);
  --space-row-pad-y:var(--space-16);
  --space-row-pad-x:var(--space-20);
  --space-cell-pad-y:var(--space-12);
  --space-cell-pad-x:var(--space-16);
  --radius-code:var(--radius-4);
  --radius-thumb:var(--radius-8);
  --radius-control:var(--radius-12);
  --radius-row:var(--radius-16);
  --radius-card:var(--radius-20);
  --radius-pill:var(--radius-999);
  --radius-round:var(--radius-50pct);
  --border-width:var(--bw-1);
  --border-width-strong:var(--bw-2);
  --focus-width:var(--bw-2);
  --focus-offset:var(--space-2);
  --shadow-none:none;
  --shadow-popover:0 8px 24px var(--alpha-ink-12), 0 1px 2px var(--alpha-ink-06);
  --shadow-dialog:0 24px 64px var(--alpha-ink-18);
  --z-base:var(--z-0);
  --z-raised:var(--z-1);
  --z-sticky:var(--z-10);
  --z-popover:var(--z-20);
  --z-dialog:var(--z-30);
  --z-toast:var(--z-40);
  --motion-fast:var(--dur-80);
  --motion-base:var(--dur-150);
  --motion-slow:var(--dur-250);
  --motion-spin:var(--dur-800);
  --motion-pulse:var(--dur-2400);
  --motion-ease:var(--easing-ease);
  --motion-ease-out:var(--easing-ease-out);
  --breakpoint-phone-max:var(--size-640);
  --breakpoint-columns:var(--size-900);
  --breakpoint-desktop:var(--size-1180);
  --breakpoint-wide:var(--size-1440);
  --container-tool:var(--size-1440);
  --container-single:var(--size-592);
  --container-dialog:var(--size-880);
  --container-measure:var(--size-68ch);
  --heading-bar-color:var(--color-brand-red);
  --heading-bar-h1-width:8px;
  --heading-bar-h1-height:28px;
  --heading-bar-h1-gap:16px;
  --heading-bar-h2-width:6px;
  --heading-bar-h2-height:17px;
  --heading-bar-h2-gap:12px;
  --heading-bar-h3-width:4px;
  --heading-bar-h3-height:13px;
  --heading-bar-h3-gap:10px;
  --wordmark-mark:34px;
  --wordmark-gap:11px;
  --wordmark-mark-sm:28px;
  --wordmark-gap-sm:9px;
  --wordmark-color:var(--color-text-primary);
  --wordmark-suffix:var(--color-text-logo-suffix);
  --button-height:46px;
  --button-pad-y:var(--space-8);
  --button-pad-x:var(--space-20);
  --button-gap:var(--space-inline);
  --button-radius:var(--radius-control);
  --button-bg:var(--color-bg-surface);
  --button-border:var(--color-border-button);
  --button-border-hover:var(--color-border-button-hover);
  --button-text:var(--color-text-primary);
  --button-primary-bg:var(--color-bg-accent);
  --button-primary-border:var(--color-border-accent);
  --button-primary-border-hover:var(--color-border-accent-hover);
  --button-primary-weight:600;
  --button-ghost-text:var(--color-text-secondary);
  --button-ghost-pad-x:var(--space-inline);
  --button-disabled-bg:var(--color-bg-sunken);
  --button-disabled-border:var(--color-border-disabled);
  --button-disabled-text:var(--color-text-disabled);
  --button-press-shift:1px;
  --field-height:44px;
  --field-pad-y:var(--space-8);
  --field-pad-x:var(--space-12);
  --field-radius:var(--radius-control);
  --field-bg:var(--color-bg-surface);
  --field-border:var(--color-border-control);
  --field-border-hover:var(--color-border-control-hover);
  --field-text:var(--color-text-primary);
  --field-placeholder:var(--color-text-secondary);
  --field-label:var(--color-text-secondary);
  --field-label-gap:var(--space-inline);
  --field-error-border:var(--color-status-no-text);
  --field-error-text:var(--color-status-no-text);
  --field-disabled-bg:var(--color-bg-sunken);
  --field-select-pad-right:36px;
  --field-textarea-min:88px;
  --mark-button-height:44px;
  --mark-button-pad-x:var(--space-16);
  --mark-button-radius:var(--radius-control);
  --mark-button-border:var(--color-border-control);
  --mark-button-text:var(--color-text-body);
  --badge-height:24px;
  --badge-pad-x:10px;
  --badge-radius:var(--radius-pill);
  --badge-neutral-bg:var(--color-bg-sunken);
  --badge-neutral-text:var(--color-text-secondary);
  --badge-accent-bg:var(--color-bg-accent);
  --badge-accent-text:var(--color-text-on-accent);
  --badge-wrong-ring:inset 0 0 0 1px var(--color-status-wrong-line);
  --card-bg:var(--color-bg-surface);
  --card-border:var(--color-border-default);
  --card-radius:var(--radius-card);
  --card-pad-y:var(--space-card-pad-y);
  --card-pad-x:var(--space-card-pad);
  --row-bg:var(--color-bg-surface);
  --row-border:var(--color-border-default);
  --row-radius:var(--radius-row);
  --row-gap:var(--space-list);
  --row-marked-opacity:.75;
  --row-rank-color:var(--color-data-point);
  --row-stats-bg:var(--color-bg-page);
  --callout-bg:var(--color-bg-surface);
  --callout-border:var(--color-border-default);
  --callout-radius:var(--radius-row);
  --callout-pad-y:var(--space-row-pad-y);
  --callout-pad-x:var(--space-row-pad-x);
  --callout-title:var(--color-text-secondary);
  --table-wrap-border:var(--color-border-default);
  --table-wrap-radius:var(--radius-row);
  --table-head-text:var(--color-text-secondary);
  --table-head-line:var(--color-border-default);
  --table-row-line:var(--color-border-subtle);
  --table-cell-pad-y:var(--space-cell-pad-y);
  --table-cell-pad-x:var(--space-cell-pad-x);
  --table-cell-text:var(--color-text-body);
  --facts-radius:var(--radius-card);
  --facts-pad-y:var(--space-16);
  --facts-pad-x:var(--space-20);
  --facts-min:150px;
  --facts-key:var(--color-text-secondary);
  --sticky-bar-bg:var(--color-bg-sticky);
  --sticky-bar-blur:6px;
  --sticky-bar-line:var(--color-border-default);
  --sticky-bar-pad-y:var(--space-paragraph);
  --sticky-bar-text:var(--color-text-secondary);
  --sticky-bar-z:var(--z-sticky);
  --nav-height:44px;
  --nav-pad-x:var(--space-16);
  --nav-radius:var(--radius-pill);
  --nav-border:var(--color-border-default);
  --nav-active-bg:var(--color-bg-accent);
  --nav-active-border:var(--color-border-accent);
  --nav-marker:var(--color-brand-red);
  --nav-marker-size:6px;
  --pager-height:44px;
  --pager-pad-x:var(--space-12);
  --pager-radius:var(--radius-control);
  --pager-bg:var(--color-bg-surface);
  --pager-border:var(--color-border-default);
  --pager-border-hover:var(--color-border-button-hover);
  --pager-pos:var(--color-text-secondary);
  --tile-bg:var(--color-bg-surface);
  --tile-border:var(--color-border-default);
  --tile-border-hover:var(--color-border-button-hover);
  --tile-radius:var(--radius-card);
  --tile-pad:var(--space-24);
  --tile-gap:var(--space-8);
  --tile-min:260px;
  --tile-num:var(--color-text-secondary);
  --tile-text:var(--color-text-body);
  --tile-go:var(--color-text-secondary);
  --inset-bg:var(--color-bg-page);
  --inset-border:var(--color-border-subtle);
  --inset-radius:var(--radius-row);
  --inset-pad-y:var(--space-row-pad-y);
  --inset-pad-x:var(--space-row-pad-x);
  --quote-bg:var(--color-bg-surface);
  --quote-border:var(--color-border-default);
  --quote-radius:var(--radius-row);
  --quote-pad-y:var(--space-row-pad-y);
  --quote-pad-x:var(--space-row-pad-x);
  --quote-text:var(--color-text-body);
  --tooltip-width:264px;
  --tooltip-bg:var(--color-bg-surface);
  --tooltip-border:var(--color-border-default);
  --tooltip-radius:var(--radius-row);
  --tooltip-pad:var(--space-paragraph);
  --tooltip-shadow:var(--shadow-popover);
  --tooltip-z:var(--z-popover);
  --dialog-width:var(--container-dialog);
  --dialog-radius:var(--radius-card);
  --dialog-border:var(--color-border-default);
  --dialog-shadow:var(--shadow-dialog);
  --dialog-backdrop:var(--color-bg-backdrop);
  --chart-point-r:4px;
  --chart-hot-r:5px;
  --chart-hit-r:22px;
  --chart-focus:var(--color-focus);
  --chart-bar-h:4px;
  --chart-pulse-scale:3.4;
  --spinner-size:16px;
  --spinner-width:var(--border-width-strong);
  --google-button-height:44px;
  --google-button-radius:var(--radius-control);
  --google-button-bg:var(--color-bg-surface);
  --google-button-border:var(--google-line);
  --google-button-text:var(--google-text);
  --google-button-hover:var(--google-hover);
  --google-button-icon:20px;
}
@media (max-width:640px){:root{
  --type-h1-size:var(--fs-30);
  --type-screen-title-size:var(--fs-26);
  --type-h2-size:var(--fs-21);
  --type-h3-size:var(--fs-16);
  --type-title-xl-size:var(--fs-20);
  --type-title-l-size:var(--fs-18);
  --type-title-m-size:var(--fs-16);
  --type-lede-l-size:var(--fs-18);
  --type-lede-size:var(--fs-16);
  --type-field-size:var(--fs-16);
  --type-num-s-size:var(--fs-20);
  --type-num-m-size:var(--fs-24);
  --type-num-l-size:var(--fs-32);
  --type-num-xl-size:var(--fs-52);
  --space-page-gutter:var(--space-16);
  --space-page-top:var(--space-32);
  --space-page-bottom:var(--space-64);
  --space-section:var(--space-40);
  --space-stack:var(--space-16);
  --space-card-pad-y:var(--space-16);
  --space-card-pad:var(--space-16);
  --space-row-pad-y:var(--space-12);
  --space-row-pad-x:var(--space-16);
  --heading-bar-h3-height:12px;
  --tile-pad:var(--space-20);
}}
@media (prefers-reduced-motion:reduce){:root{
  --motion-fast:0ms;
  --motion-base:0ms;
  --motion-slow:0ms;
  --motion-spin:0ms;
  --motion-pulse:0ms;
}}