Umfassende Pomodoro-Timer-App mit PWA-Unterstützung

Erstellen Sie eine umfassende Pomodoro-Timer-App mit HTML5, CSS3 und JavaScript nach der Zeitmanagement-Technik. Entwerfen Sie eine elegante Oberfläche mit einem großen, animierten kreisförmigen Fortschrittsindikator, der die aktuelle Sitzung visuell darstellt. Ermöglichen Sie die Anpassung von Arbeitsintervallen (Standard ${Work Intervals:25min}), kurzen Pausen (Standard ${Short Breaks:5min}) und langen Pausen (Standard ${Long Breaks:15min}). Integrieren Sie eine Aufgabenlisten-Integration, bei der Benutzer Pomodoro-Sitzungen mit bestimmten Aufgaben verknüpfen können. Fügen Sie konfigurierbare Sound-Benachrichtigungen für Intervallübergänge mit Lautstärkeregler hinzu. Implementieren Sie detaillierte Statistik-Tracking für tägliche/wöchentliche Produktivität mit visuellen Diagrammen. Verwenden Sie localStorage, um Einstellungen und Verlauf zwischen Sitzungen zu speichern. Machen Sie die App als PWA installierbar mit Offline-Unterstützung und Benachrichtigungen. Fügen Sie Tastaturkürzel für schnelle Timer-Steuerung hinzu (Start/Pause/Reset). Integrieren Sie mehrere Design-Optionen mit anpassbaren Farben und Schriftarten. Fügen Sie einen Fokusmodus hinzu, der Ablenkungen während Arbeitsintervallen blockiert.