PassNest - デジタル会員証・ポイントカードウォレット

【目的】財布がレシートやポイントカード、会員証でパンパンになる悩みを解決する、カード管理特化の公開ウェブアプリ。学生から社会人・主婦まで、日常的に複数店舗のカードを持つ全世代がターゲット。

【主要機能】
1. カード登録: スマホカメラでバーコード/QR(EAN-13, CODE128, QR等主要形式)を自動読み取り、または手動でカード番号・名称・カテゴリ・色・有効期限を入力。
2. カード一覧: 飲食/美容/ショッピング/交通/会員権/クーポンのカテゴリタブ、検索、お気に入りピン留め、ドラッグ並び替え。
3. 提示モード: カードタップでフルスクリーン化し、バーコード/QRを大きく表示、画面輝度を自動最大化して店頭でスムーズに提示。
4. 期限管理: 有効期限・更新日をカレンダーバッジで可視化し、期限切れ間近(7日/1日前)を色分け警告表示。
5. デザインテーマ: 箔押し風・グラデーションなど10種のリッチなカード背景から選択でき、財布のような高級感ある見た目に。
6. 共有コード同期: 推測困難な英数字コードを発行し、同一コード入力でスマホ・PC間のカードデータを同期(会員登録不要)。

【画面構成】
- ホーム: カード一覧(カテゴリタブ、検索バー、追加ボタン)
- カード追加/編集: カメラスキャン or 手動フォーム、デザインテーマ選択プレビュー
- 提示画面: 全画面バーコード表示、輝度最大化ボタン、戻る操作
- 期限カレンダー画面: 月表示で期限をマーキング
- 設定画面: 共有コード発行/入力、並び替え、CSVエクスポート/インポート、簡易PINロック

【データ構造(MySQL)】
cardsテーブル(id, share_code, name, category, barcode_value, barcode_type, expiry_date, theme_id, note, sort_order, created_at, updated_at)。share_codeキーで端末非依存にアクセス可能。個人情報は最小限(カード番号のみ)、サーバー側平文保存を避け簡易ハッシュ化。

【デザイン方向性】
ネイビー×ゴールドを基調にした高級感ある財布/カードケースの世界観。カードはガラスモーフィズム＋箔押し風の光沢を持たせ、開閉時にふわっと展開するアニメーションを実装。カード追加成功時や提示画面表示時には短い上昇アルペジオのSE(1秒未満、シンセベル音)を鳴らし、設定でON/OFF可能。バックグラウンドにはループする穏やかなアンビエントBGM(60BPM、4/4拍子、パッド+ソフトベル、8小節ループ、A/Bで音色をわずかに変化)をWeb Audio APIで生成し、BGM/SE個別音量とミュートを設定画面に用意、画面遷移時はAudioContextのノードを都度破棄してリソースリークを防止する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する