/* ════════════════════════════════════════════════════════════
 * LUMEN SİYAH TEMASI — Beyaz'ın zıttı (Editorial Dark)
 * Aynı tipografi (Fraunces + Geist + Geist Mono), siyah zemin,
 * açık metin. ChatGPT dark mode hissi + editorial karakter.
 * data-tema="siyah" ile aktif olur.
 * ════════════════════════════════════════════════════════════ */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Geist:wght@300..700&family=Geist+Mono:wght@400..600&display=swap");

html[data-tema="siyah"] { background: #0d0d0a; }
html[data-tema="siyah"] body { background: #0d0d0a; }

#home-screen[data-tema="siyah"],
#home-screen.chatting[data-tema="siyah"],
#home-screen.dark-mode[data-tema="siyah"] {
  --c-bg: #0d0d0a;
  --c-bg-chat: #0d0d0a;
  --c-header-bg: #0d0d0a;
  --c-header-border: rgba(255,255,255,0.07);
  --c-input-bg: #1a1a18;
  --c-input-border: rgba(255,255,255,0.10);
  --c-input-focus: rgba(245,245,240,0.35);
  --c-input-text: #f5f5f0;
  --c-placeholder: rgba(245,245,240,0.40);
  --c-title: #f5f5f0;
  --c-back: rgba(245,245,240,0.70);
  --c-back-border: rgba(255,255,255,0.06);
  --c-back-hover: rgba(245,245,240,0.92);
  --c-send-bg: #f5f5f0;
  --c-send-hover: #ffffff;
  --c-send-shadow: rgba(0,0,0,0.50);
  --c-bubble-ai-bg: transparent;
  --c-bubble-ai-border: transparent;
  --c-bubble-ai-text: #f5f5f0;
  --c-bubble-user-bg: #2a2a26;
  --c-bubble-user-border: rgba(255,255,255,0.08);
  --c-bubble-user-text: #f5f5f0;
  --c-time: rgba(245,245,240,0.32);
  --c-menu-bg: rgba(13,13,10,0.96);
  --c-menu-hover: rgba(42,42,38,0.6);
  --c-orb1: rgba(245,245,240,0.06);
  --c-orb2: rgba(245,245,240,0.03);
  --c-orb3: rgba(255,255,255,0.03);
  --c-spark: rgba(245,245,240,0.12);
  --c-scrollbar-track: rgba(42,42,38,0.4);
  --c-scrollbar-thumb: rgba(255,255,255,0.15);
  --c-typing-dot: rgba(245,245,240,0.30);
  --c-app-bg: rgba(26,26,24,0.7);
  --c-app-border: rgba(255,255,255,0.06);
  --c-app-hover-bg: rgba(26,26,24,0.9);
  --c-app-hover-border: rgba(245,245,240,0.35);
  --c-app-label: #f5f5f0;
  --c-belge-bg: rgba(26,26,24,0.7);
  --c-belge-border: rgba(255,255,255,0.06);
  --c-belge-text: #f5f5f0;
  --c-accent: #f5f5f0;
  --c-accent-rgb: 245,245,240;
  --chat-metin: #f5f5f0;
  --chat-muted: rgba(245,245,240,0.68);
  --chat-soft: rgba(245,245,240,0.42);
  --chat-baslik: #f5f5f0;
  --chat-vurgu: #f5f5f0;
  --chat-em: rgba(245,245,240,0.78);
  --chat-marker: rgba(245,245,240,0.45);
  --chat-link: #f5f5f0;
  --chat-link-hover: #ffffff;
  --chat-link-border: rgba(245,245,240,0.45);
  --chat-link-border-hover: #f5f5f0;
  --chat-inline-code-text: #ff8d7a;
  --chat-inline-code-bg: #262622;
  --chat-inline-code-border: rgba(255,255,255,0.06);
  --chat-pre-text: #f5f5f0;
  --chat-pre-bg: #1a1a18;
  --chat-pre-border: rgba(255,255,255,0.08);
  --chat-quote-text: rgba(245,245,240,0.78);
  --chat-quote-bg: rgba(245,245,240,0.055);
  --chat-quote-border: #f5f5f0;
  --chat-table-border: rgba(255,255,255,0.10);
  --chat-table-head-bg: #262622;
  --chat-row-hover: rgba(245,245,240,0.055);
  --chat-rule: rgba(255,255,255,0.10);
  --chat-pill-text: rgba(245,245,240,0.72);
  --chat-pill-text-hover: #ffffff;
  --chat-pill-bg: rgba(245,245,240,0.045);
  --chat-pill-bg-hover: rgba(245,245,240,0.09);
  --chat-pill-border: rgba(255,255,255,0.12);
  --chat-pill-border-hover: rgba(245,245,240,0.30);
  --chat-callout-bg: rgba(245,245,240,0.035);
  --chat-callout-border: rgba(245,245,240,0.12);
  --chat-mark-bg: rgba(245,245,240,0.18);
  --chat-kbd-bg: #1a1a18;
  --chat-kbd-border: rgba(255,255,255,0.16);
  --c-home-orb1: rgba(245,245,240,0.10);
  --c-home-orb2: rgba(245,245,240,0.04);
}

/* ─── Düz siyah (ChatGPT tarzı): paper grain ve orb'lar kapalı ─── */
html[data-tema="siyah"] body::before { display: none !important; }
html[data-tema="siyah"] .home-bg-system,
html[data-tema="siyah"] .home-bg-system .home-orb { display: none !important; }

/* ─── Apps sidebar ─── */
#home-screen[data-tema="siyah"] .unified-apps {
  background: transparent;
  border-right-color: rgba(255,255,255,0.06);
}
#home-screen[data-tema="siyah"] .unified-app { color: rgba(245,245,240,0.50); }
#home-screen[data-tema="siyah"] .unified-app:hover {
  background: rgba(245,245,240,0.08);
  color: #f5f5f0;
}
#home-screen[data-tema="siyah"] .unified-app.active {
  background: rgba(245,245,240,0.12);
  color: #f5f5f0;
}
#home-screen[data-tema="siyah"] .unified-app.active::before {
  background: #f5f5f0;
  box-shadow: 0 0 6px rgba(245,245,240,0.50);
}

