Aplicación integral de temporizador Pomodoro con soporte PWA

Crea una aplicación 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 indicador circular de progreso grande y animado que represente visualmente la sesión actual. Permite la personalización de intervalos de trabajo (por defecto ${Work Intervals:25min}), descansos cortos (por defecto ${Short Breaks:5min}) y descansos largos (por defecto ${Long Breaks:15min}). Incluye una integración de lista de tareas donde los usuarios puedan asociar sesiones pomodoro con tareas específicas. Añade notificaciones de sonido configurables para las transiciones de intervalos con control de volumen. Implementa un seguimiento detallado de estadísticas de productividad diaria/semanal con gráficos visuales. Usa localStorage para persistir configuraciones e historial entre sesiones. Haz que la aplicación sea instalable como PWA con soporte offline y notificaciones. Añade atajos de teclado para el control rápido del temporizador (iniciar/pausar/reiniciar). Incluye múltiples opciones de tema con colores y fuentes personalizables. Añade un modo de enfoque que bloquee distracciones durante los intervalos de trabajo.