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