ライフパスロードマップ - 人生設計シミュレーター

【目的】20〜40代の「将来のお金と人生」がぼんやり不安な人向けに、収入・支出・ライフイベントを入力するだけで100歳までの資産推移と人生の節目を、四季の移ろう美しいロードマップとして可視化する無料ツール。家計簿の先にある『この先どうなるか』を答える。

【主要機能】
1. 4ステップ入力ウィザード:現在年齢/配偶者/子供の人数と年齢→月収・月支出→現在の貯蓄額・想定運用利回り→ライフイベント追加(結婚・出産・教育費・住宅購入・車買替・退職・介護など、金額と発生年齢をテンプレートから選び編集可)
2. 年次シミュレーションエンジン:昇給率・物価上昇・運用利回りを考慮し資産推移を100歳まで自動計算。資産が尽きる年があれば警告表示し、対策ヒントを提示
3. 人生の四季ロードマップ:春(誕生〜学生)夏(就職〜子育て)秋(中年〜退職準備)冬(老後)で背景が切り替わる一本道を、成長するアバターが歩み、旗アイコンでライフイベントが並ぶビジュアルタイムライン
4. シナリオ比較:節約型/標準/積極投資型など最大3パターンを並べて資産グラフとサマリーで比較
5. 結果は6桁共有コードでスマホ⇄PC間同期、PNG保存・印刷レポート出力にも対応

【画面構成】
・トップ:入力ウィザード(4ステップ、進捗バー)
・結果画面:上部に四季ロードマップキャンバス(アバター+イベント旗+資産グラフの複合表示)、下部に年次テーブルと警告カード
・シナリオ比較画面:3列カードで並列表示
・イベント編集モーダル、共有コード発行/読込画面

【データ構造】
life_plans テーブル(id, share_code, profile_json, events_json, scenario_name, created_at, updated_at)。profile_jsonに年齢・家族・収支・利回り、events_jsonにイベント配列(name, age, cost, category)を保存。

【デザイン】水彩画風のパステル×深みのある配色、柔らかい線の四季背景と成長アバターで統一。丸みのあるフォントで温かい印象に。

【BGM】Web Audio APIでライフステージ別に4曲生成(各8小節A/Bループ、AudioContext.currentTime基準の先読みスケジューリング、BGM/SE別音量・ミュート・画面遷移時ノード解放)。春:BPM80 4/4 ピアノアルペジオ+ストリングスパッド、明るいCメジャー。夏:BPM96 4/4 ピアノ+ブラシ風パーカッション、活気ある展開。秋:BPM72 4/4 ピアノ+チェロ、落ち着いた和声。冬:BPM60 4/4 ピアノソロ+アンビエントパッド、休符を活かした静謐な旋律。4小節ごとに軽いフィル/グリッサンドで変化を演出。

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

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