FocusLedger（フォーカスレジャー） - プロジェクト別タイムトラッキング&集中ビジュアライザー

【目的・ターゲット】フリーランサー、コンサルタント、士業、受託開発者など「時間が対価」の働き方をする人向けに、プロジェクト/クライアント別の作業時間と請求可能額を正確に把握し、かつ集中して作業に没頭できる環境を提供するタイムトラッキングツール。既存の汎用タイマーや工数比較ツールとは異なり、稼働の「見える化×没入感」を両立させる点が独自性。

【主要機能】
1. プロジェクト管理：クライアント名・時給・色タグを設定し、複数プロジェクトをカード一覧で管理。6桁共有コードでチームメンバーの稼働を集計閲覧可能。
2. タイマー：ストップウォッチ/ポモドーロ切替。作業中は稼働時間×時給のリアルタイム金額表示と、背景アニメーション+生成BGMで集中を演出。
3. タイムログ：日付・メモ・請求可否フラグ付きで記録、後から編集可能。
4. レポート：GitHub風カレンダーヒートマップ、週次/月次のプロジェクト別稼働・金額グラフ、CSV出力と印刷用レイアウト。
5. セッション完了カード：セッション終了時に「今日の集中の実り」をPNGカード（芽→花のビジュアル）として生成、達成感を可視化。

【画面構成】(1)ダッシュボード：今日の合計時間・今月の請求可能額・プロジェクトカード (2)タイマー画面：大時計、背景選択、BGM操作、メモ入力 (3)プロジェクト管理画面 (4)レポート画面：ヒートマップ、グラフ、出力 (5)完了カードモーダル。

【データ構造(MySQL)】projects(id, name, client_name, hourly_rate, color, share_code, created_at) / time_entries(id, project_id, member_name, start_time, end_time, duration_sec, note, is_billable, created_at)。集計はSQL集約クエリで算出。

【BGM仕様】Lo-fiアンビエント、BPM70、4/4拍子。ソフトなキック+シャッフルハイハットのドラム、シンセベースによるウォーキングライン、ii-V-Iのジャズ7thコード進行、電子ピアノとマリンバによる8小節メロディ+休符・アクセントを含むA/B展開、4小節ごとに軽いフィルまたはフレーズ変化。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを行い、BGM/SE個別音量調整・ミュート・停止時のノード解放(disconnect)を実装。

【デザイン方向性】温かみのあるパステルカラー(クリーム・淡いオレンジ・モスグリーン)、アイソメトリック風のフラットイラスト、丸みのある形状と細い輪郭線、柔らかな光の演出で集中を邪魔しないミニマムUI。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する