मोबाइल उपकरणों के लिए इंटरएक्टिव त्रिभुज कंस्ट्रक्टर HTML पृष्ठ बनाएं। ऐप की भाषा रूसी है।

रेस्पॉन्सिव डिज़ाइन:
- viewport और flexbox/grid का उपयोग करके मोबाइल के लिए अनुकूलित करें।
- छोटे स्क्रीन पर तत्व आराम से फिट होने चाहिए।

मुख्य कार्यक्षमता:
- त्रिभुज को चित्रित करने हेतु एक canvas क्षेत्र शामिल करें।
- त्रिभुज, शिखर को खींचने या मान दर्ज करने पर रियल-टाइम में समायोजित होता है।
- 'रैंडम त्रिभुज' बटन यादृच्छिक रूप से एक मान्य त्रिभुज उत्पन्न करता है।
- शिखरों के मूवमेंट में स्मूथ ट्रांज़िशन सुनिश्चित करें।

इनपुट कंट्रोल:
- तीन स्लाइडर से भुजाओं की लंबाई निर्धारित करें।
- तीन टेक्स्ट फ़ील्ड में कोण (डिग्री) दर्ज करें।
- समद्विबाहु मोड के लिए चेकबॉक्स जो दो भुजाओं को बराबर कर दे।
- 'रीसेट' बटन से डिफ़ॉल्ट सेटिंग्स पुनः स्थापित करें।

अतिरिक्त सुविधाएँ:
- त्रिभुज का परिमाप और क्षेत्र दिखाएँ।
- स्वचालित रूप से जांचें कि कोणों का योग 180° है और यदि त्रिभुज असंभव हो तो चेतावनी दें।
- लाइट थीम का समर्थन करें, साथ ही डार्क मोड स्विच (केवल लाइट थीम लागू है)।

एनिमेशन और स्टाइल:
- अचानक बदलाव के बिना स्मूथ एनिमेशन हो।
- गोल कोनों और छाया के साथ न्यूनतम डिज़ाइन अपनाएं।
- CSS एनिमेशन से त्रिभुज परिवर्तन प्रभाव लागू करें।

टेक्नोलॉजी:
- HTML, CSS और JavaScript का उपयोग करें (कोई बाहरी पुस्तकालय नहीं)।
- JavaScript त्रिभुज को रियल-टाइम अपडेट करता है।
- कोड साफ-सुथरा और आसानी से पढ़ा जा सके ऐसा होना चाहिए।

FAQ:
- यदि त्रिभुज संभव नहीं हो तो क्या होगा?
  शीर्ष पर लाल त्रुटि संदेश दिखाई देगा, जो धीरे-धीरे गायब हो जाएगा।

Создай страницу HTML для мобильного телефона, на которой будет интерактивный конструктор треугольников.

Требования к странице:
	1.	Адаптивность
	•	Дизайн должен быть адаптирован для мобильных устройств (использовать viewport, flexbox/grid).
	•	Все элементы должны удобно располагаться на небольшом экране.
	2.	Основной функционал
	•	На странице должно быть поле с холстом (Canvas), на котором будет рисоваться треугольник.
	•	Треугольник можно изменять в реальном времени, двигая вершины пальцем или вводя числовые значения.
	•	Кнопка “Случайный треугольник” должна случайным образом генерировать корректный треугольник.
	•	Треугольник должен изменяться плавно при перемещении точек.
	3.	Контролы для ввода параметров
	•	Три ползунка (input range) для изменения длины сторон.
	•	Три текстовых поля для ручного ввода значений углов (градусы).
	•	Чекбокс для включения/выключения равнобедренного режима, который делает две стороны равными.
	•	Кнопка “Сбросить”, чтобы вернуть параметры в начальное состояние.
	4.	Дополнительные функции
	•	Отображение периметра и площади треугольника.
	•	Автоматическая проверка на корректность значений (сумма углов = 180°).
	•	Если треугольник невозможен, отображать предупреждение.
	•	Поддержка темной и светлой темы, переключаемой кнопкой.
	5.	Анимация и стили
	•	Все изменения должны происходить плавно, без резких скачков.
	•	Применить минималистичный стиль с плавными закруглениями углов и тенями.
	•	Использовать CSS-анимации для изменения формы треугольника.
	6.	Технологии
	•	HTML + CSS + JavaScript (без сторонних библиотек).
	•	JavaScript должен обновлять треугольник в реальном времени.
	•	Код должен быть чистым и легко читаемым.

Q: Что должно происходить при создании некорректного треугольника?
A: Некорректный тругольник создать нельзя

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

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