# 2026-09-20 — Web UI-кит как в mobile iOS kit

Кабинет переведён на те же токены и примитивы, что Flutter `mobile/lib/ui`.

## Токены
`web/src/design/tokens.css` — Apple HIG: accent #12885A / #3CD68C, label /
separator / grouped surfaces, SF-шкала, 4pt сетка, радиусы 6/10/12/16.
Светлая и тёмная тема через `prefers-color-scheme`. Шрифт Inter.
Старые `--color-*` оставлены как алиасы.

## Кит
`web/src/ui/` — AppButton (filled/tinted/gray/plain/destructive), AppText,
AppTextField, AppListSection/Tile, AppSegmented, AppProgress, AppEmpty/Error,
Chip, Avatar, Skeleton. Стили в `kit.css`.

Старые `components/ui` (Button, Field, PageHeader, MetricGrid, …) — тонкие
обёртки над китом, страницы не ломаются.

## Оболочка
AppShell: translucent bar, inset-grouped нав на десктопе, капсулы на узком
экране. Обзор и журнал собраны на list/segmented. Остальные экраны получают
iOS-вид через те же кнопки, поля и `data-list`.