मोबाइल फोन के लिए एक अनुकूल HTML पेज बनाएं जिसमें एक इंटरएक्टिव त्रिभुज कंस्ट्रक्टर शामिल हो।

### लेआउट
1. **कैनवास**: एक कैनवास तत्व शामिल करें जहाँ एक गतिशील त्रिभुज प्रदर्शित किया जाएगा। उपयोगकर्ता अपनी उंगली से त्रिभुज के शीर्ष बिंदुओं को हिला सकते हैं।
2. **स्लाइडर और इनपुट फील्ड**: भुजाओं की लंबाई के लिए स्लाइडर और कोणों के लिए इनपुट फील्ड जोड़ें।
3. **बटन**: "रैंडम त्रिभुज", "रीसेट", और "डार्क थीम" बटन लागू करें।

### कार्यक्षमता
1. **गतिशील त्रिभुज**: जब उपयोगकर्ता शीर्ष बिंदुओं को हिलाते हैं तो त्रिभुज वास्तविक समय में अपडेट होना चाहिए।
2. **मापन प्रदर्शन**: त्रिभुज का परिमाण और क्षेत्रफल दिखाएँ। पुष्टि करें कि ∠A + ∠B + ∠C 180° के बराबर है।
3. **उपयोगकर्ता इंटरैक्शन**: शीर्ष बिंदुओं के स्थानांतरण और त्रिभुज के आकार बदलने पर स्मूथ एनीमेशन सुनिश्चित करें, सारे इंटरैक्शन उंगली के अनुकूल हों।
4. **दिखावट**: न्यूनतम स्टाइल के साथ हल्के थीम का उपयोग करें और डार्क मोड टॉगल प्रदान करें।

### कार्यान्वयन नोट्स
- बाहरी लाइब्रेरी के बिना शुद्ध JavaScript का उपयोग करके कार्यक्षमता को लागू करें। सुचारू और प्रतिक्रियाशील एनीमेशन को प्राथमिकता दें, और उपयोगकर्ता अनुभव को बेहतर बनाने के लिए साफ और सहज लेआउट डिज़ाइन करें।

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

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

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

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