#home-screen[data-tema="siyah"] .mobile-apps-dropdown {
  background: #0d0d0a;
  border-bottom-color: rgba(255,255,255,0.08);
}
#home-screen[data-tema="siyah"] .mobile-apps-dropdown .unified-app {
  background: #1a1a18;
  border-color: rgba(255,255,255,0.08);
  color: rgba(245,245,240,0.55);
}
#home-screen[data-tema="siyah"] .mobile-apps-dropdown .unified-app:hover,
#home-screen[data-tema="siyah"] .mobile-apps-dropdown .unified-app.active {
  background: rgba(245,245,240,0.10);
  border-color: rgba(245,245,240,0.35);
  color: #f5f5f0;
}

#home-screen[data-tema="siyah"] .chat-mobile-menu-btn {
  background: #f5f5f0;
  border-color: rgba(245,245,240,0.92);
  color: #1a1a18;
}
#home-screen[data-tema="siyah"] .chat-mobile-menu-btn:hover {
  background: #ffffff;
  border-color: rgba(245,245,240,0.45);
  color: #1a1a18;
}

/* ─── Header ─── */
#home-screen[data-tema="siyah"] .chat-header-title {
  color: #f5f5f0;
  font-family: "Fraunces", "Iowan Old Style", Georgia, serif;
  font-weight: 500;
  font-style: italic;
  font-variation-settings: "opsz" 144, "SOFT" 30;
  letter-spacing: -0.01em;
}
#home-screen[data-tema="siyah"] .chat-brand-lumen {
  color: #f5f5f0;
  font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  font-weight: 900;
  font-style: normal;
  font-variation-settings: normal;
  letter-spacing: -0.025em;
}
#home-screen[data-tema="siyah"] .chat-header-title::before {
  background: #f5f5f0;
  box-shadow: 0 0 6px rgba(245,245,240,0.55);
}

#home-screen[data-tema="siyah"] .chat-back-btn {
  background: #f5f5f0; color: #0d0d0a;
}
#home-screen[data-tema="siyah"] .chat-back-btn:hover { background: #ffffff; }

