番茄钟

创建一个功能全面的番茄钟应用，使用 HTML5、CSS3 和 JavaScript，遵循时间管理技巧。设计一个优雅的界面，包含一个大型的、带动画的圆形进度指示器，直观地展示当前会话。允许自定义工作时长（默认 ${Work Intervals:25min}）、短休息（默认 ${Short Breaks:5min}）和长休息（默认 ${Long Breaks:15min}）。加入任务列表集成，用户可以将会话与特定任务关联。为区间切换添加可配置的声音通知，并带音量控制。实现详细的统计跟踪，通过可视化图表展示每日/每周生产力。使用 localStorage 在会话之间持久化设置和历史记录。使应用可作为 PWA 安装，支持离线使用和通知。添加键盘快捷键以便快速控制计时器（开始/暂停/重置）。包含多种主题选项，可自定义颜色和字体。添加专注模式，在工作区间内屏蔽干扰。

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents the current session. Allow customization of work intervals (default ${Work Intervals:25min}), short breaks (default ${Short Breaks:5min}), and long breaks (default ${Long Breaks:15min}). Include a task list integration where users can associate pomodoro sessions with specific tasks. Add configurable sound notifications for interval transitions with volume control. Implement detailed statistics tracking daily/weekly productivity with visual charts. Use localStorage to persist settings and history between sessions. Make the app installable as a PWA with offline support and notifications. Add keyboard shortcuts for quick timer control (start/pause/reset). Include multiple theme options with customizable colors and fonts. Add a focus mode that blocks distractions during work intervals.