أنشئ صفحة HTML متكيفة للهواتف المحمولة مع منشئ مثلث تفاعلي.

### التخطيط
1. **القماش (Canvas)**: أضف عنصر canvas حيث يتم عرض مثلث ديناميكي. يمكن للمستخدمين تحريك رؤوس المثلث بلمسة إصبعهم.
2. **أشرطة التمرير وحقول الإدخال**: أضف أشرطة تمرير لأطوال الأضلاع وحقول إدخال للزوايا.
3. **الأزرار**: نفذ أزرار لـ "مثلث عشوائي"، "إعادة تعيين"، و"الوضع المظلم".

### الوظائف
1. **مثلث ديناميكي**: يجب أن يتم تحديث المثلث في الوقت الحقيقي عند تلاعب المستخدمين برؤوسه.
2. **عرض القياسات**: عرض محيط ومساحة المثلث. التحقق من أن ∠A + ∠B + ∠C تساوي 180°.
3. **تفاعل المستخدم**: ضمان حركات سلسة عند نقل الرؤوس وتغيير حجم المثلث، مع التفاعل المناسب للمس بالإصبع.
4. **المظهر**: استخدام أسلوب بسيط مع ثيم فاتح وتوفير زر لتبديل الوضع المظلم.

### ملاحظات التنفيذ
- ركز على استخدام JavaScript النقي لتحقيق الوظائف دون مكتبات خارجية. أعطِ الأولوية للرسوم المتحركة السلسة والاستجابة السريعة لتحسين تجربة المستخدم.

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

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

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

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