遺言・エンディングノート作成アプリ「LastLetter」

## 1. アプリの目的・ターゲットユーザー
人生の棚卸しや終活の第一歩として、エンディングノート（遺言的メッセージ・財産メモ・葬儀希望・大切な人へのメッセージなど）をブラウザ上で作成・保存・印刷できる無料ツール。40〜70代の終活に興味を持つ世代を主なターゲットとしつつ、若い世代が親向けにシェアするユースケースも想定。難しい法的手続きではなく「気持ちを整理してメモする」ことに特化し、心理的ハードルを極力下げる。

## 2. 主要機能
- **6つのセクション入力**: ①自分のプロフィール（出身・趣味・思い出）②大切な人へのメッセージ（複数人登録可）③財産・保険・口座のメモ欄（保管場所のヒント程度）④医療・介護の希望（延命治療・臓器提供意思など選択肢形式）⑤葬儀・お墓の希望（形式・場所・呼んでほしい人）⑥ペット・家財の行き先メモ
- **進捗バー表示**: 全セクションの入力完了率をパーセントで表示し「あと〇項目」と動機付け
- **ローカル保存 + URLエクスポート**: 入力データをlocalStorageに保存し、ページを閉じても復元。「エクスポート」ボタンでJSONテキストをコピーし、次回「インポート」で復元可能
- **PDF印刷レイアウト**: 印刷ボタンで全セクションを見やすくレイアウトしたPrint用CSSを適用し、ブラウザ印刷でそのままA4ノート風に出力
- **テンプレート文例ヒント**: 各入力欄にプレースホルダーとして「例：○○へ、あなたと過ごした時間は…」など文例を表示し、書き始めやすくする
- **封筒カード風デザインプレビュー**: メッセージセクションを封筒を開くアニメーションで表示するプレビューモード

## 3. 画面構成
- **トップ画面**: タイトル＋キャッチコピー（「あなたの想いを、大切な人へ。」）、進捗円グラフ、6セクションのナビゲーションカード一覧。各カードに完了チェックマークが付く
- **各セクション入力画面**: セクションタイトル・アイコン、入力フォーム（テキストエリア・ラジオボタン・チェックボックス混在）、「保存して次へ」ボタン
- **プレビュー画面**: 全セクションを縦スクロールで閲覧。印刷ボタン・エクスポートボタン・編集に戻るボタンを常時表示
- **インポートモーダル**: テキストエリアにJSONを貼り付けて「読み込む」ボタン
- **ヘルプ / よくある質問**: アコーディオン形式でQ&A（「法的効力はありますか？」「データはどこに保存されますか？」など）

## 4. データ構造
サーバー側DBは使用せず、**全データをlocalStorageのみで管理**（個人情報保護の観点からサーバー送信しない方針を明示）。

```
localStorage key: "lastletter_data"
値 (JSON):
{
"profile": { "name": "", "birthdate": "", "hometown": "", "hobbies": "", "memory": "" },
"messages": [ { "to": "", "body": "" } ], // 複数
"assets": { "bank": "", "insurance": "", "realEstate": "", "other": "" },
"medical": { "lifeSupport": "undecided|yes|no", "organDonation": "undecided|yes|no", "hospital": "", "notes": "" },
"funeral": { "style": "buddhist|christian|noReligion|undecided", "place": "", "invitees": "", "notes": "" },
"others": { "pets": "", "belongings": "", "freeNote": "" },
"updatedAt": "2025-01-01T00:00:00Z"
}
```

PHP側は**静的ページ配信のみ**（保存・読み込みは全てJS/localStorage）。将来的な会員登録機能を想定したusersテーブルのスキャフォルドのみコメントとして記載しておく。

## 5. デザインの方向性
- **カラーパレット**: 落ち着いた温かみのある配色。メインカラーは深みのあるテラコッタ (#B5674A) ＋ クリーム (#FAF6F0) ＋ ダークブラウン (#3D2B1F)。暗すぎず、葬儀感を出しすぎない「暖かな記憶」のトーン
- **フォント**: 見出しに游明朝系（Noto Serif JP）、本文にNoto Sans JPを使用。活字的な品格を演出
- **アイコン**: Font Awesomeのシンプルラインアイコン（封筒・ハート・家・医療など）でセクションを視覚的に区別
- **封筒アニメーション**: メッセージプレビューで封筒フラップがCSSアニメーションで開き、手紙が現れる演出（transformとopacityのみで実装）
- **スマホ対応**: 1カラムレイアウト基本。フォームはタップしやすい大きめタッチターゲット (min-height: 48px)
- **印刷CSS**: 背景色なし・モノクロ対応・A4に収まるフォントサイズ調整・ページ区切り指定 (page-break-before)
- 全体的に「重い・怖い」ではなく「自分の物語を記録する、ポジティブな行為」として感じられるUXを徹底する