#home-screen[data-tema="siyah"] .notif-btn {
  background: #1a1a18; border-color: rgba(255,255,255,0.08); color: rgba(245,245,240,0.55);
}
#home-screen[data-tema="siyah"] .notif-btn:hover {
  border-color: rgba(245,245,240,0.45); color: #f5f5f0;
}
#home-screen[data-tema="siyah"] .notif-badge { background: #f5f5f0; color: #0d0d0a; }

#home-screen[data-tema="siyah"] .chat-new-btn {
  background: #1a1a18; border-color: rgba(255,255,255,0.08); color: rgba(245,245,240,0.55);
}
#home-screen[data-tema="siyah"] .chat-new-btn:hover {
  border-color: rgba(245,245,240,0.45); color: #f5f5f0;
}

#home-screen[data-tema="siyah"] .chat-panel-back-btn {
  background: #1a1a18; border-color: rgba(255,255,255,0.08); color: rgba(245,245,240,0.55);
}
#home-screen[data-tema="siyah"] .chat-panel-back-btn:hover {
  border-color: rgba(245,245,240,0.45); color: #f5f5f0;
}

/* ─── İkon kutuları: beyaz zemin + siyah ikon (beyaz tema'nın aynası) ─── */
#home-screen[data-tema="siyah"] .chat-voice-call-btn {
  background: #f5f5f0;
  border-color: rgba(245,245,240,0.92);
  color: #1a1a18;
}
#home-screen[data-tema="siyah"] .chat-voice-call-btn:hover {
  background: #ffffff;
  border-color: rgba(245,245,240,0.45);
  color: #1a1a18;
}

#home-screen[data-tema="siyah"] .chat-menu-btn {
  background: #f5f5f0;
  color: #1a1a18;
}
#home-screen[data-tema="siyah"] .chat-menu-btn:hover {
  background: #ffffff;
  color: #1a1a18;
}
#home-screen[data-tema="siyah"] .chat-menu-btn.active {
  background: #f5f5f0;
  color: #0d0d0a;
}

#home-screen[data-tema="siyah"] .chat-mic-btn {
  background: #f5f5f0;
  color: #1a1a18;
}
#home-screen[data-tema="siyah"] .chat-mic-btn:hover {
  background: #ffffff;
  color: #1a1a18;
}

#home-screen[data-tema="siyah"] .chat-attach-btn {
  background: #f5f5f0;
  color: #1a1a18;
}
#home-screen[data-tema="siyah"] .chat-attach-btn:hover {
  background: #ffffff;
  color: #1a1a18;
}

/* ─── Welcome card ─── */
#home-screen[data-tema="siyah"] .chat-welcome-card {
  background: #1a1a18;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
}
#home-screen[data-tema="siyah"] .chat-welcome-card::before {
  background: linear-gradient(135deg, rgba(245,245,240,0.06), transparent);
}
#home-screen[data-tema="siyah"] .chat-welcome-card:hover {
  border-color: rgba(245,245,240,0.35);
  box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 0 1px rgba(245,245,240,0.12);
}

#home-screen[data-tema="siyah"] .mod-icon { background: #262622; border: 1px solid rgba(255,255,255,0.08); }
#home-screen[data-tema="siyah"] .mod-yt   { background: #B23B2C; border-color: #9A2E22; }

#home-screen[data-tema="siyah"] .chat-welcome-card-icon svg {
  filter: drop-shadow(0 0 2px rgba(245,245,240,0.30));
  stroke-width: 1.6px;
}

#home-screen[data-tema="siyah"] .chat-welcome-card-title {
  color: #f5f5f0;
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#home-screen[data-tema="siyah"] .chat-welcome-card-desc { color: rgba(245,245,240,0.55); }
#home-screen[data-tema="siyah"] .chat-welcome-card-arrow { color: #f5f5f0; }
#home-screen[data-tema="siyah"] .chat-welcome-card:hover .chat-welcome-card-arrow { color: #f5f5f0; }

#home-screen[data-tema="siyah"] .chat-welcome-badge {
  background: rgba(245,245,240,0.08);
  border-color: rgba(245,245,240,0.30);
  color: #f5f5f0;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-size: 0.72em;
  font-weight: 500;
}
#home-screen[data-tema="siyah"] .chat-welcome-badge::before {
  background: #f5f5f0; box-shadow: 0 0 6px rgba(245,245,240,0.5);
}

