Запись в тату-студию, которая не теряется в переписках

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

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

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

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

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

Правила: длительность берётся из услуги и правится вручную; два визита на одного мастера или в одно рабочее место в пересекающееся время запрещены — вместо ошибки покажи три ближайших свободных окна. Эскиз можно привязать к визиту текстовым описанием и заметкой.

Дизайн выбери сам: аккуратная типографика, крупные тапабельные элементы, единые компоненты, hover и focus, адаптив от 360 px. Главное действие дня — без прокрутки, никакого визуального шума.

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

Добавь демо-данные (два мастера, шесть услуг разной длительности, десять клиентов, визиты на неделю, пара предоплат) и кнопку «Удалить тестовые данные» с подтверждением. Предусмотри пустые поля, битые данные, удаление связанных записей, закрытие окон по Escape и клику на фон. Сам пройди сценарии: запись, перенос, отмена, неявка, оплата, повторный визит, перезагрузка, телефон.

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

Моя задача: запись клиентов в тату-студии, два мастера, сеансы от 40 минут до 5 часов, предоплата 3 000 ₽.