コールクエスト - テレアポ架電管理&成果ビジュアライザー

【目的・ターゲット】インサイドセールス担当者・法人営業チームが、架電活動(コールリスト管理・架電結果記録・再架電リマインド・日次KPI)を一元管理し、地道な架電業務を相棒キャラクターの成長という形で楽しく継続できるようにする無料ツール。ログイン不要、6桁のチームコードを共有するだけで同僚とダッシュボードを共有できる。

【主要機能】
1. コールリスト管理: 会社名・担当者・電話番号・業種・優先度・ステータス(未架電/不在/再架電/アポ獲得/断り)を登録・検索・フィルタ。
2. 架電結果記録: 通話メモ、断り理由タグ、次回架電予定日時を1タップで登録。
3. 今日の架電リスト自動抽出: 再架電予定日が今日以前の案件を自動表示、優先度順に並べ替え。
4. KPIダッシュボード: 日次/週次の架電数・接続率・アポ獲得率を目標に対する進捗として可視化し、相棒キャラクターが3段階でレベルアップ演出。アポ獲得時にはファンファーレ演出。
5. チームランキング: チームコード内で架電数・アポ獲得率を集計し順位表示、匿名可。
6. 断り理由分析: 断り理由タグの集計をレーダー/棒グラフで表示し、トークスクリプト改善のヒントを提示。

【画面構成】(1)トップ: チームコード発行/参加。(2)今日のダッシュボード: 今日の架電リスト・KPI進捗・キャラクターカード。(3)コールリスト一覧・編集モーダル。(4)ランキング画面。(5)分析画面(断り理由・時間帯別成果)。

【データ構造】teams(id, code, name, daily_goal), companies(id, team_id, company_name, contact_name, phone, industry, priority, status, memo, next_call_at), call_logs(id, company_id, member_name, result, memo, reason_tag, called_at), daily_stats(id, team_id, member_name, date, calls_count, appointments_count)。MySQLで永続化しつつ、個人ブラウザには直近閲覧状態をLocalStorage保存。

【デザイン】明るいビジネスブルー×オレンジのアクセントカラー、丸みのあるフラットデザイン。相棒キャラクターはヘッドセットをつけた小さな妖精ロボット。

【音】Web Audio APIでダッシュボード用ループBGM(Lo-fiジャズ風、BPM90、4/4拍子、ブラシドラム+ウォーキングベース+ジャズピアノコード進行Cmaj7→Am7→Dm7→G7、8小節A+8小節Bの16小節ループ、4小節毎にハイハットのアクセント変化)を再生。アポ獲得時は明るいファンファーレSE(BPM128、C→G→Am→F、シンセベル2小節)、レベルアップ時は上昇アルペジオSEを再生。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する