#home-screen[data-tema="siyah"] .chat-welcome-title {
  color: #f5f5f0;
  font-family: "Fraunces", Georgia, serif;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.02em;
  font-variation-settings: "opsz" 144, "SOFT" 50;
}
#home-screen[data-tema="siyah"] .chat-welcome-title .wname {
  color: #f5f5f0;
  font-weight: 500;
  font-style: italic;
}
#home-screen[data-tema="siyah"] .chat-welcome-title .wname::after {
  background: linear-gradient(90deg, rgba(245,245,240,0.55), transparent);
  height: 2px;
}

/* ─── Input ─── */
#home-screen[data-tema="siyah"] .chat-input-area-wrap { background: transparent; }
#home-screen[data-tema="siyah"] .chat-input-area { max-width: 560px !important; }

#home-screen[data-tema="siyah"] .chat-input-outer {
  background: rgba(26,26,24,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 22px;
  padding: 10px 12px;
  gap: 6px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 8px 24px rgba(0,0,0,0.55),
    0 2px 6px rgba(0,0,0,0.40);
}

#home-screen[data-tema="siyah"] .chat-input-wrapper {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#home-screen[data-tema="siyah"] .chat-input-wrapper:focus-within {
  background: transparent;
  border: none;
  box-shadow: none;
}

#home-screen[data-tema="siyah"] .chat-input { color: #f5f5f0; }
#home-screen[data-tema="siyah"] .chat-input::placeholder {
  color: rgba(245,245,240,0.42);
  font-style: italic;
}

#home-screen[data-tema="siyah"] .chat-send-btn {
  background: #f5f5f0; color: #0d0d0a;
  box-shadow: 0 2px 8px rgba(0,0,0,0.40);
}
#home-screen[data-tema="siyah"] .chat-send-btn:hover {
  background: #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,0.55);
}
#home-screen[data-tema="siyah"] .chat-send-btn svg { stroke: #0d0d0a !important; }

/* ─── Typography ─── */
#home-screen[data-tema="siyah"] .chat-welcome-card-title,
#home-screen[data-tema="siyah"] .chat-welcome-card h3,
#home-screen[data-tema="siyah"] .chat-welcome-card h4,
#home-screen[data-tema="siyah"] .chat-welcome-card strong { color: #f5f5f0 !important; }

#home-screen[data-tema="siyah"] .chat-welcome-status,
#home-screen[data-tema="siyah"] .chat-welcome-status-text,
#home-screen[data-tema="siyah"] .chat-welcome-status span,
#home-screen[data-tema="siyah"] .chat-status-label {
  color: rgba(245,245,240,0.55) !important;
  font-family: "Geist", "Söhne", -apple-system, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78em;
}

#home-screen[data-tema="siyah"] .unified-app-label,
#home-screen[data-tema="siyah"] .notif-btn,
#home-screen[data-tema="siyah"] .chat-new-btn {
  font-family: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: -0.005em;
}

#home-screen[data-tema="siyah"] .chat-welcome-card-desc,
#home-screen[data-tema="siyah"] .chat-welcome-sub {
  font-family: "Fraunces", Georgia, serif;
  font-style: italic;
  font-weight: 300;
  font-variation-settings: "opsz" 32, "SOFT" 60;
}
#home-screen[data-tema="siyah"] .chat-input::placeholder {
  font-family: "Fraunces", Georgia, serif;
  font-style: italic;
  font-weight: 300;
}

#home-screen[data-tema="siyah"] .chat-welcome-card-desc  { color: rgba(245,245,240,0.55); }
#home-screen[data-tema="siyah"] .chat-welcome-sub        { color: rgba(245,245,240,0.55); }
#home-screen[data-tema="siyah"] .unified-app-label       { color: rgba(245,245,240,0.55); }
#home-screen[data-tema="siyah"] .unified-app.active .unified-app-label { color: #f5f5f0; }

#home-screen[data-tema="siyah"] .home-bg-system::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: none;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}

/* Tema kart dot */
.tema-kart-dot[data-tema="siyah"] {
  background: #0d0d0a;
  border: 1px solid rgba(255,255,255,0.20);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.04);
}
.tema-kart-dot[data-tema="siyah"].aktif {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.04), 0 0 0 2px #f5f5f0, 0 0 0 4px rgba(255,255,255,0.10);
}

