Create an adaptive HTML page for mobile phones with an interactive triangle constructor.

### Layout
1. **Canvas**: Include a canvas element where a dynamic triangle is displayed. Users can move the triangle's vertices with their finger.
2. **Sliders and Input Fields**: Add sliders for side lengths and input fields for angles.
3. **Buttons**: Implement buttons for "Random Triangle", "Reset", and "Dark Theme".

### Functionality
1. **Dynamic Triangle**: The triangle should update in real-time as users manipulate its vertices.
2. **Measurements Display**: Display the perimeter and area of the triangle. Validate the triangle by checking that ∠A + ∠B + ∠C equals 180°.
3. **User Interaction**: Ensure smooth animations when vertices are moved and the triangle is resized, all interactions being finger-friendly.
4. **Appearance**: Use a minimalist style with a light theme and provide a toggle for dark mode.

### Implementation Notes
- Focus on pure JavaScript for functionality without external libraries. Prioritize smooth and responsive animations to improve user experience. Design the layout to be clean and intuitive.

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

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

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

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