Створи адаптивний вебдодаток українською мовою для дитини 7–10 років: «Unicorn Math» — тренажер таблиці множення.

Мета: допомагати швидко й без стресу вивчати множення від 2 до 10 через короткі ігрові тренування, вимірювання часу та видимий прогрес.

Стиль:
- Світлий, казковий, дружній інтерфейс у фіолетових, рожевих, блакитних і кремових тонах.
- Оригінальна мила персонажка-єдиноріг Твіла як наставниця; не використовуй персонажів або назви з існуючих франшиз.
- Великі кнопки, округлі картки, легкі тіні, читабельний шрифт, багато повітря.
- Mobile-first: нижня навігація завжди доступна на телефоні.
- Додай оригінальні ілюстрації єдинорога для головного екрана, тренування та швидкісного тесту.
- Усі тексти — українською.

Екрани та функції:

1. Головна
- Логотип з емодзі 🦄 і назвою Unicorn Math.
- Привітання: «Привіт, [ім’я дитини]!».
- Картка з фразою наставниці: «Я підготувала приклади, які допоможуть швидше згадувати множення».
- Кнопка «Тренування дня» з числом прикладів.
- Блок «Сьогоднішній прогрес»: кількість прикладів, точність, середній час відповіді.
- Розділ «Режими гри» з картками:
  - «Швидка практика» — 10 прикладів;
  - «Швидкісний тест» — вибір 1, 3 або 4 хвилин;
  - «Складні приклади» — приклади з помилками або повільними відповідями;
  - «Таблиці» — вибір ×2–×10;
  - «Мікс усіх таблиць».
- Картка особистого рекорду за 1 хвилину.
- Нижня навігація: «Головна», «Прогрес», «Для батьків».

2. Екран тренування
- Угорі: кнопка виходу, назва режиму, лічильник «1 з 10», таймер і progress bar.
- Велика картка з прикладом на множення, наприклад «9 × 6 = ?».
- Таймер часу відповіді.
- Підказка наставниці та підтримувальні фрази.
- Цифрова клавіатура 0–9, кнопка видалення й кнопка перевірки.
- Після відповіді показуй анімацію успіху або м’яке пояснення помилки; автоматично переходь до наступного прикладу.
- Після завершення показуй підсумок: правильні відповіді, точність, середній час, новий рекорд або досягнення.

3. Логіка навчання
- Генеруй приклади для множення 2–10.
- Зберігай локально: кількість відповідей, правильність, час відповіді, історію тренувань і рекорди.
- Класифікуй факти:
  - зелений — відповідь стабільно швидка і правильна;
  - жовтий — ще вивчається;
  - червоний — потребує тренування.
- У режимі «Складні приклади» першими показуй червоні та жовті факти.
- Додай 7 досягнень: перше тренування, 5 днів тренувань, 10 і 20 автоматичних фактів, новий рекорд, 25 правильних відповідей, точність 90%.

4. Екран «Прогрес»
- Заголовок «Мій прогрес».
- Три лічильники: автоматичних, вивчаю, тренувати.
- «Карта множення»: таблиця 9×9 для чисел 2–10. Кожна клітинка показує результат і має колір за рівнем засвоєння.
- При натисканні на клітинку показуй приклад, статус, кількість спроб, точність і середній час.
- Блок «Особисті рекорди»: правильних за 1 хвилину, за 3 хвилини, найшвидші 25 прикладів, найкраща серія без помилок.
- Блок «Відзнаки» з прогресом відкритих досягнень.

5. Екран «Для батьків»
- Заголовок «Прогрес [ім’я дитини]».
- Картка підключення хмарного збереження через email: поле email і кнопка «Підключити». Для демоверсії достатньо симуляції підключення.
- Загальна статистика: тренувань, прикладів, точність, середній час.
- Список складних фактів із поясненням: помилки, повільна відповідь або ще не тренували.
- Блок «Останні тренування» з графіком точності та швидкості.
- Пояснення, що прогрес зберігається на цьому пристрої.

Технічні вимоги:
- Використай React/Next.js, TypeScript і Tailwind CSS.
- Зберігай дані у localStorage; підготуй окремий сервісний шар, щоб згодом легко підключити Supabase.
- Створи повністю робочий прототип без авторизації та реального надсилання email.
- Додай доступність: контрастні кольори, aria-label для кнопок, керування з клавіатури.
- Не використовуй зовнішні платні API.
- Додай плавні, ненав’язливі анімації та звукові ефекти, які можна вимкнути в налаштуваннях.