/* ─── User bubble ─── */
#home-screen[data-tema="siyah"] .user-bubble-wrap > .chat-msg.user {
  background: #2a2a26;
  border: 1px solid rgba(255,255,255,0.06);
  color: #f5f5f0;
  border-radius: 18px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.20);
}

#home-screen[data-tema="siyah"] .thought-bubble-wrap > .chat-msg.bilinc {
  background: rgba(245,245,240,0.06);
  border-color: rgba(245,245,240,0.20);
  color: rgba(245,245,240,0.72);
  font-family: "Fraunces", Georgia, serif;
  font-style: italic;
  font-weight: 300;
}
#home-screen[data-tema="siyah"] .thought-bubble-wrap::after {
  background: rgba(245,245,240,0.06);
  border-color: rgba(245,245,240,0.20);
  box-shadow:
    -12px 9px 0 -2px rgba(245,245,240,0.20),
    -12px 9px 0 -3.5px rgba(245,245,240,0.06);
}

#home-screen[data-tema="siyah"] .chat-voice-indicator { color: rgba(245,245,240,0.7); }
#home-screen[data-tema="siyah"] .chat-voice-indicator[data-state="listening"] .cvi-wave span,
#home-screen[data-tema="siyah"] .cvi-wave span { background: rgba(245,245,240,0.6); }
#home-screen[data-tema="siyah"] .chat-voice-indicator[data-state="speaking"] .cvi-wave span {
  background: rgba(245,245,240,0.55);
}

/* ─── Cüzdan panel ─── */
#home-screen.chatting[data-tema="siyah"] .cuzdan-panel { background: #0d0d0a; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-header {
  background: #1a1a18;
  border-bottom-color: rgba(255,255,255,0.07);
  padding-left: 72px;
}
#home-screen.chatting[data-tema="siyah"] .cuzdan-title { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-close { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-close:hover { background: rgba(245,245,240,0.10); color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-bakiye { background: #1a1a18; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-bakiye-label { color: rgba(245,245,240,0.55); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.78em; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-bakiye-tutar { color: #f5f5f0; font-family: "Fraunces", serif; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-tabs { background: #1a1a18; border-bottom-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-tab { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-tab.active { color: #f5f5f0; border-bottom-color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-islem { background: #1a1a18; border-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-islem-kat { color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-islem-tarih,
#home-screen.chatting[data-tema="siyah"] .cuzdan-islem-aciklama { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-bos { color: rgba(245,245,240,0.45); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-tip-btn { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-tutar-input,
#home-screen.chatting[data-tema="siyah"] .cuzdan-aciklama-input { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .cuzdan-kat-btn { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .cuzdan-kat-btn.selected { background: rgba(245,245,240,0.10); border-color: rgba(245,245,240,0.35); color: #f5f5f0; }

/* ─── Kamera panel ─── */
#home-screen.chatting[data-tema="siyah"] .kamera-panel { background: #0d0d0a; }
#home-screen.chatting[data-tema="siyah"] .kamera-header {
  background: #1a1a18;
  border-bottom-color: rgba(255,255,255,0.07);
  padding-left: 72px;
}
#home-screen.chatting[data-tema="siyah"] .kamera-title { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .kamera-geri-btn { background: rgba(245,245,240,0.10); color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .kamera-geri-btn:hover { background: #B23B2C; color: #fafaf7; }
#home-screen.chatting[data-tema="siyah"] .kamera-tabs { background: #1a1a18; border-bottom-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .kamera-tab { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .kamera-tab.active { color: #f5f5f0; border-bottom-color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .kamera-item { background: #1a1a18; border-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .kamera-bos { color: rgba(245,245,240,0.45); }
#home-screen.chatting[data-tema="siyah"] .kamera-item-ad { color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .kamera-input { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .kamera-input:focus { border-color: #f5f5f0; box-shadow: 0 0 0 3px rgba(245,245,240,0.12); }
#home-screen.chatting[data-tema="siyah"] .kamera-kaydet-btn { background: #f5f5f0; }

