シグナル：シンプルさが生む安全性

TELEGRAM（オプトイン型セキュリティ）:
┌─────────────────────────────────────┐
│  Chat with Alice                    │
│  ─────────────────────────────────  │
│  通常チャット — 暗号化されていない    │
│                                     │
│  暗号化するには：                     │
│  1. 「シークレットチャット」を開始    │
│  2. 双方がオンラインである必要がある  │
│  3. デバイス間で同期できない          │
│  4. 別の会話スレッドになる            │
│                                     │
│  結果：チャットの5%未満が暗号化       │
└─────────────────────────────────────┘

SIGNAL（デフォルトセキュリティ）:
┌─────────────────────────────────────┐
│  Chat with Alice                    │
│  ─────────────────────────────────  │
│  すべてのメッセージが暗号化される。  │
│  すべての通話が暗号化される。        │
│  すべてのファイルが暗号化される。    │
│  すべてのグループチャットが          │
│  暗号化される。                      │
│                                     │
│  非暗号化モードは存在しない。        │
│                                     │
│  結果：通信の100%が                  │
│  常に暗号化されている。              │
└─────────────────────────────────────┘

:root {
  /* Signalのパレットは意図的に控えめ */
  --signal-blue: #3a76f0;       /* Primary brand, message bubbles */
  --signal-blue-dark: #2c6bed;  /* Active/pressed states */

  --background: #ffffff;
  --surface: #f6f6f6;
  --text-primary: #000000;
  --text-secondary: #5e5e5e;
  --text-tertiary: #959595;

  /* Dark mode — 同様に抑制的 */
  --dm-background: #1b1b1b;
  --dm-surface: #2b2b2b;
  --dm-text-primary: #e9e9e9;
  --dm-text-secondary: #a5a5a5;

  /* 最小限のエレベーション */
  --shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* メッセージバブル — クリーン、グラデーションなし、装飾なし */
.message-bubble--sent {
  background: var(--signal-blue);
  color: #ffffff;
  border-radius: 18px 18px 4px 18px;
  padding: 10px 14px;
  max-width: 75%;
}

.message-bubble--received {
  background: var(--surface);
  color: var(--text-primary);
  border-radius: 18px 18px 18px 4px;
  padding: 10px 14px;
  max-width: 75%;
}

/* デフォルトで既読通知なし — プライバシーの選択 */
.message-status {
  font-size: 11px;
  color: var(--text-tertiary);
  /* 送信済み/配信済みのみ表示、オプトインしない限り「既読」は表示しない */
}

消えるメッセージのインジケーター：
┌─────────────────────────────────────┐
│  Chat with Alice                    │
│  ─────────────────────────────────  │
│                                     │
│  ┌─ Alice ──────────────────────┐   │
│  │ Hey, meeting at 3pm?     ⏱   │   │  ← メッセージにタイマーアイコン
│  └──────────────────────────────┘   │
│                                     │
│           ┌──────────────────── ─┐  │
│           │ Sounds good!      ⏱  │  │
│           └──────────────────────┘  │
│                                     │
│  ┌──────────────────────────────┐   │
│  │ 🕐 消えるメッセージ：         │   │  ← システムメッセージ
│  │    4時間に設定               │   │     （双方に表示）
│  └──────────────────────────────┘   │
│                                     │
└─────────────────────────────────────┘

/* 消えるメッセージの控えめなインジケーター */
.message-timer {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--text-tertiary);
  opacity: 0.7;
}

.message-timer-icon {
  width: 12px;
  height: 12px;
  /* シンプルな時計アイコン — 警告的ではなく、情報的 */
}

/* 設定変更時のシステムメッセージ */
.system-message {
  text-align: center;
  font-size: 13px;
  color: var(--text-secondary);
  padding: 8px 16px;
  margin: 8px auto;
  background: transparent;
  /* 背景なし、ボーダーなし — 最小限の視覚的ウェイト */
}

SAFETY NUMBER画面：
┌─────────────────────────────────────┐
│  ← Safety Numberを検証              │
│                                     │
│  AliceのデバイスでQRコードを         │
│  スキャンするか、下の数字を          │
│  比較してください。                  │
│                                     │
│        ┌─────────────────┐          │
│        │  ┌───────────┐  │          │
│        │  │  QR CODE   │  │          │
│        │  │            │  │          │
│        │  └───────────┘  │          │
│        └─────────────────┘          │
│                                     │
│  12345 67890 12345 67890            │
│  12345 67890 12345 67890            │
│  12345 67890 12345 67890            │
│                                     │
│  これらの数字がAliceの画面と         │
│  一致すれば、会話は安全です。        │
│                                     │
│  [ 検証済みとしてマーク ]            │
│                                     │
└─────────────────────────────────────┘

典型的なメッセージングアプリ：
┌─────────────────────────────────────┐
│  [広告バナー]                       │
│  ─────────────────────────────────  │
│  📣 新しいAI機能をお試しください！   │  ← アップセル
│  ─────────────────────────────────  │
│  Stories: ○ ○ ○ ○ ○ ○ ○ ○ →        │  ← エンゲージメント
│  ─────────────────────────────────  │
│  🤖 AI推奨返信：                    │  ← データマイニング
│     "いいね！" "向かってる！"       │
│  ─────────────────────────────────  │
│  最近のチャット...                   │
│  ─────────────────────────────────  │
│  [タブ: チャット] [通話] [連絡先]    │
│  [Stories] [発見] [マーケットプレイス]│  ← 機能の肥大化
└─────────────────────────────────────┘

SIGNAL：
┌─────────────────────────────────────┐
│  Signal                    [検索]   │
│  ─────────────────────────────────  │
│  Alice · 2分前                      │
│  Hey, meeting at 3pm?              │
│                                     │
│  Bob · 1時間前                      │
│  See you tomorrow                   │
│                                     │
│  Work Group · 3時間前               │
│  Carol: Updated the doc             │
│                                     │
│  ─────────────────────────────────  │
│  [作成]                             │
└─────────────────────────────────────┘