PassphraseForge — 覚えられる安全パスワード生成＆強度チェッカー

## 1. アプリの目的・ターゲットユーザー
「パスワードが弱い・使い回しをやめたいが、複雑すぎて覚えられない」という全年代のWeb利用者向け。
覚えやすいパスフレーズ形式（単語＋記号の組み合わせ）と完全ランダム文字列の両方を即座に生成し、既存パスワードの強度も診断できる。外部APIゼロ・サーバー送信ゼロで安心して使えることを最大の売りにする。

## 2. 主要機能
- **パスフレーズ生成**：内製日本語単語リスト(約2000語)＋英単語リスト(約1500語)から「単語＋数字＋記号」のパターンでパスフレーズを生成。例: `桜雲_Tiger#847`。単語数(2〜5語)、言語(日/英/混合)、区切り文字(アンダーバー/ハイフン/スペースなし)を設定可能。
- **ランダムパスワード生成**：文字数(8〜64)、使用文字セット(大文字/小文字/数字/記号)を細かく指定して生成。ワンクリックコピー。
- **強度チェッカー**：入力したパスワードを「長さ・文字種類・辞書語含有・連続文字・よくあるパスワードリスト照合(内製500件)」の5指標でリアルタイム評価し、0〜100点スコアと信号機色(赤/黄/緑)、解読時間目安(例：即時〜数千年)を表示。
- **エントロピー可視化**：パスワードのビット数をプログレスバーで表示し、「このパスワードが持つ情報量」を直感的に理解できる学習コンポーネント。
- **履歴・お気に入り管理**：生成したパスワードをLocalStorageに最大20件保存。お気に入りフラグと用途メモを付与できる(パスワード本体はマスク表示)。
- **用途別クイック設定**：「SNS」「オンラインバンク」「Wi-Fi」「PCログイン」などのプリセットボタンをタップすると推奨設定が自動適用される。

## 3. 画面構成
### ヘッダー
- ロゴ「PassphraseForge」＋モード切替タブ（パスフレーズ生成 / ランダム生成 / 強度チェック）

### [パスフレーズ生成] タブ
- 設定パネル：単語数スライダー、言語セレクト、区切り文字ラジオボタン、先頭大文字ON/OFF、末尾数字ON/OFF
- 生成ボタン（大きく目立つデザイン）
- 結果表示エリア：生成されたパスフレーズをカード型で3候補同時表示、コピーボタン付き
- 各候補の下に強度スコアバッジ

### [ランダム生成] タブ
- 文字数スライダー(8〜64)、チェックボックス群(文字セット選択)
- 用途別プリセットボタン行
- 生成結果エリア(5候補表示、コピー/再生成ボタン)

### [強度チェック] タブ
- パスワード入力欄（表示/非表示トグル）
- リアルタイム評価パネル：総合スコア(0〜100)、解読時間目安、5指標の個別バー
- 改善ヒント：弱い指標に対して「記号を追加すると+15点」などの具体的アドバイス
- エントロピービット表示

### [履歴] パネル（右サイドバーまたは下部ドロワー）
- 保存済みパスワードのマスク表示リスト、用途メモ、コピー/削除ボタン

### フッター
- 「このツールはすべてブラウザ内で処理されます。パスワードはサーバーに送信されません。」と明示

## 4. データ構造
**DBなし・LocalStorageのみ**
```
passphrase_history: [
{
id: string, // ユーザー生成UUID
masked: string, // マスク済み表現 (例: "桜雲_***#847")
full_encrypted: string, // XORなど簡易難読化(セキュリティ注記付き)
memo: string, // 用途メモ
score: number, // 強度スコア0-100
created_at: string, // ISO日時
favorite: boolean
}
]
user_presets: {} // 用途別カスタムプリセット設定
```
内製データ：日本語単語リスト約2000語(PHP配列、名詞/形容詞/カラー/地名)、英単語リスト約1500語、よく使われる弱パスワードリスト500件(JS配列で照合)

## 5. デザインの方向性
- **テーマ**：ダークシアン×ネイビーのサイバーセキュリティ風。アクセントカラーはエメラルドグリーン。
- **フォント**：生成結果はJetBrains Mono(CDN)で等幅表示、UIラベルはNoto Sans JP
- **強度メーター**：グラデーションプログレスバー(赤→黄→緑)をCSSアニメーションで滑らかに遷移
- **レスポンシブ**：モバイル1カラム、PC2カラム(設定パネル左＋結果右)
- **マイクロインタラクション**：コピー成功時にボタンが「✓ コピー済み」に0.8秒変化。生成時にカード出現フェードイン。
- **安心感の演出**：「盗聴不可・サーバー送信ゼロ」バッジをヒーローエリアに常時表示し、セキュリティ意識の高いユーザーの信頼を獲得する。