/* ─── Konum panel ─── */
#home-screen.chatting[data-tema="siyah"] .konum-panel { background: #0d0d0a; }
#home-screen.chatting[data-tema="siyah"] .konum-header {
  background: #1a1a18;
  border-bottom-color: rgba(255,255,255,0.07);
  padding-left: 72px;
}
#home-screen.chatting[data-tema="siyah"] .konum-title { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .konum-close { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .konum-adres-bar { background: #1a1a18; border-bottom-color: rgba(255,255,255,0.07); color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .konum-loading { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .konum-content { background: #0d0d0a; }
#home-screen.chatting[data-tema="siyah"] .konum-kat-btn { background: #1a1a18; border-color: rgba(255,255,255,0.08); color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .konum-kat-btn:hover { border-color: rgba(245,245,240,0.45); background: rgba(245,245,240,0.06); }
#home-screen.chatting[data-tema="siyah"] .konum-sonuc-baslik { color: #f5f5f0; border-bottom-color: rgba(255,255,255,0.07); font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .konum-sonuc-item { background: #1a1a18; border-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .konum-sonuc-ad { color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .konum-sonuc-detay,
#home-screen.chatting[data-tema="siyah"] .konum-sonuc-mesafe { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .konum-geri-btn { border-color: rgba(255,255,255,0.10); color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .konum-geri-btn:hover { background: rgba(245,245,240,0.06); }
#home-screen.chatting[data-tema="siyah"] .konum-yakit-tablo { color: #f5f5f0; }

