Crie uma página interativa de construtor de triângulos em russo, otimizada para dispositivos móveis.

Layout e Responsividade
- Utilize configurações de viewport e flexbox/grid para um layout adaptado a dispositivos móveis.
- Certifique-se de que todos os elementos caibam bem em telas pequenas para facilitar a interação.

Funcionalidades Principais
- Inclua uma área de canvas onde um triângulo será desenhado e ajustado em tempo real.
- Permita a modificação do triângulo ajustando sliders ou inserindo valores numéricos.
- Disponibilize um botão 'Triângulo Aleatório' para gerar automaticamente um triângulo válido.
- Garanta transições suaves quando as posições dos vértices mudarem.

Controles de Entrada
- Três sliders para ajuste do comprimento dos lados.
- Três campos de texto para inserção manual de ângulos (em graus).
- Uma caixa de seleção para alternar o modo isósceles, definindo dois lados iguais.
- Um botão 'Resetar' para restaurar os parâmetros padrão.

Recursos Adicionais
- Exiba o perímetro e a área do triângulo.
- Valide automaticamente a entrada (soma dos ângulos = 180°) e avise se o triângulo for impossível.
- Se inválido, exiba uma mensagem de erro em vermelho no topo, que desaparece após 2 segundos.
- Suporte para alternar entre os temas claro e escuro, com preferência pelo claro.

Animação e Estilo
- As mudanças devem ser suaves e fluidas, evitando pulos abruptos.
- Estilo minimalista com cantos suavemente arredondados e sombras.
- Utilize animações em CSS para as mudanças de forma do triângulo.

Tecnologias
- Utilize HTML, CSS e JavaScript sem bibliotecas externas.
- Garanta atualizações do triângulo em tempo real via JavaScript.
- O código deve ser limpo e de fácil leitura.

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