Crear una página HTML adaptativa para teléfonos móviles con un constructor de triángulos interactivo.

### Diseño
1. **Lienzo**: Incluir un elemento canvas donde se muestre un triángulo dinámico. Los usuarios pueden mover los vértices del triángulo con el dedo.
2. **Deslizadores y Campos de Entrada**: Agregar deslizadores para longitudes de lados y campos de entrada para ángulos.
3. **Botones**: Implementar botones para "Triángulo Aleatorio", "Reiniciar" y "Tema Oscuro".

### Funcionalidad
1. **Triángulo Dinámico**: El triángulo se actualizará en tiempo real mientras los usuarios manipulan sus vértices.
2. **Visualización de Medidas**: Mostrar el perímetro y el área del triángulo. Validar que ∠A + ∠B + ∠C sea igual a 180°.
3. **Interacción del Usuario**: Asegurar animaciones suaves al mover los vértices y redimensionar el triángulo, todo amigable para el uso con el dedo.
4. **Apariencia**: Usar un estilo minimalista con un tema claro y ofrecer un interruptor para el modo oscuro.

### Notas de Implementación
- Enfocarse en JavaScript puro para la funcionalidad sin bibliotecas externas. Priorizar animaciones fluidas y una experiencia de usuario responsiva, con un diseño limpio e intuitivo.

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

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

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

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