包括PWAサポートの包括的ポモドーロタイマーアプリ

HTML5、CSS3、JavaScriptを使用して、タイムマネジメント手法に従った包括的なポモドーロタイマーアプリを作成します。現在のセッションを視覚的に表現する、大きくアニメーション化された円形進捗インジケーターを備えたエレガントなインターフェースを設計します。作業間隔（デフォルト${Work Intervals:25min}）、ショートブレーク（デフォルト${Short Breaks:5min}）、ロングブレーク（デフォルト${Long Breaks:15min}）のカスタマイズを可能にします。ユーザーがポモドーロセッションを特定のタスクに関連付けることができるタスクリスト統合を含めます。音量調節機能付きの設定可能なサウンド通知を間隔遷移時に追加します。視覚的なチャートを用いた日次/週次の生産性の詳細な統計追跡を実装します。localStorageを使用して設定と履歴をセッション間で永続化します。オフラインサポートと通知機能を備えたPWAとしてインストール可能にします。タイマー制御（開始/一時停止/リセット）のためのキーボードショートカットを追加します。カスタマイズ可能な色とフォントを備えた複数のテーマオプションを含めます。作業間隔中に気を散らすものをブロックするフォーカスモードを追加します。