Criar uma página HTML adaptativa para telefones celulares com um construtor interativo de triângulos.

### Layout
1. **Canvas**: Incluir um elemento canvas onde um triângulo dinâmico será exibido. Os usuários podem mover os vértices do triângulo com o dedo.
2. **Sliders e Campos de Entrada**: Adicionar sliders para os comprimentos dos lados e campos para os ângulos.
3. **Botões**: Implementar botões para "Triângulo Aleatório", "Resetar" e "Tema Escuro".

### Funcionalidade
1. **Triângulo Dinâmico**: O triângulo deve atualizar em tempo real conforme os usuários movimentam seus vértices.
2. **Exibição de Medidas**: Mostrar o perímetro e a área do triângulo. Validar que ∠A + ∠B + ∠C seja igual a 180°.
3. **Interação do Usuário**: Garantir animações suaves ao mover vértices e redimensionar o triângulo, com interação amigável para o toque.
4. **Aparência**: Utilizar um estilo minimalista com tema claro e oferecer uma alternância para o modo escuro.

### Notas de Implementação
- Focar em JavaScript puro para a funcionalidade sem bibliotecas externas. Priorizar animações suaves e responsividade para melhorar a experiência do usuário.

Создай адаптивную HTML-страницу для мобильного телефона с интерактивным конструктором треугольников.
	•	Canvas с динамическим треугольником, вершины двигаются пальцем.
	•	Ползунки для изменения длины сторон, поля ввода для углов.
	•	Кнопки: “Случайный треугольник”, “Сброс”, “Темная тема”.
	•	Показывать периметр, площадь, проверять корректность (∠A + ∠B + ∠C = 180°).
	•	Чистый JS (без библиотек), плавные анимации, минималистичный стиль.

Q: Как пользователи будут взаимодействовать с ползунками и полями ввода?
A: пальцем ерзать

Q: Какие анимации предполагаются при перемещении вершин и изменении треугольника?
A: просто двигается и всеч.

Q: Как должен выглядеть минималистичный стиль?
A: светлая тема