TalkBalance - 会議発言バランス可視化ツール

【目的】会議で「特定の人だけが話し続ける」「発言できない人がいる」という偏りを、その場でリアルタイムに見える化し、心理的安全性の高いチーム運営を支援する業務ツール。管理職・ファシリテーター・人事担当者がターゲット。

【主要機能】
1. 会議セットアップ:会議タイトルと参加者(名前・色・アバター選択、最大12名)を登録し6桁の共有コードを発行
2. 発言トラッキング:参加者カードをタップすると発言中フラグがON(排他制御、同時1名のみ)になりストップウォッチ計測。もう一度タップでOFF
3. リアルタイム可視化:中央に円グラフ、下部に横棒グラフで発言時間比率をライブ更新。1人が50%を超えると独占警告バナー表示、5分間無発言者にはやんわり促す通知
4. 終了後サマリー:発言時間ランキング、最も静かだった人ハイライト、均等度指数(ジニ係数ベースの心理的安全性スコア)、自動生成の改善アドバイス文
5. 履歴保存とトレンド:共有コードで過去会議を振り返り、複数回分の均等度スコア推移を折れ線グラフで表示しチームの成長を確認
6. ライト/ダーク切替と集中用アンビエントBGMのON/OFF

【画面構成】①トップ(共有コード入力/新規作成) ②参加者セットアップ画面 ③会議進行画面(円グラフ+参加者タップカード+タイマー+警告バナー) ④結果画面(ランキング・スコア・アドバイス・バッジ) ⑤履歴/トレンド画面

【データ構造(MySQL)】
- meetings(id, share_code UNIQUE, title, host_name, created_at, duration_seconds)
- participants(id, meeting_id, name, color_hex, avatar_id, total_speak_seconds)
- speech_events(id, meeting_id, participant_id, started_at, ended_at)
- meeting_insights(id, meeting_id, balance_score, advice_text)

【デザイン】フラットデザイン+丸みのあるシェイプ、ネイビー×パステル(コーラル/ミント/イエロー)のオフィスポップ配色。参加者はシンプルなキャラクターアバターで親しみやすく。

【BGM仕様】待機/進行中用アンビエント:BPM80、4/4拍子、コーポレートLo-fi。ソフトなブラッシュ風ドラム(キック弱め+ハイハット控えめ)、ウォームなシンセパッドベース、Maj7中心の和声、マリンバ風メロディ。8小節構成でA(4小節・穏やか)→B(4小節・パッド追加で厚み増)、4小節毎にハイハットの軽いフィル。結果画面用の称賛ジングル(2小節、明るいベル音、上行アルペジオ)も別途用意。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する