Техдолг: в основном чате класс
.ai-disclaimer ссылается на var(--text-muted), но в :root файла index.html эта переменная не объявлена — здесь для превью задано --text-muted: #9fa4b7 (как --text-3).CSS-переменные (:root)
Семантические цвета (захардкожены в CSS)
Шрифт
Inter (Google Fonts) + запасные system-ui, sans-serif. Веса подключены: 400, 500, 600, 700, 800.
Размеры и стили в интерфейсе
10px / 700
Аватар «You» (.msg.user .msg-avatar)
11px
Статус в шапке, disclaimer, кнопка Send в фидбеке
11px / 600
.fb-send
12px / 500
Чипы (.chip)
12px / 600
Кнопки планов (.pa-btn), Day Pass блок
12px mono
Плейсхолдер и поле .fb-comment input
14px
Текст в бабле, поле ввода, .fb-btn
14px / 700
Заголовок чата
15px
Икон-кнопка ↺ (.btn-icon)
15px / 700
Имя в шапке (.chat-header-name)
18px
Иконка отправки (↑) в .send-btn
Радиусы
--r-pill: 500px (чипы, pa-btn), --r-card: 18px, --r-msg: 16px (баблы; угол у хвоста 4px).
Шапка чата
eSIM Assistant
327 человек выбирают план
Состояния точки: idle · loading · ready · error
Сообщения и ввод
Действия после ответа (bot-core.js)
✨ Специальное предложение
Unlim Day Pass · 20 дней · €49 (€2.45/день)
Купить
Подсказка про срок действия дней.
Unlim Day Pass · 20 дней · €49 (€2.45/день)
Купить
Подсказка про срок действия дней.
Скроллбар (WebKit)
В списке сообщений: ширина 4px, thumb var(--border-md), radius 4px.
Иконки и медиа
Аватар ассистента: /quokka-avatar.png, в шапке 44×44px, в ряду сообщения 40×40px внутри .msg-avatar. Символы UI: Unicode (↺, ↑, 👍/👎, эмодзи флагов).