Интерактивный таймер

Эта страница представляет собой интерактивный таймер/будильник с возможностью установки времени, звуковым уведомлением и визуальными эффектами. Пользователь может задать количество минут и секунд, после чего таймер начнёт отсчёт с плавной анимацией в виде кругового прогресс-бара. По истечении времени проигрывается звуковое уведомление, а также появляется всплывающее сообщение. Страница оформлена в минималистичном стиле Apple с тёмной темой, эффектом стекла (glassmorphism) и плавными анимациями появления элементов.

Это позволяет продемонстрировать:
- HTML: Структурирование страницы с использованием семантических элементов, таких как контейнеры, поля ввода и SVG для прогресс-бара.
- CSS: Применение эффекта стекла (glassmorphism) с размытием, создание плавных анимаций появления (fadeInDown, fadeInUp), анимация кругового прогресс-бара через SVG, адаптивный дизайн для мобильных устройств, работа с тенями и переходами для кнопок.
- JavaScript: Работа с датой и временем для отсчёта секунд, обработка событий (запуск, сброс таймера), динамическое обновление DOM для отображения времени и прогресса, воспроизведение звука при завершении таймера, а также анимация прогресс-бара через изменение свойств SVG (`stroke-dashoffset`).