Список гостей и подтверждения в одном боте

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

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

Сам спроектируй сущности: заявка на участие, гость, событие, статус, заметка, уведомление. Продумай поля, связи по стабильным ID, статусы «новая → подтверждена → гость пришёл» и отдельный «не смогу», экраны, пустые состояния, подтверждения удаления и то, что происходит после каждого действия. Из карточки заявки можно сменить статус, добавить заметку «нужен стул у прохода» или «приедет к 18:30» и скопировать телефон гостя — без перехода в другой раздел.

Экраны: 1) форма регистрации, а если событий несколько — каталог карточек с датой, местом и кнопкой «Зарегистрироваться»; 2) список заявок с поиском по имени, фильтром по статусу и дате; 3) карточка заявки; 4) счётчики за день: сколько заявок, сколько подтверждено, сколько всего гостей и сколько пометок по меню.

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

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

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

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

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

Моя задача: ___ (одна фраза о ваших мероприятиях и гостях).