PostureCheck - 姿勢リセット＆首肩セルフ評価アプリ

## 1. アプリの目的・ターゲットユーザー
スマホ・PC の使いすぎで慢性的に姿勢が崩れている 10〜50 代の男女向けに、「自分の姿勢の悪さを数値で可視化」し、「今すぐできる姿勢リセットエクササイズ」を毎日提案するセルフケアアプリ。StretchFlow（症状→ストレッチ提案）や WaterRhythm（習慣トラッキング）と異なり、**姿勢タイプの自己診断→タイプ別スコア管理→エクササイズのプログレス記録**を軸とした構成。

## 2. 主要機能
- **姿勢タイプ診断（10問チェックシート）**: 「あごが前に出やすい」「片足重心が多い」などの質問に Yes/No で回答し、「猫背型・スウェイバック型・フラットバック型・ストレートネック型」の4タイプから最も近いタイプとスコアを判定
- **姿勢スコアボード**: 診断のたびに日付とスコアを保存し、折れ線グラフで変化を可視化（最大90日分、LocalStorage保存）
- **タイプ別エクササイズプログラム**: 各姿勢タイプに対応した5〜7種の矯正エクササイズをカード形式で提示。1種ごとに「30秒カウントダウンタイマー」「テキスト＋イラスト（CSS描画）解説」付き
- **デイリーチェックイン**: 今日の姿勢の自覚度を5段階スタンプ（最悪〜最高）でワンタップ記録。7日間のスタンプ一覧をカレンダー表示
- **姿勢豆知識カード**: 起動のたびにランダムで1枚表示（「モニターは目線より5cm低く」など50枚の内製知識カード）

## 3. 画面構成
### トップページ (`index.php`)
- ヒーローバナー：「今日の姿勢、大丈夫？」キャッチ + 本日の姿勢スコア（未診断なら「－」）
- 豆知識カード（ランダム1枚）
- ナビゲーション：[診断する] [エクササイズ] [記録を見る] の3ボタン

### 姿勢診断ページ (`check.php`)
- 進行バー付き10問ステッパーフォーム（1問ずつ表示、戻るボタン付き）
- 結果ページ：タイプ名・説明・スコア（100点満点換算）・アドバイス3行・「このタイプのエクササイズを始める」ボタン

### エクササイズページ (`exercise.php`)
- タイプ選択タブ（4タイプ）
- エクササイズカード一覧（CSS イラスト＋名前＋対象部位タグ）
- カードクリックで詳細モーダル：手順テキスト・カウントダウンタイマー（30/45/60秒切替）・「完了！」ボタン
- セッション完了時に完了バッジアニメーション表示

### 記録ページ (`history.php`)
- 姿勢スコア推移グラフ（Canvas.js 不使用、SVG手書きで折れ線）
- デイリーチェックインカレンダー（直近7日スタンプ一覧）
- 診断履歴テーブル（日付・タイプ・スコア）
- 「データをリセット」ボタン（確認ダイアログ付き）

## 4. データ構造
すべて **LocalStorage（JSON）** で管理。DBなし・登録不要で即使用開始。
```
localStorage['posturecheck_history'] = [
{ date: '2025-07-01', type: 'straight_neck', score: 62 },
...
]
localStorage['posturecheck_checkin'] = [
{ date: '2025-07-01', stamp: 3 }, // 1〜5
...
]
localStorage['posturecheck_last_type'] = 'cat_back'
```
エクササイズマスタ・豆知識カード・診断質問は JS/PHP の定数配列として実装（外部DB不要）。

## 5. デザインの方向性
- カラー：ウォームホワイト（#FAFAF7）× テラコッタオレンジ（#E8755A）× ディープグリーン（#2D5A4E）
- フォント：見出しは丸ゴシック系（Noto Sans JP）、数値は大きく太く表示
- エクササイズのイラストは CSS + SVG で簡易な人体シルエット（棒人間スタイル）を描画。画像ファイル依存なし
- カードUIベース（角丸・薄影）、ボタンはタップしやすい高さ 52px 以上
- モバイルファースト：縦1カラム中心、PC では最大幅 640px センタリング
- アニメーション：タイマーのリング進行（CSS strokeDashoffset）、完了時の紙吹雪（CSS keyframes）