Buat halaman HTML responsif untuk ponsel yang menyertakan konstruktor segitiga interaktif.

### Tata Letak
1. **Canvas**: Sertakan elemen canvas dimana segitiga dinamis ditampilkan. Pengguna dapat memindahkan titik-titik sudut segitiga dengan jari mereka.
2. **Slider dan Kolom Input**: Tambahkan slider untuk panjang sisi dan kolom input untuk sudut.
3. **Tombol**: Implementasikan tombol untuk "Segitiga Acak", "Reset", dan "Tema Gelap".

### Fungsionalitas
1. **Segitiga Dinamis**: Segitiga harus diperbarui secara real-time saat pengguna memanipulasi titik-titiknya.
2. **Tampilan Pengukuran**: Tampilkan keliling dan luas segitiga. Validasi segitiga dengan memastikan bahwa ∠A + ∠B + ∠C sama dengan 180°.
3. **Interaksi Pengguna**: Pastikan animasi halus ketika titik-titik dipindahkan dan segitiga diubah ukurannya, dengan interaksi yang ramah jari.
4. **Tampilan**: Gunakan gaya minimalis dengan tema terang dan sediakan toggle untuk mode gelap.

### Catatan Implementasi
- Fokus pada penggunaan JavaScript murni untuk fungsi tanpa pustaka eksternal. Utamakan animasi yang halus dan responsif untuk meningkatkan pengalaman pengguna, serta desain tata letak yang bersih dan intuitif.

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

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

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

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