LetterVault - 未来の自分への手紙タイムカプセル

## 1. アプリの目的・ターゲットユーザー
未来の自分や大切な人への手紙を「タイムカプセル」として預け、指定した日付に初めて読めるようにするWebアプリ。自己成長の記録・誕生日サプライズ・受験や就活の節目など、感情を時間軸に封じ込めるユニークな体験を提供する。ターゲットは10代〜40代の日記・自己啓発好き、学校の先生（卒業イベント用途）、カップル・家族。

## 2. 主要機能
- **手紙作成**: タイトル・本文（最大2000字）・開封日を設定して投稿。開封日まで本文は暗号化表示でロックされる
- **開封カウントダウン**: 一覧画面に「あと○日で開封」のカウントダウンバーを表示。開封日になると封筒アニメーションで解錠
- **公開/非公開設定**: 非公開（自分のみ）・リンク共有（URLを知る人のみ）・全体公開の3段階。全体公開の手紙は「みんなのタイムカプセル」ギャラリーに表示
- **テンプレート選択**: 「1年後の自分へ」「受験結果が出たら」「誕生日の朝に」「10年後に読む」など6種のスタータープロンプト付きテンプレート
- **ローカル保存 + URLシェア**: ログイン不要。セッションキー(UUID)でブラウザに紐付け管理。URLパラメータで他者に共有可能

## 3. 画面構成
- **トップページ**: キャッチコピー＋「手紙を書く」ボタン＋みんなのタイムカプセルギャラリー（公開手紙のカード一覧、タイトルと残日数のみ表示）
- **作成画面**: タイトル入力 / 本文テキストエリア（文字数カウント付き）/ 開封日ピッカー / 公開設定ラジオボタン / テンプレート選択ドロップダウン / 「封印する」ボタン（封蝋スタンプ風アニメーション）
- **マイボックス画面**: 自分が作成した手紙一覧。ロック中は封筒アイコン＋カウントダウン表示。開封可能になると金色の封筒アイコンに変化しクリックで全文表示
- **手紙閲覧画面**: 封筒が開くCSSアニメーション後、便箋風デザインで本文を表示。シェアボタン（URLコピー）付き
- **ギャラリーページ**: 全体公開手紙をカード形式で一覧。「残り日数が少ない順」「新着順」で並び替え可能

## 4. データ構造（DBテーブル概要）
```
letters テーブル
- id: VARCHAR(36) PRIMARY KEY (UUID)
- session_key: VARCHAR(64) NOT NULL ← ブラウザ識別用
- title: VARCHAR(100) NOT NULL
- body: TEXT NOT NULL ← 開封日前はAES風のbase64難読化で保存
- open_date: DATE NOT NULL
- visibility: ENUM('private','link','public') DEFAULT 'private'
- template_id: TINYINT DEFAULT 0
- created_at: DATETIME DEFAULT CURRENT_TIMESTAMP
- is_opened: TINYINT(1) DEFAULT 0
```

## 5. デザインの方向性
- **テーマカラー**: 深みのあるネイビー（#1C2B4A）× クリーム（#FDF6E3）× ゴールド（#C9A84C）
- **フォント**: 本文エリアは手書き風フォント（Noto Serif JP）、UIは読みやすいゴシック系
- **質感**: 便箋・封筒・封蝋スタンプをモチーフにしたペーパーテクスチャ風CSS。アニメーションはCSS Transitionのみで実装（封筒フラップが開くアニメ）
- **雰囲気**: 温かみがあり少し懐かしい「手紙文化」の世界観。過度にポップにせずシンプルで落ち着いたUI
- スマホでも快適に入力できるよう、テキストエリアは画面の60%以上を確保