#home-screen.chatting[data-tema="siyah"] #ceviri-kamera-panel,
body[data-tema="siyah"] #ceviri-kamera-panel { background: #0d0d0a; color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .ceviri-kamera-header,
body[data-tema="siyah"] .ceviri-kamera-header { background: #1a1a18; border-bottom-color: rgba(255,255,255,0.07); color: #f5f5f0; }
body[data-tema="siyah"] .ceviri-kamera-kapat {
  color: #f5f5f0 !important;
  background: #262622;
  border-radius: 8px;
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  font-size: 1.05rem;
}
body[data-tema="siyah"] .ceviri-kamera-kapat:hover {
  background: #f5f5f0;
  color: #0d0d0a !important;
}

/* ─── WS Modal ─── */
body[data-tema="siyah"] .ws-modal-overlay { background: rgba(0,0,0,0.55); backdrop-filter: blur(8px); }
body[data-tema="siyah"] .ws-modal { background: #0d0d0a; border-color: rgba(255,255,255,0.08); }
body[data-tema="siyah"] .ws-modal-title { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
body[data-tema="siyah"] .ws-modal-close { color: rgba(245,245,240,0.55); }
body[data-tema="siyah"] .ws-modal-close:hover { background: rgba(245,245,240,0.12); color: #f5f5f0; }
body[data-tema="siyah"] .ws-modal-input { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: #f5f5f0; }
body[data-tema="siyah"] .ws-modal-input:focus { border-color: #f5f5f0; }
body[data-tema="siyah"] .ws-modal-btn-primary { background: #f5f5f0; color: #0d0d0a; border-color: #f5f5f0; }
body[data-tema="siyah"] .ws-modal-btn-primary:hover { background: #ffffff; }

/* ─── Work Agent modal ─── */
#home-screen.chatting[data-tema="siyah"] .work-agent-modal { background: #0d0d0a; border-color: rgba(255,255,255,0.08); }
#home-screen.chatting[data-tema="siyah"] .wa-header { background: #1a1a18; border-bottom-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .wa-title { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .wa-label { color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .wa-input { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .wa-input:focus { border-color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .wa-btn-primary { background: #f5f5f0; color: #0d0d0a; }
#home-screen.chatting[data-tema="siyah"] .wa-btn-secondary { background: #1a1a18; color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .wa-btn-komut { background: #1a1a18; color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .wa-btn-komut:hover { background: #262622; }
#home-screen.chatting[data-tema="siyah"] .wa-btn-icon { background: #1a1a18; color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .wa-komut-sonuc { background: #1a1a18; border-color: rgba(255,255,255,0.07); color: rgba(245,245,240,0.55); font-family: "Geist Mono", monospace; }
#home-screen.chatting[data-tema="siyah"] .wa-hint { color: rgba(245,245,240,0.55); font-style: italic; }
#home-screen.chatting[data-tema="siyah"] .wa-close { color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .wa-close:hover { background: #262622; color: #f5f5f0; }

/* ─── Bahçe ─── */
#home-screen.chatting[data-tema="siyah"] .bahce-opt { background: #1a1a18; border-color: rgba(255,255,255,0.10); color: rgba(245,245,240,0.55); }
#home-screen.chatting[data-tema="siyah"] .bahce-opt:hover { border-color: #f5f5f0; color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .bahce-opt.active { background: rgba(245,245,240,0.10); border-color: #f5f5f0; color: #f5f5f0; }
#home-screen.chatting[data-tema="siyah"] .bahce-bitki-kart { background: #1a1a18; border-color: rgba(255,255,255,0.07); }
#home-screen.chatting[data-tema="siyah"] .bahce-bitki-kart .bk-isim { color: #f5f5f0; font-family: "Fraunces", serif; font-weight: 500; }
#home-screen.chatting[data-tema="siyah"] .bahce-journal-satir { color: rgba(245,245,240,0.55); border-bottom-color: rgba(255,255,255,0.06); }

/* ─── YouTube + Arcade panel ─── */
body[data-tema="siyah"] #youtube-panel { background: #0d0d0a; }
body[data-tema="siyah"] .yt-panel-header { background: none; }
body[data-tema="siyah"] .yt-panel-header h2 { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; letter-spacing: -0.01em; }
body[data-tema="siyah"] .yt-panel-close { background: #1a1a18; color: rgba(245,245,240,0.55); border-color: rgba(255,255,255,0.10); }
body[data-tema="siyah"] .yt-panel-close:hover { background: #f5f5f0; color: #0d0d0a; border-color: #f5f5f0; }
body[data-tema="siyah"] .yt-mode-tabs { border-color: rgba(255,255,255,0.07); background: #1a1a18; }
body[data-tema="siyah"] .yt-mode-tab { background: #1a1a18; color: rgba(245,245,240,0.55); }
body[data-tema="siyah"] .yt-mode-tab:first-child { border-right-color: rgba(255,255,255,0.07); }
body[data-tema="siyah"] .yt-mode-tab.active { background: #0d0d0a; color: #f5f5f0; }
body[data-tema="siyah"] .yt-mode-tab:hover:not(.active) { background: #262622; color: #f5f5f0; }

body[data-tema="siyah"] #arcade-panel { background: #0d0d0a; }
body[data-tema="siyah"] .arcade-panel-header { background: #1a1a18; border-bottom-color: rgba(255,255,255,0.07); color: #f5f5f0; }
body[data-tema="siyah"] .arcade-panel-header h2 { color: #f5f5f0; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; letter-spacing: -0.01em; }
body[data-tema="siyah"] .arcade-panel-close { background: #1a1a18; color: rgba(245,245,240,0.55); border-color: rgba(255,255,255,0.10); }
body[data-tema="siyah"] .arcade-panel-close:hover { background: #f5f5f0; color: #0d0d0a; }

/* ─── AI mesajı markdown ─── */
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant a,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant a:visited {
  color: #f5f5f0 !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(245,245,240,0.45);
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant a:hover {
  color: #ffffff !important;
  text-decoration-color: #f5f5f0;
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant blockquote {
  color: rgba(245,245,240,0.78) !important;
  border-left: 2px solid #f5f5f0 !important;
  background: rgba(245,245,240,0.055) !important;
  font-family: "Fraunces", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 1.05em;
  padding: 0.35em 0.85em 0.35em 1.2em !important;
  margin: 0.85em 0 0.85em 0.2em !important;
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant hr {
  border: none !important;
  height: 1px !important;
  background: rgba(255,255,255,0.10) !important;
  margin: 1.4em 0 !important;
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant ul,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant ol {
  color: #f5f5f0 !important;
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant table { border-collapse: collapse !important; }
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant table,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant td,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant th {
  color: #f5f5f0 !important;
  border-color: rgba(255,255,255,0.10) !important;
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant th {
  background: #262622 !important;
  font-family: "Geist", sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.82em;
}

#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant h1,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant h2,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant h3 {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
  letter-spacing: -0.01em !important;
  font-variation-settings: "opsz" 144, "SOFT" 40 !important;
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant h4 {
  font-family: "Geist", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85em;
  font-weight: 600 !important;
}

#home-screen[data-tema="siyah"] .pulse span:nth-child(1) { background: rgba(245,245,240,0.55) !important; }
#home-screen[data-tema="siyah"] .pulse span:nth-child(2) { background: rgba(245,245,240,0.40) !important; }
#home-screen[data-tema="siyah"] .pulse span:nth-child(3) { background: rgba(245,245,240,0.28) !important; }
#home-screen[data-tema="siyah"] .pulse span:nth-child(4) { background: rgba(245,245,240,0.18) !important; }

#home-screen[data-tema="siyah"] .msg-copy-btn {
  background: #1a1a18 !important;
  color: rgba(245,245,240,0.65) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
#home-screen[data-tema="siyah"] .ai-bubble-wrap:hover .msg-copy-btn { opacity: 1 !important; }
#home-screen[data-tema="siyah"] .msg-copy-btn:hover {
  background: #262622 !important;
  color: #f5f5f0 !important;
  border-color: rgba(255,255,255,0.25) !important;
}
#home-screen[data-tema="siyah"] .msg-copy-btn.copied {
  opacity: 1 !important;
  color: #f5f5f0 !important;
  border-color: rgba(245,245,240,0.45) !important;
  background: rgba(245,245,240,0.12) !important;
}

#home-screen[data-tema="siyah"] .code-copy-btn {
  background: #0d0d0a !important;
  color: rgba(245,245,240,0.55) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  font-family: "Geist Mono", monospace !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72em;
}
#home-screen[data-tema="siyah"] .code-copy-btn:hover {
  background: #1a1a18 !important;
  color: #f5f5f0 !important;
}
#home-screen[data-tema="siyah"] .code-copy-btn.copied {
  background: rgba(245,245,240,0.12) !important;
  color: #f5f5f0 !important;
  border-color: #f5f5f0 !important;
}

#home-screen[data-tema="siyah"] pre,
#home-screen[data-tema="siyah"] pre code,
#home-screen[data-tema="siyah"] pre code *,
#home-screen[data-tema="siyah"] pre.hljs,
#home-screen[data-tema="siyah"] pre.hljs * {
  color: #f5f5f0 !important;
  background: #1a1a18 !important;
  font-family: "Geist Mono", "JetBrains Mono", "SF Mono", monospace !important;
}
#home-screen[data-tema="siyah"] pre {
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
}
#home-screen[data-tema="siyah"] code:not(pre code) {
  color: #ff8d7a !important;
  background: #262622 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 4px;
  padding: 1px 5px;
  font-family: "Geist Mono", "JetBrains Mono", monospace !important;
  font-size: 0.92em;
}

#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant.markdown,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant p,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant li,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant strong,
#home-screen[data-tema="siyah"] .ai-bubble-wrap > .chat-msg.assistant em {
  color: #f5f5f0 !important;
}
/* Tema aksan değişkenleri — başlık var(--chat-baslik) cyan'a, marker altına düşmesin (mono) */
#home-screen[data-tema="siyah"] {
  --chat-baslik: #f5f5f0;
  --chat-vurgu: #f5f5f0;
  --chat-marker: rgba(245,245,240,0.45);
}

html[data-tema="siyah"] body,
html[data-tema="siyah"] #chat-messages,
html[data-tema="siyah"] #chat-input,
html[data-tema="siyah"] .chat-msg,
html[data-tema="siyah"] .ws-msg-text {
  font-family: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[data-tema="siyah"] #chat-messages { position: relative; }

html[data-tema="siyah"] *::-webkit-scrollbar { width: 8px; height: 8px; }
html[data-tema="siyah"] *::-webkit-scrollbar-track { background: transparent; }
html[data-tema="siyah"] *::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 4px; }
html[data-tema="siyah"] *::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.30); }

html[data-tema="siyah"] button,
html[data-tema="siyah"] .unified-app,
html[data-tema="siyah"] .chat-welcome-card {
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

html[data-tema="siyah"] ::selection { background: rgba(245,245,240,0.25); color: #f5f5f0; }