Buat halaman pembuat segitiga interaktif dalam bahasa Rusia yang dioptimalkan untuk perangkat mobile.

Tata Letak dan Responsivitas
- Gunakan pengaturan viewport serta flexbox/grid untuk tata letak yang cocok di perangkat mobile.
- Pastikan semua elemen tampil dengan baik pada layar kecil untuk interaksi yang mudah.

Fungsi Inti
- Sertakan area kanvas di mana segitiga akan digambar dan disesuaikan secara real-time.
- Izinkan modifikasi segitiga dengan mengatur slider atau memasukkan nilai numerik.
- Sediakan tombol 'Segitiga Acak' untuk menghasilkan segitiga valid secara otomatis.
- Pastikan transisi segitiga berjalan dengan halus saat posisi titik berubah.

Kontrol Input
- Tiga slider untuk penyesuaian panjang sisi.
- Tiga bidang teks untuk memasukkan nilai sudut secara manual (dalam derajat).
- Satu kotak centang untuk mengaktifkan mode isosceles, mengatur dua sisi agar sama.
- Tombol 'Reset' untuk mengembalikan parameter ke default.

Fitur Tambahan
- Tampilkan keliling dan luas segitiga.
- Validasi input secara otomatis (jumlah sudut = 180°) dan beri peringatan jika segitiga tidak mungkin dibentuk.
- Jika input tidak valid, tampilkan pesan kesalahan merah di bagian atas yang menghilang setelah 2 detik.
- Dukung tema terang dan gelap yang bisa diubah, dengan preferensi tema terang.

Animasi dan Gaya
- Perubahan harus halus dan lancar, tanpa lonjakan tiba-tiba.
- Gunakan gaya minimalis dengan sudut membulat dan bayangan lembut.
- Manfaatkan animasi CSS untuk perubahan bentuk segitiga.

Teknologi
- Gunakan HTML, CSS, dan JavaScript tanpa pustaka eksternal.
- Pastikan segitiga diperbarui secara real-time menggunakan JavaScript.
- Kode harus bersih dan mudah dibaca.

Создай страницу 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: сообщение об ошибке красным цветом которое появляется сверху и исчезает через 2 секунды.