Crea una pagina HTML adattiva per telefoni cellulari con un costruttore interattivo di triangoli.

### Layout
1. **Canvas**: Includi un elemento canvas dove verrà visualizzato un triangolo dinamico. Gli utenti possono spostare i vertici del triangolo con il dito.
2. **Slider e Campi di Input**: Aggiungi slider per le lunghezze dei lati e campi di input per gli angoli.
3. **Pulsanti**: Implementa pulsanti per "Triangolo Casuale", "Reset" e "Tema Scuro".

### Funzionalità
1. **Triangolo Dinamico**: Il triangolo deve aggiornarsi in tempo reale mentre gli utenti manipolano i suoi vertici.
2. **Visualizzazione Misure**: Visualizza il perimetro e l'area del triangolo. Verifica che ∠A + ∠B + ∠C sia uguale a 180°.
3. **Interazione Utente**: Assicura animazioni fluide quando i vertici sono spostati e il triangolo viene ridimensionato, con interazioni adatte al tocco.
4. **Aspetto**: Utilizza uno stile minimalista con tema chiaro e fornisci un toggle per la modalità scura.

### Note di Implementazione
- Concentrati su JavaScript puro per la funzionalità senza librerie esterne. Dai priorità ad animazioni fluide e responsive per migliorare l'esperienza utente.

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

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

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

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