Mobil cihazlar için etkileşimli bir üçgen yapıcı HTML sayfası oluşturun. Uygulamanın dili Rusçadır.

Duyarlı Tasarım:
- viewport ve flexbox/grid kullanarak mobil uyumlu optimize edin.
- Elemanlar küçük ekranlarda rahatça yer almalıdır.

Temel Fonksiyonlar:
- Üçgen çizimi için bir canvas alanı ekleyin.
- Üçgen, köşe noktalarını sürükleyerek veya değer girerek gerçek zamanlı olarak ayarlanır.
- 'Rastgele Üçgen' butonu, rastgele geçerli bir üçgen oluşturur.
- Köşe hareketlerinde yumuşak geçişler sağlayın.

Giriş Kontrolleri:
- Kenar uzunlukları için üç kaydırıcı kullanın.
- Açılar için (derece) üç metin kutusu ekleyin.
- İkizkenar mod için, iki kenarın eşitlenmesini sağlayan bir onay kutusu ekleyin.
- Varsayılan ayarlara dönen 'Sıfırla' butonu ekleyin.

Ek Özellikler:
- Üçgenin çevresi ve alanını gösterin.
- Açılar toplamının 180° olup olmadığını otomatik kontrol edin ve imkansız üçgen durumunda uyarı verin.
- Sadece açık tema uygulanmış olmak üzere, açık temayı destekleyin ve karanlık mod için geçiş düğmesi ekleyin.

Animasyon ve Stil:
- Ani sıçramalar olmaksızın yumuşak animasyonlar kullanın.
- Yuvarlatılmış köşeler ve gölgelerle minimalist bir tasarım oluşturun.
- Üçgen dönüşümleri için CSS animasyonları uygulayın.

Teknoloji:
- HTML, CSS ve JavaScript kullanın (dış kütüphane kullanmayın).
- JavaScript, üçgeni gerçek zamanlı güncelleyecektir.
- Kod temiz ve okunabilir olmalıdır.

SSS:
- Eğer üçgen oluşturulamazsa ne olur?
  Üst kısımda kırmızı bir hata mesajı belirir ve yavaşça kaybolur.

Создай страницу 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: светлая только.