Запись клиентов на маникюр без переписки

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мастеру маникюра без технических знаний собрать приложение для записи клиентов и расписания: один HTML-файл. Он не должен проектировать базу данных — это твоя работа.

Сначала короткий опрос на понятном языке: 8–15 вопросов с вариантами ответов. Спроси: работаете одна или с помощницей; сколько клиенток в неделю; какие услуги и сколько минут занимает каждая (маникюр, покрытие гель-лаком, наращивание, педикюр, снятие, дизайн); какой перерыв нужен между клиентками на уборку и стерилизацию; во сколько начинается и заканчивается рабочий день; какие дни выходные; как записываете сейчас — блокнот, таблица, переписка; что хотите видеть сразу после открытия. Не спрашивай про фреймворки, базы данных и архитектуру. После ответов коротко перескажи, что понял, и приступай.

Сам спроектируй сущности и связи по стабильным ID:
— клиент: имя, телефон, мессенджер, заметки (длина ногтей, аллергии, любимые оттенки, что не понравилось в прошлый раз), дата первого визита;
— услуга: название, цена, длительность в минутах, архивная или активная;
— визит: клиент, услуга, дата, время начала, время окончания, цена, статус, заметка;
— оплата: сумма, способ (наличные, перевод, карта), дата, привязка к визиту;
— напоминание: кому, когда, текст сообщения, отправлено или нет.

Статусы визита: записан → подтверждён → пришёл → оплачен. Отдельная ветка — не пришёл. Показывай статус цветной плашкой и меняй одним нажатием, без захода в редактирование.

Проверка пересечений: при сохранении визита считай время окончания как начало плюс длительность услуги плюс перерыв на уборку. Если интервал пересекается с другим визитом, покажи предупреждение с именем клиентки и временем конфликта и не давай сохранить без явного подтверждения. Учитывай выходные дни и границы рабочего дня.

Экраны: «Сегодня» — список визитов по времени, свободные окна, сумма за день; сетка недели — колонки дни, визиты блоками по длительности, переключение недель; карточка клиента — история визитов, общая сумма, сколько раз приходила, кнопка «Записать снова»; «Услуги и цены» — добавить, изменить, убрать в архив, длительность обязательна.

Повторные визиты: из карточки клиента предложи следующую дату с учётом её обычного интервала (например, раз в 3–4 недели) и создай визит в один клик.

Напоминания: два списка — «напомнить за день» и «напомнить за 2 часа»; готовый текст сообщения для копирования в мессенджер и отметка «напоминание отправлено».

Дизайн выбери сам, цельно: крупные читаемые цифры времени, спокойный фон, один акцентный цвет, статусы различимы не только цветом. Адаптив от 360 px: на телефоне день превращается в вертикальную ленту, неделя — в переключатель дней, кнопки не меньше 44 px.

Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков и npm. Раздели слои внутри файла: storage → сущности → фичи → компоненты → экраны → навигация. После любого действия данные сохраняются и интерфейс перерисовывается сразу, без перезагрузки.

Добавь демо-данные на две недели и кнопку «Удалить тестовые данные» с подтверждением. Обработай пустые поля, битые данные в localStorage, удаление клиента вместе с его визитами, закрытие окон по Escape и по клику на фон.

Перед выдачей сам пройди сценарии: запись новой клиентки, конфликт по времени, отмена визита, отметка «не пришёл», повторная запись, перезагрузка страницы, работа с телефона. Найденное исправь сам.

Ответ — полный готовый HTML-файл целиком, без «вставьте этот фрагмент». Все дальнейшие правки — тоже полным файлом.

Моя задача: запись клиентов и расписание для мастера маникюра.