CarKeeper - マイカー手帳＆車検・点検リマインダー

【目的・ターゲット】愛車を持つ全ての人向けに、車検・自賠責保険・任意保険・オイル交換・タイヤ/バッテリー交換などバラバラになりがちな期限管理と、給油記録・整備履歴・年間維持費を1つのダッシュボードにまとめる無料ツール。登録不要で使い始め、共有コードで家族と車両情報を共有できる。

【主要機能】
1. 複数車両登録（車種タイプ・年式・愛称・アイコン選択、共有コード発行）
2. メンテナンス期限管理：車検/保険/オイル/タイヤ/バッテリー等の項目ごとに前回実施日と周期(月数or走行距離)を設定し、次回期限を自動算出。期限接近は色分けアラート表示
3. 給油記録入力（走行距離・給油量・金額・給油種別）から区間燃費・平均燃費を自動計算しグラフ表示
4. 整備履歴ログ（日付・内容・費用・整備工場）を時系列カードで蓄積
5. 年間維持費サマリー（税金・保険・燃料・整備費内訳の円グラフ、月別推移）
6. メンテナンス完了時に達成ジングルとバッジ演出、ダッシュボードにオプションのアンビエントBGM

【画面構成】(1)ダッシュボード：車両カード一覧＋期限アラートリスト＋維持費円グラフ (2)車両登録/編集フォーム (3)メンテナンス項目管理ページ(周期設定・履歴) (4)給油記録入力＆燃費推移グラフページ (5)整備履歴ページ (6)設定(通知間隔・テーマ・共有コード発行)

【データ構造(MySQL)】vehicles(id, share_code, name, vehicle_type, year, icon_type, created_at) / maintenance_items(id, vehicle_id, item_type, last_date, interval_months, interval_km, next_due_date, next_due_km, notes) / fuel_logs(id, vehicle_id, date, odometer, liters, cost, fuel_type) / maintenance_history(id, vehicle_id, date, category, description, cost, shop_name)

【デザイン】ダークネイビー基調にメタリックオレンジ/シアンのアクセント、速度計・燃料計モチーフのカードUI、等角(アイソメトリック)風フラット車イラスト、レスポンシブでスマホは縦積みカード、PCは3カラムダッシュボード。

【BGM/SE仕様】ダッシュボード常設のオプションBGM：Lo-Fiチルホップ、BPM72、4/4拍子。ブラシ風ハイハット+ソフトキック(1,3拍)+ゴーストスネア、シンセベースがルート音を8分音符で刻み、Cm7-Fm7-AbM7-Bb7を2周(8小節)ループ。ローズ風エレピがシンコペーションで装飾メロディ、4小節目にオープンハイハット追加、8小節目に軽いフィル。メンテナンス完了SE：C5-E5-G5の上昇アルペジオ200ms。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する