Меню фудкорта с QR, где несколько кухонь уживаются в одном списке

Карточка позиции, список категорий, стоп-лист и редактирование — четыре экрана в одном файле. Этого достаточно, чтобы запустить меню.

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

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

После ответов коротко перескажи, что понял, и собери приложение. Сущности: категория (кухня), позиция, состав, цена, аллерген, статус. У позиции должны быть название, короткое описание, состав или ингредиенты, вес или объём, цена, аллергены, признак остроты и статус «в наличии» или «стоп-лист». Категории и позиции можно добавлять, переименовывать, менять местами и скрывать, не удаляя.

Экраны: меню по категориям с поиском и переходом к позиции; карточка позиции с составом, весом, ценой и аллергенами; стоп-лист отдельным списком; редактирование категорий и позиций. Статус меняется в одно касание: «в наличии → стоп-лист → снова в наличии». Перед удалением спрашивай подтверждение. Позиции из стоп-листа остаются видимыми с пометкой и не попадают в активный список.

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

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

Проверь сценарии: добавить позицию, изменить цену, убрать в стоп-лист, вернуть из стоп-листа, найти позицию поиском, открыть карточку, перезагрузить страницу, поработать с телефона. Исправь найденное сам. Ответ — полный готовый HTML-файл, без фрагментов. Все дальнейшие правки тоже присылай полным файлом.

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