食材の消費期限メモ＆使い切り優先ソート機能の追加

## 1. 目的
冷蔵庫の食材を入力する際に「消費期限」を任意でメモできるようにし、期限が近い食材を使ったレシピを優先的に上位表示することで、食品ロスをより積極的に防ぐ。現在の食材タグ入力をそのまま活かしつつ、期限情報を付加する拡張として実装する。

---

## 2. 具体的な仕様

### 2-1. 食材タグへの期限メモ付加
- 食材タグを追加した後、各タグの右端に小さな「📅」アイコンボタンを表示する。
- アイコンをタップ／クリックすると、その食材の消費期限を入力する小さなポップオーバー（`<input type="date">`）がタグ直下にインライン表示される。
- 日付を選択して確定すると、タグのラベルが「鶏肉 (12/25)」のように期限を併記した形に変わる。
- 期限の入力は任意。入力しなければ従来と完全に同じ挙動。
- 入力データは既存のお気に入りと同様に LocalStorage へ保存し、次回アクセス時も食材タグと期限が復元される。

### 2-2. 期限切れ・期限間近の視覚的警告
- 本日から3日以内に期限が来る食材タグを**オレンジ色**のボーダーで強調表示。
- 本日以降（当日含む）期限切れの食材タグを**赤色**のボーダーで強調表示し、タグに「⚠期限切れ」バッジを付与。
- CSSクラス（`.tag--near-expiry` / `.tag--expired`）で制御し、既存タグのスタイルに追記するだけで完結。

### 2-3. 使い切り優先ソートの追加
- レシピ結果一覧の上部に「🔴 期限の近い食材を優先」トグルスイッチを追加する（デフォルトOFF）。
- ONにすると、現在のマッチングスコアに加えて「期限が3日以内の食材を何種類使っているか」をボーナス点として加算し、レシピをリスト上位に浮上させる。
- ボーナス計算はフロントJS内で完結（既存PHPのレシピ取得ロジックは変更しない）。
- 既存のジャンル×調理時間フィルターと組み合わせて使用可能。

### 2-4. 使い切り対象食材のハイライト
- 「期限優先」ソートがONの状態でレシピカードを表示する際、カード内の食材リストのうち「期限間近・期限切れ」に該当する食材名にオレンジ／赤の下線を付けて視覚的に示す。

---

## 3. 既存機能との整合
- 食材タグの追加・削除・クイックボタンの挙動は一切変更しない。期限アイコンは既存タグDOMへの追記のみ。
- マッチングロジック（PHP側）は変更せず、ボーナスソートはフロントJSのみで処理するため、サーバー側に影響なし。
- お気に入り保存（LocalStorage）のキー名は変更せず、食材タグに紐づく期限データを別キー `recipe_expiry_map`（食材名→期限文字列のオブジェクト）として追加保存する形とし、既存のお気に入りデータとの衝突を回避する。
- レスポンシブ対応：ポップオーバーはスマホでは画面幅に収まるよう `max-width: 90vw` を指定し、タップ操作で誤爆しないよう十分なタップ領域（44px以上）を確保する。