ジェットラグナビ - 時差ボケ解消プランナー

【目的・ターゲット】海外出張者・旅行者向けに、フライト情報から体内時計の調整プランを自動生成し、時差ボケを最小化するための実用ツール。既存の時差比較系(World Time Harmony)とは異なり「移動後の行動指示」に特化する。

【主要機能】
1. フライト入力: 出発地/到着地のタイムゾーン、出発・到着日時、便名(任意)を入力。
2. 体内時計シフト計算: 東行き/西行きと時差の大きさから、光を浴びる時間帯・避ける時間帯・推奨就寝時刻・カフェイン摂取可否・軽い運動タイミングを、出発前2日〜到着後3日の時間軸で自動生成するルールベースエンジン(外部API不使用)。
3. タイムラインカード表示: 各アクションを「日の出アイコン/月アイコン/カップ/ベッド」等のカードで時系列表示。現在時刻に合わせて次のアクションをハイライト。
4. ビジュアル地球儀: 出発地・到着地を結ぶフライトルートと昼夜グラデーションを表示するCanvas演出。
5. 保存・共有: 6桁の共有コードでプランをMySQLに保存し、家族や同行者が閲覧専用URLで確認可能。
6. ブラウザ通知とBGM/SEでリマインド、ミュート切替対応。

【画面構成】①トップ(ヒーロー画像とキャッチ文、新規プラン作成ボタン) ②入力フォーム画面 ③結果タイムライン画面(地球儀+カード一覧+再生バー) ④共有閲覧ページ ⑤設定(音量/通知)。

【データ構造】plansテーブル(id, share_code, origin_tz, dest_tz, depart_at, arrive_at, direction, created_at, options_json)。タイムラインカード自体はJS側でルール計算し、DBには入力値のみ保存。

【BGM仕様】チルアウト/アンビエント、BPM60、4/4拍子。Aメロ: パッド和音(Cmaj7→Am7→Fmaj7→G)を8小節、ロービットのシンセベースが2拍毎に静かに支える。Bメロ(9〜16小節目): メロディにグロッケン風の単音アルペジオを重ね、4小節目・8小節目にリバーブの効いたフィルを挿入。フライト前モードは静かなパッドのみ、到着後モードは明るいメジャーコードに変調して活動を促す。Web Audio APIでAudioContext.currentTime基準に先読みスケジューリングし、BGM/SEの音量は個別スライダー、ミュートボタン、画面遷移時のノード切断(disconnect)を実装。

【デザイン方向性】夜明けの空を思わせる藍〜橙のグラデーションを基調に、フラットベクター調のアイコンで統一。太字すぎない丸ゴシック、余白を活かした落ち着いたレイアウトでスマホ縦画面を優先。

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

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