トラベルマネーコンパス - 海外旅行の為替・割り勘・チップ計算ツール

【目的】海外旅行・出張者向けに、現地通貨での支払い判断を一瞬でできる便利ツール。難しい暗算をなくし「これは高い？安い？」を即座に判断できるようにする。ターゲットは海外旅行の計画者・旅行中の個人/グループ。

【主要機能】
1. レート手動設定：出発前に主要通貨(米ドル・ユーロ・ウォン・元・タイバーツ等30種)の為替レートを1回入力しておけば、オフラインでも常時利用可能。
2. 双方向電卓：現地通貨⇄円をテンキーUIでリアルタイム換算。履歴リストに直近10件を保存。
3. 割り勘計算：人数と支払方法を入れると、現地通貨と円の両方で端数調整済み金額を提示。
4. チップ計算：国選択+パーセントスライダーで自動算出。国別チップ文化を豆知識カードで表示。
5. 旅行予算トラッカー：旅行全体の予算を設定し、カテゴリ別に支出を記録、残高をゲージとドーナツグラフで可視化。
6. 6桁共有コードで同行者と旅行データ(予算・支出)を共有・閲覧できる。

【画面構成】
・ホーム：設定中の通貨とレート、4機能へのカードナビ、マスコット案内役。
・電卓画面：大きなテンキー、換算結果とアニメーション表示。
・割り勘画面：人数スライダー、結果カード。
・チップ画面：国旗付きドロップダウン、%スライダー。
・予算画面：円グラフ+ゲージ、支出一覧、カテゴリ別集計。
・国ガイド一覧：30カ国の通貨・チップ文化・物価感覚カード。

【データ構造(MySQL)】
trips(id, share_code, title, home_currency, budget_amount, created_at)/currencies(id, trip_id, code, name, flag_emoji, rate, updated_at)/expenses(id, trip_id, category, amount_local, currency_code, memo, created_at)/country_guides(id, country_name, currency_code, flag_emoji, tip_culture, price_sense, trivia) ※country_guidesは30件内製データ。

【デザイン方向性】世界地図・飛行機・パスポートをモチーフにした明るいトラベルブルー×サンセットオレンジの配色。丸みのあるフラットイラストで統一し、案内役の「コンパス妖精」マスコットが随所で助言。

【BGM仕様】トラベル・ボサノバ風、BPM100、4/4拍子。ドラムはブラシ風ハイハット+ソフトキック、ベースはウォーキングベース、和声はImaj7-vi7-ii7-V7循環、メロディはウクレレ風アルペジオ。8小節を1ユニットとしA(4小節)B(4小節)展開、4小節ごとに軽いフィルやメロディ変化を入れる。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを行い、BGM/SEの音量を別管理、ミュートボタンと画面遷移時のノード解放を実装する。

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

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