创建一个适用于移动设备的交互式三角形构造器HTML页面。应用语言为俄语。

响应式设计:
- 使用 viewport 和 flexbox/grid 优化移动端显示。
- 元素应在小屏幕上舒适排列。

核心功能:
- 包含用于绘制三角形的画布区域。
- 通过拖动顶点或输入数值实时调整三角形。
- “随机三角形”按钮随机生成一个有效三角形。
- 确保顶点移动时平滑过渡。

输入控件:
- 三个侧边长度滑块。
- 三个角度输入框（单位：度）。
- 一个等腰模式复选框，用于使两边相等。
- “重置”按钮恢复默认设置。

附加功能:
- 显示三角形的周长和面积。
- 自动检查角度和是否为180°，并对不可能的三角形显示警告。
- 支持浅色主题，并提供切换至暗色模式的按钮（仅实现浅色主题）。

动画与风格:
- 平滑的过渡效果，无突兀跳跃。
- 简约风格，具有圆角和阴影效果。
- 使用CSS动画实现三角形转换效果。

技术要求:
- 使用HTML、CSS和JavaScript（不使用外部库）。
- JavaScript实时更新三角形。
- 代码应保持简洁易读。

常见问题:
- 如果无法构成三角形怎么办？
  页面顶部显示红色错误信息，随后逐渐消失。

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