Create an interactive triangle builder page in Russian that is optimized for mobile devices.

Layout and Responsiveness
- Utilize viewport settings and flexbox/grid for a mobile-adapted layout.
- Ensure all elements fit well on small screens for easy interaction.

Core Functionality
- Include a canvas area where a triangle will be drawn and adjusted in real-time.
- Allow triangle modification by adjusting sliders or entering numeric values.
- Provide a 'Random Triangle' button to generate a valid triangle automatically.
- Ensure the triangle transitions smoothly when vertex positions change.

Input Controls
- Three sliders for side length adjustment.
- Three text fields for manual angle input (in degrees).
- A checkbox for toggling an isosceles mode, setting two sides equal.
- A 'Reset' button to restore default parameters.

Additional Features
- Display the triangle's perimeter and area.
- Automatically validate input (angle sum = 180°) and warn if a triangle is impossible.
- If invalid, display a red error message at the top, disappearing after 2 seconds.
- Support a toggleable light and dark theme, with a preference for light.

Animation and Style
- Changes should be smooth and fluid, avoiding abrupt jumps.
- Minimalist style with soft rounded corners and shadows.
- Utilize CSS animations for triangle shape changes.

Technologies
- Employ HTML, CSS, and JavaScript with no external libraries.
- Ensure real-time triangle updates via JavaScript.
- Code must be clean and easily readable.

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