ワールドタイムハーモニー - 世界時差ミーティングプランナー

海外拠点や海外クライアントと仕事をするビジネスパーソン、リモートチームのマネージャー向けに、時差を「数字」ではなく「昼夜が動くビジュアルとBGM」で直感的に把握できる会議調整ツール。単なる時差早見表ではなく、都市ごとの空の色や環境音まで再現し、心地よく使えるリッチな体験を提供する。

主要機能:
1. 都市選択とタイムカード表示: 検索して都市を追加すると、現在時刻・日の出日の入り時刻・昼夜のグラデーション背景を持つカードが並ぶダッシュボードを表示。
2. ミーティング時間シミュレーター: 時刻スライダーを動かすと、選択済み全都市の現地時刻がリアルタイムに再計算され、深夜/早朝/営業時間内を信号色バーで判定。
3. ベスト時間帯自動提案: 全都市が営業時間内(9-19時目安)に収まる時間帯を自動探索し、上位3候補をスコア付きで提示。
4. 都市別アンビエントBGM: Web Audio APIで朝・昼・夕・夜それぞれ異なる環境音風BGMをその場で生成し、都市カードごとにON/OFF切替可能。
5. 共有ボード機能: 選択都市とミーティング候補時刻をMySQLに保存し、専用URL/QRコードを発行。参加者はログイン不要で閲覧・提案時刻の確認ができる。
6. 会議情報カードのPNG保存: 都市・時刻・空模様の背景を含む共有用カードを画像として書き出しチャットに貼付可能。

画面構成:
- トップ画面(都市検索・追加、選択済み都市一覧)
- ダッシュボード画面(都市別タイムカード、背景が現地時刻で自動変化)
- プランナー画面(時刻スライダー、適性判定バー、提案候補リスト)
- 共有画面(閲覧専用、URL・QR表示)
- 設定画面(BGMテーマ、12/24時間表示切替)

データ構造:
- citiesテーブル(id, name_ja, name_en, country, tz_offset_minutes, lat, lng, icon_key)に主要100都市を内蔵
- boardsテーブル(id, share_code, title, city_ids JSON, proposed_datetime_utc, created_at, updated_at)
- board_viewsテーブル(id, board_id, viewed_at)で簡易アクセス記録

デザイン方向性: フラットベクターイラストを基調に、朝(オレンジピンク)・昼(水色)・夕(紫オレンジ)・夜(紺色に星)の4トーンを時刻に応じて自動切替。カード型UI、丸みのあるボタン、太めの輪郭線、柔らかいドロップシャドウで統一し、Noto Sans JPで可読性を確保する。

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