Aplicativo Abrangente de Timer Pomodoro com Suporte a PWA

Crie um aplicativo abrangente de timer pomodoro usando HTML5, CSS3 e JavaScript seguindo a técnica de gerenciamento de tempo. Projete uma interface elegante com um indicador de progresso circular grande e animado que represente visualmente a sessão atual. Permita a personalização dos intervalos de trabalho (padrão ${Work Intervals:25min}), pausas curtas (padrão ${Short Breaks:5min}) e pausas longas (padrão ${Long Breaks:15min}). Inclua uma integração de lista de tarefas onde os usuários possam associar sessões pomodoro a tarefas específicas. Adicione notificações sonoras configuráveis para transições de intervalo com controle de volume. Implemente rastreamento detalhado de estatísticas de produtividade diária/semanal com gráficos visuais. Use localStorage para persistir configurações e histórico entre sessões. Torne o aplicativo instalável como PWA com suporte offline e notificações. Adicione atalhos de teclado para controle rápido do timer (iniciar/pausar/reiniciar). Inclua múltiplas opções de tema com cores e fontes personalizáveis. Adicione um modo de foco que bloqueie distrações durante os intervalos de trabalho.