Temporizador Pomodoro

Crea una app completa de temporizador pomodoro usando HTML5, CSS3 y JavaScript siguiendo la técnica de gestión del tiempo. Diseña una interfaz elegante con un gran indicador de progreso circular animado que represente visualmente la sesión actual. Permite la personalización de intervalos de trabajo (predeterminado 25 min), descansos cortos (predeterminado 5 min) y descansos largos (predeterminado 15 min). Incluye una lista de tareas integrada donde los usuarios pueden asociar sesiones pomodoro con tareas específicas. Agrega notificaciones de sonido configurables para transiciones de intervalo con control de volumen. Implementa estadísticas detalladas que rastrean la productividad diaria/semanal con gráficos visuales. Usa localStorage para conservar la configuración y el historial entre sesiones. Haz que la app se pueda instalar como una PWA con soporte y notificaciones sin conexión. Agrega atajos de teclado para un control rápido del temporizador (iniciar/pausar/reiniciar). Incluye múltiples opciones de tema con colores y fuentes personalizables. Agrega un modo de concentración que bloquea las distracciones durante los intervalos de trabajo