Numbo の通話画面が完全に壊れています。緊急で修正してください。

---

Numbo の通話画面が完全に壊れています。緊急で修正してください。

**症状：**
- 音声通話・ビデオ通話の画面が途中から真っ白になっていてテキストが一切見えない
- 電話を切るボタン・マイクボタン・スピーカーボタンなどのコントロールボタンが表示されていない
- この問題が何度修正を依頼しても直らない状態が続いています

**原因の特定をお願いします：**
まず以下を確認してください：
1. 通話画面のHTMLが正しく生成されているか（空のdivになっていないか）
2. 通話画面のCSSで `background: #fff` や `background: white` や `background: var(--bg)` が適用されていないか
3. `.theme-light` のCSSが通話画面の背景を白に上書きしていないか
4. 通話画面のJavaScriptが正しく動作しているか（エラーで止まっていないか）
5. z-indexが正しく設定されているか

**必ず以下の方法で修正してください：**

通話画面のHTML・CSS・JavaScriptを以下の内容で完全に書き直す。

**CSS（通話画面専用・他のCSSより優先度を高くする）：**
```css
#call-screen,
#call-overlay,
.call-ui,
.call-container,
.call-modal,
[id*="call"],
[class*="call-"] {
background: linear-gradient(180deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%) !important;
color: #ffffff !important;
}

#call-screen *,
#call-overlay *,
.call-ui *,
.call-container * {
color: #ffffff !important;
}

.theme-light #call-screen,
.theme-light #call-overlay,
.theme-light .call-ui,
.theme-light .call-container {
background: linear-gradient(180deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%) !important;
}
```

**通話中のコントロールボタン（必ず表示すること）：**
- マイクON/OFFボタン：円形・背景 rgba(255,255,255,0.2)・マイクアイコン白・ラベル「マイク」白
- スピーカーON/OFFボタン：円形・背景 rgba(255,255,255,0.2)・スピーカーアイコン白・ラベル「スピーカー」白
- 通話終了ボタン：円形・背景 #e53935（赤）・受話器アイコン白（斜め）・ラベル「終了」白・サイズ大きめ（64px）
- ボタンは画面下部に横並びで必ず表示する
- `display: none` や `visibility: hidden` になっていないか確認する

**着信画面のボタン（必ず表示すること）：**
- 応答ボタン：円形・背景 #43a047（緑）・電話アイコン白・ラベル「応答」白・64px
- 拒否ボタン：円形・背景 #e53935（赤）・✕アイコン白・ラベル「拒否」白・64px
- 左右に並べて画面下部に表示する

**発信中画面のボタン（必ず表示すること）：**
- キャンセルボタン：円形・背景 #e53935（赤）・✕アイコン白・ラベル「キャンセル」白・64px
- 画面下部中央に表示する

**修正後に必ず確認すること：**
1. 音声通話・ビデオ通話の発信画面でダーク背景が表示されること
2. 通話中にマイク・スピーカー・終了ボタンが見えること
3. 着信画面に応答・拒否ボタンが見えること
4. ライトモード時も通話画面はダーク背景であること
5. スマートフォン・PCの両方で確認すること

既存のチャット・フィード・その他の機能は変更しないでください。

---