Fuse のデザインを全面的にリニューアルしてください。 機能・データ・既存のロジックは一切変更せず、見た目のデザインだけを刷新してください。

Fuse のデザインを全面的にリニューアルしてください。
機能・データ・既存のロジックは一切変更せず、見た目のデザインだけを刷新してください。

---

## デザインコンセプト

**「シネマティック × ミニマル × おしゃれ」**

Instagram・VSCO・BeReal のような、洗練されたシネマティックSNSのデザイン。
余白を大切にした上品なレイアウト、フィルムカメラのような質感、落ち着いたトーンの中に映える写真・動画。

---

## カラーパレット

### ダークモード
- 背景：#0e0e0e（ソフトブラック）
- カード背景：#1a1a1a
- ボーダー：rgba(255,255,255,0.1)
- メインテキスト：#f5f5f5
- サブテキスト：#888888
- アクセント：#ffffff（ホワイト）
- ハイライト：#e0e0e0

### ライトモード
- 背景：#fafafa
- カード背景：#ffffff
- ボーダー：rgba(0,0,0,0.08)
- メインテキスト：#1a1a1a
- サブテキスト：#737373
- アクセント：#000000（ブラック）

### 共通アクセントカラー
- いいね・アクション：#ed4956（Instagramレッド）
- リンク・ハイライト：#0095f6（Instagramブルー）
- ストーリーズリング：linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)

---

## タイポグラフィ

- 見出し：Noto Sans JP Bold
- 本文：Noto Sans JP Regular
- 英数字：Inter（細めのウェイト）
- ロゴ「Fuse」：細めのサンセリフ体（font-weight: 300〜400）
- 全体的にフォントサイズは控えめ・余白を広めに取る

---

## 全体的なデザインルール

- 余白（padding・margin）を大きめに取りすっきりしたレイアウトにする
- 角丸は控えめに（border-radius: 8px〜12px）
- ボーダーは細く薄く（1px・透明度低め）
- シャドウは使わないか非常に薄く
- アニメーションは最小限・上品に（派手なエフェクトは使わない）
- アイコンは細め・シャープなラインアイコンに統一する（Feather Icons または Heroicons Outline）
- ボタンはフラットデザイン（グラデーションなし・シンプルな塗り）

---

## 各画面のデザイン詳細

### ナビゲーション（PC上部・スマホ下部）
- 背景：背景色と同色（境界線のみ）
- ロゴ「Fuse」はシンプルなサンセリフ体・ブラック or ホワイト
- アクティブなタブは太めのアンダーライン（シンプル）
- アイコンはアウトライン系・細め

### フィード・投稿カード
- カード間の区切りは細いボーダーのみ（影なし）
- 投稿者のアバターは正円・細いボーダー
- ストーリーズありのアバターはInstagram風グラデーションリング
- テキストは余白を十分に取って読みやすく
- ハッシュタグは青（#0095f6）
- いいね・コメント・シェアボタンはシンプルなアウトラインアイコン
- いいね済みはハートが赤く塗りつぶされるだけ（派手なアニメーションなし）

### ボタン
- プライマリボタン：黒（ダーク時は白）・角丸8px・フラット
- セカンダリボタン：ボーダーのみ・透明背景
- フォローボタン：Instagramと同じスタイル（青塗り → フォロー中はボーダーのみ）
- ホバー時に透明度が少し変わるだけ（シンプル）

### チャット画面
- 自分のメッセージ：黒（ダーク時は白）の塗りバブル
- 相手のメッセージ：薄いグレーのバブル
- 入力欄：細いボーダー・角丸・シンプル
- 全体的に LINE よりも Instagram DM に近いデザイン

### プロフィールページ
- Instagram と同じレイアウト（アバター左・名前・自己紹介・フォロワー数）
- 投稿一覧は3列グリッド・間隔3px
- タブ（投稿・リール・保存）はアイコンのみ or アイコン＋テキスト
- フォローボタンは青の塗りボタン

### ストーリーズ
- フィード上部に丸いアイコン横スクロール
- 未読：Instagramと同じグラデーションリング（オレンジ→ピンク→パープル）
- 既読：グレーのリング

### ログイン・登録画面
- 白（またはダーク）のシンプルな画面
- 中央にロゴ・フォーム・ボタン
- Instagram のログイン画面に近いシンプルなレイアウト

### リール画面
- フルスクリーン・ダーク背景
- 右側のアクションボタンはシンプルなアウトラインアイコン
- テキストは白・薄いグラデーションオーバーレイ

---

## アニメーション

- ページ遷移：フェードイン（0.15秒・控えめ）
- いいね：ハートが赤く塗りつぶされるだけ（派手なエフェクトなし）
- ボタンタップ：scale(0.97)のみ
- スクロール：スムーズスクロール
- prefers-reduced-motion を尊重する

---

## 注意事項

- 機能・データ・PHPのロジックは一切変更しない（CSS・HTMLの見た目のみ変更）
- ダークモード・ライトモードの両方に対応させる
- スマートフォンでも崩れないようにする
- 既存のクラス名・IDは維持してスタイルだけ上書きする
- グラデーション・ネオン・グラスモーフィズムなど派手なエフェクトは使わない
- とにかくシンプル・ミニマル・上品に仕上げる

---

以上のデザインで Fuse 全体を Instagram 風にリニューアルしてください。