/* =====================================================================
   Cutline portal — DARK MODE
   ---------------------------------------------------------------------
   Every rule here is scoped under html[data-theme="dark"], which the
   inline theme script at the very top of <head> sets (see THEME_SPEC:
   localStorage 'cutline-theme' = auto|light|dark; auto follows the OS).
   Light mode is untouched — nothing in this file applies without the
   attribute. "Keep the exact same glassy design, just dark."

   Tokens (from the approved mockup):
     page bg #0a0a0b · text #f3f4f6/#f9fafb · strong #d1d5db/#e5e7eb
     muted #9ca3af · faint #6b7280 · hairline #2a2c31 (soft #24262b)
     card   linear-gradient(#1d1e22 0 → #161719 8%) + white 7% inset ring
     glass  rgba(28,29,33,0.82) + blur(8px) + white 8% ring
     popup  rgba(24,25,29,0.78–0.92) keeping the original blur
     primary button #f5f5f5 bg / #0a0a0b text
   Inline styles written by JS template strings are matched with
   attribute selectors + !important at the end of this file.
   ===================================================================== */

html[data-theme="dark"] {
  --dk-bg: #0a0a0b;
  --dk-text: #f3f4f6;
  --dk-text-strong: #f9fafb;
  --dk-text-2: #e5e7eb;
  --dk-text-3: #d1d5db;
  --dk-muted: #9ca3af;
  --dk-faint: #6b7280;
  --dk-line: #2a2c31;
  --dk-line-soft: #24262b;
  /* Glass hairline for pill tabs (.element-border-gradiented-top). */
  --ds-glass-edge: 255 255 255 / .14;
  --ds-glass-ring: 255 255 255 / .06;
  --dk-chip-line: #2f3137;
  --dk-card: linear-gradient(to bottom, #1d1e22 0%, #161719 8%, #161719 25%, #161719 100%);
  --dk-card-shadow: inset rgba(255,255,255,0.07) 0 0 0 1px, inset rgba(255,255,255,0.05) 0 1px 0 0, rgba(0,0,0,0.55) 0 5px 15px 0;
  --dk-raised: linear-gradient(to bottom, #232429, #1c1d21);
  --dk-raised-shadow: inset rgba(255,255,255,0.07) 0 0 0 1px, rgba(0,0,0,0.4) 0 8px 18px;
  --dk-glass: rgba(28,29,33,0.82);
  --dk-glass-shadow: rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.5) 0 10px 20px 0;
  --dk-popup: rgba(24,25,29,0.86);
  --dk-popup-solid: rgba(24,25,29,0.94);
  --dk-modal-shadow: rgba(0,0,0,0.6) 0 16px 48px, rgba(255,255,255,0.06) 0 0 0 1px;
  --dk-hover: rgba(255,255,255,0.05);
  --dk-inset: rgba(255,255,255,0.04);
  --dk-nav-active: linear-gradient(to bottom, #26272c, #1d1e22);
  --dk-nav-active-shadow: inset rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.45) 0 8px 18px;
  --dk-input: rgba(255,255,255,0.05);
  --dk-thumb: linear-gradient(135deg, #1e2532 0%, #0f131a 100%);
  color-scheme: dark;
}

html[data-theme="dark"] body { background: #0a0a0b; color: #f3f4f6; }

/* ---------- Generic close button / loading / connection popup ---------- */
html[data-theme="dark"] .cl-close {
  border-color: #2a2c31;
  background: rgba(28,29,33,0.82);
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  color: rgba(229,231,235,0.8);
}
html[data-theme="dark"] .cl-close:hover { background: rgba(38,39,44,0.95); }
html[data-theme="dark"] .loading-overlay { background: #0a0a0b; }
html[data-theme="dark"] .connection-popup {
  background: rgba(24,25,29,0.92);
  border-color: #2a2c31;
  box-shadow: 0 4px 18px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .connection-popup-title { color: #f3f4f6; }
html[data-theme="dark"] .connection-popup-message { color: #9ca3af; }

/* ---------- Topbar ---------- */
html[data-theme="dark"] .topbar-bg { background: rgba(10,10,11,0.86); } /* no backdrop blur now — denser tint */
html[data-theme="dark"] .sidebar .hamburger { color: #e5e7eb; }
html[data-theme="dark"] .sidebar .hamburger:hover { background-color: rgba(255,255,255,0.06); }

/* ---------- Search bar ---------- */
html[data-theme="dark"] .search-icon-wrapper {
  background: rgba(28,29,33,0.82);
  box-shadow: rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.5) 0 10px 20px 0;
}
html[data-theme="dark"] .search input { color: #f3f4f6; }
html[data-theme="dark"] .search input::placeholder { color: #6b7280; }
html[data-theme="dark"] .search-icon { color: #d1d5db; opacity: 0.7; }
html[data-theme="dark"] .search-link-chip { background: rgba(59,130,246,0.18); }
html[data-theme="dark"] .search-link-chip .lc-label { color: #93c5fd; }
html[data-theme="dark"] .search-input { background: rgba(255,255,255,0.06); color: #f3f4f6; }

/* ---------- Buttons ---------- */
html[data-theme="dark"] .btn {
  background-color: #f5f5f5;
  color: #0a0a0b;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 10px 22px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .btn-settings { background-color: rgba(255,255,255,0.06); color: #f3f4f6; box-shadow: none; }

/* ---------- Sidebar ---------- */
html[data-theme="dark"] .sidebar {
  background: linear-gradient(to bottom, #1d1e22 0%, #151618 8%, #151618 25%, #151618 100%);
  color: #f3f4f6;
  box-shadow: inset rgba(255,255,255,0.07) 0 0 0 1px, inset rgba(255,255,255,0.05) 0 1px 0 0, rgba(0,0,0,0.6) 0 2px 25px 0;
}
html[data-theme="dark"] .brand-title { color: #f9fafb; }
html[data-theme="dark"] .brand-subtitle { color: #9ca3af; }
html[data-theme="dark"] .collapse-btn {
  background: rgba(28,29,33,0.82);
  box-shadow: rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.5) 0 6px 14px 0;
  color: #d1d5db;
}
html[data-theme="dark"] .collapse-btn:hover { background: rgba(38,39,44,0.95); }
html[data-theme="dark"] .sidebar.collapsed .collapse-btn { background: #1d1e22; }
html[data-theme="dark"] .divider { background: linear-gradient(to right, transparent, rgba(255,255,255,0.09), transparent); }
html[data-theme="dark"] .nav-section-title,
html[data-theme="dark"] .project-section-title,
html[data-theme="dark"] .profile-section-title { color: #6b7280; }
html[data-theme="dark"] .sidebar-scroll-hint { background: rgba(38,39,44,0.92); box-shadow: 0 2px 8px rgba(0,0,0,0.5); }
html[data-theme="dark"] .sidebar-scroll-hint svg { color: #d1d5db; }
html[data-theme="dark"] .nav-item { color: #e5e7eb; }
html[data-theme="dark"] .nav-item:hover {
  background: rgba(255,255,255,0.05);
  box-shadow: none;
  color: #fff;
}
html[data-theme="dark"] .nav-item.active {
  background: linear-gradient(to bottom, #26272c, #1d1e22);
  box-shadow: inset rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.45) 0 8px 18px;
}
html[data-theme="dark"] .nav-item .nav-icon { color: #e5e7eb; }
html[data-theme="dark"] .nav-item .nav-icon svg.channels-icon { fill: #e5e7eb !important; }
html[data-theme="dark"] .project-pill {
  background: rgba(255,255,255,0.035);
  box-shadow: inset rgba(255,255,255,0.06) 0 0 0 1px;
  color: #d1d5db;
}
html[data-theme="dark"] .project-pill:hover { background: rgba(255,255,255,0.07); }
html[data-theme="dark"] .project-drag-handle { color: #6b7280; }
html[data-theme="dark"] .project-drag-handle:hover { background: rgba(255,255,255,0.08); color: #d1d5db; }
html[data-theme="dark"] .sidebar-live-ghost { box-shadow: 0 18px 44px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.4); }
html[data-theme="dark"] .sidebar-live-ghost-body { background: rgba(24,25,29,0.92); color: #f3f4f6; }
html[data-theme="dark"] .sidebar-bottom::before {
  background: linear-gradient(to bottom, rgba(21,22,24,0) 0%, rgba(21,22,24,0.85) 100%);
}

/* ---------- Content frame / veil / marketplace ----------
   The strip between sidebar and iframe is portal body background; the
   embedded apps paint #0a0a0b in dark too, so the hand-off stays seamless. */
html[data-theme="dark"] #iframe-veil { background: #0a0a0b; }
html[data-theme="dark"] #marketplace-view { background: #0a0a0b; }
html[data-theme="dark"] #marketplace-view .mkt-title,
html[data-theme="dark"] #marketplace-view .mkt-sub { color: #f3f4f6; }
html[data-theme="dark"] #marketplace-view .mkt-optin {
  background: #f5f5f5; color: #0a0a0b;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 10px 22px rgba(0,0,0,0.5);
}
html[data-theme="dark"] #marketplace-view .mkt-optin:hover { background: #ffffff; }
html[data-theme="dark"] #marketplace-view .mkt-optin:focus-visible { outline-color: #f5f5f5; }
html[data-theme="dark"] #marketplace-view .mkt-note { color: rgba(243,244,246,0.38); }

/* ---------- Search popup ---------- */
html[data-theme="dark"] .search-popup {
  background-color: rgba(24,25,29,0.82);
  box-shadow: inset rgba(255,255,255,0.07) 0 0 0 1.5px, rgba(0,0,0,0.6) 0 22px 60px;
}
html[data-theme="dark"] .search-tip-row { color: #d1d5db; }
html[data-theme="dark"] .search-tip-row:hover { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .search-ask-text,
html[data-theme="dark"] .search-ask-text em { color: #f3f4f6; }
html[data-theme="dark"] .search-row-card { color: #e5e7eb; }
html[data-theme="dark"] #project-preview-list > div:hover:not(.search-empty-state),
html[data-theme="dark"] #project-preview-list > div.top-match:not(.search-empty-state),
html[data-theme="dark"] #project-preview-list > div.is-selected:not(.search-empty-state) {
  background-color: rgba(255,255,255,0.05);
}
html[data-theme="dark"] .np-thumb { background: rgba(255,255,255,0.04); border-color: #2f3137; color: #6b7280; }
html[data-theme="dark"] .np-placeholder-card:hover .np-thumb { color: #f3f4f6; border-color: #4b4e56; background: rgba(255,255,255,0.07); }
html[data-theme="dark"] .search-highlight { background-color: rgba(255,255,255,0.12); }
html[data-theme="dark"] .search-enter-key {
  border-color: rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #9ca3af;
  box-shadow: none;
}
html[data-theme="dark"] .search-empty-state { color: rgba(243,244,246,0.32); }
html[data-theme="dark"] .cl-thumbnail-placeholder { background: linear-gradient(135deg, #1e2532 0%, #0f131a 100%); }
html[data-theme="dark"] .cl-thumbnail-placeholder .cl-thumbnail-logo { opacity: 0.4; }

/* ---------- New project popup ---------- */
html[data-theme="dark"] #new-project-popup .icon:hover { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] #new-project-popup .icon-img { box-shadow: rgba(0,0,0,0.5) 0 7px 29px 0; }
html[data-theme="dark"] .sidebar .icon.active .text { color: #fff; }

/* ---------- Toasts ---------- */
html[data-theme="dark"] .clip-invalid-popup,
html[data-theme="dark"] .clip-upload-popup {
  background: rgba(24,25,29,0.88);
  border-color: #2a2c31;
  color: #f3f4f6;
  box-shadow: 0 8px 32px rgba(0,0,0,0.55);
}
html[data-theme="dark"] .clip-upload-popup .cl-up-spinner { border-color: #2a2c31; border-top-color: #f3f4f6; }
html[data-theme="dark"] .clip-upload-popup .cl-up-title { color: #f3f4f6; }
html[data-theme="dark"] .clip-upload-popup .cl-up-sub { color: #9ca3af; }
html[data-theme="dark"] .clip-enter-tip { border-color: rgba(255,255,255,0.14); color: rgba(229,231,235,0.6); }
html[data-theme="dark"] .question-mark { background: #2a2c31; color: #9ca3af; }
html[data-theme="dark"] .tooltip-wrapper:hover .question-mark { background: rgba(7,248,196,0.16); color: #5ff5cf; }

/* ---------- Credit bubble / topbar round buttons / tooltips ---------- */
html[data-theme="dark"] .credit-bubble { color: #f3f4f6; border-color: #2f3137; }
html[data-theme="dark"] .credit-bubble:hover { background-color: rgba(255,255,255,0.05); border-color: #3a3c43; }
html[data-theme="dark"] .credit-tooltip,
html[data-theme="dark"] .notification-tooltip {
  color: #e5e7eb;
  border-color: #2a2c31;
  background: rgba(24,25,29,0.9);
  box-shadow: 0 4px 18px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .notification-bubble {
  background: rgba(28,29,33,0.82);
  color: #d1d5db;
  box-shadow: rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.5) 0 10px 20px 0;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
html[data-theme="dark"] .notification-bubble:hover,
html[data-theme="dark"] .notification-bubble.back-button:hover { background-color: rgba(38,39,44,0.92); }

/* ---------- Notifications dropdown ---------- */
html[data-theme="dark"] .notif-agent-icon { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .notif-agent-badge { border-color: #1c1d21; }
html[data-theme="dark"] .notification-tooltip.notif-dropdown {
  background: rgba(24,25,29,0.72);
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 18px 50px rgba(0,0,0,0.6);
  backdrop-filter: blur(28px) saturate(1.6);
  -webkit-backdrop-filter: blur(28px) saturate(1.6);
}
/* The bell's own blur(8px) (from .notification-bubble above) made it a
   Backdrop Root, so the dropdown nested inside it could only blur the
   30px bell, and the page/iframe behind showed through crisply. Move the
   bell's blur onto a ::before layer so the dropdown blurs the page. */
html[data-theme="dark"] #notification-bubble {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme="dark"] #notification-bubble::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: -1;
  pointer-events: none;
}
html[data-theme="dark"] .notif-badge { border-color: #1c1d21; }
html[data-theme="dark"] .notif-empty { color: #9ca3af; }
html[data-theme="dark"] .notif-item:hover { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .notif-item.notif-invite:hover { background: transparent; }
html[data-theme="dark"] .notif-thumb { border-color: #2a2c31; background: #0f131a; }
html[data-theme="dark"] .notif-thumb.skeleton { background: linear-gradient(90deg, #1c1d21 25%, #26282d 50%, #1c1d21 75%); background-size: 200% 100%; }
html[data-theme="dark"] .notif-invite-copy { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .notif-invite-copy:hover { background: #ffffff; }
html[data-theme="dark"] .notif-title { color: #f3f4f6; }
html[data-theme="dark"] .notif-sub,
html[data-theme="dark"] .notif-invite-time { color: #9ca3af; }
html[data-theme="dark"] .notif-status-ready { color: #5ff5cf; }
html[data-theme="dark"] .notif-status-failed { color: #fca5a5; }
html[data-theme="dark"] .notif-status-rendering { color: #fbbf24; }

/* ---------- + New Project (primary black → white) ---------- */
html[data-theme="dark"] #new-project-btn {
  background: #f5f5f5;
  color: #0a0a0b;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 10px 22px rgba(0,0,0,0.5);
}
html[data-theme="dark"] #new-project-btn:hover { background: #ffffff; }
html[data-theme="dark"] #new-project-btn svg [stroke="#fff"],
html[data-theme="dark"] #new-project-btn svg [stroke="white"],
html[data-theme="dark"] #new-project-btn svg [stroke="#ffffff"] { stroke: #0a0a0b; }
html[data-theme="dark"] #new-project-btn svg [fill="#fff"],
html[data-theme="dark"] #new-project-btn svg [fill="white"],
html[data-theme="dark"] #new-project-btn svg [fill="#ffffff"] { fill: #0a0a0b; }

/* ---------- Status pills (dark text on tinted bg) ---------- */
html[data-theme="dark"] .status-pill.saved,
html[data-theme="dark"] .status-pill.imported,
html[data-theme="dark"] .status-pill.uploaded,
html[data-theme="dark"] .status-pill.complete,
html[data-theme="dark"] .status-pill.vod-ready,
html[data-theme="dark"] .status-pill.clipping,
html[data-theme="dark"] .status-pill.clipped,
html[data-theme="dark"] .status-pill.done { color: #5ff5cf; background: rgba(7,248,196,0.12); }
html[data-theme="dark"] .status-pill.saved:hover,
html[data-theme="dark"] .status-pill.imported:hover,
html[data-theme="dark"] .status-pill.uploaded:hover,
html[data-theme="dark"] .status-pill.complete:hover,
html[data-theme="dark"] .status-pill.vod-ready:hover,
html[data-theme="dark"] .status-pill.clipping:hover,
html[data-theme="dark"] .status-pill.done:hover { background: rgba(7,248,196,0.18); }
/* Progress fill: keep the green family but darker so #5ff5cf text stays legible */
html[data-theme="dark"] .status-pill.clipping .pipeline-progress-fill {
  background: linear-gradient(90deg, rgba(0,230,167,0.06) 0%, rgba(7,248,196,0.32) 100%);
}
html[data-theme="dark"] .status-pill.clipping .pipeline-progress-track.is-indeterminate .pipeline-progress-fill {
  background: linear-gradient(90deg, rgba(0,230,167,0) 0%, rgba(92,255,211,0.35) 50%, rgba(92,255,211,0) 100%);
}
html[data-theme="dark"] .status-pill.clipped {
  color: #5ff5cf;
  background: linear-gradient(90deg, rgba(0,230,167,0.06) 0%, rgba(7,248,196,0.32) 100%), rgba(7,248,196,0.12);
}
html[data-theme="dark"] .status-pill.clipped:hover {
  background: linear-gradient(90deg, rgba(0,230,167,0.06) 0%, rgba(7,248,196,0.32) 100%), rgba(7,248,196,0.18);
}
/* Search popup: Clipping / Clipped as in the cutlineprojects project viewer
   header (its css/dark.css) — flat green fill, plain green Clipped pill. */
html[data-theme="dark"] #search-popup .status-pill.clipping .pipeline-progress-fill,
html[data-theme="dark"] #search-popup .status-pill.clipping .pipeline-progress-track.is-indeterminate .pipeline-progress-fill {
  background: rgba(7,248,196,0.22);
}
html[data-theme="dark"] #search-popup .status-pill.clipped { color: #5ff5cf; background: rgba(7,248,196,0.12); }
html[data-theme="dark"] #search-popup .status-pill.clipped:hover { background: rgba(7,248,196,0.18); }
html[data-theme="dark"] .status-pill.in-progress,
html[data-theme="dark"] .status-pill.downloading,
html[data-theme="dark"] .status-pill.preparing,
html[data-theme="dark"] .status-pill.processing { color: #fbbf24; background: rgba(245,158,11,0.14); }
html[data-theme="dark"] .status-pill.in-progress:hover,
html[data-theme="dark"] .status-pill.downloading:hover,
html[data-theme="dark"] .status-pill.preparing:hover,
html[data-theme="dark"] .status-pill.processing:hover { background: rgba(245,158,11,0.2); }
html[data-theme="dark"] .status-pill.pending,
html[data-theme="dark"] .status-pill.draft,
html[data-theme="dark"] .status-pill.queued,
html[data-theme="dark"] .status-pill.no-vod { color: #d1d5db; background: rgba(156,163,175,0.12); }
html[data-theme="dark"] .status-pill.pending:hover,
html[data-theme="dark"] .status-pill.draft:hover,
html[data-theme="dark"] .status-pill.queued:hover,
html[data-theme="dark"] .status-pill.no-vod:hover { background: rgba(156,163,175,0.18); }
html[data-theme="dark"] .status-pill.review { color: #a5b4fc; background: rgba(99,102,241,0.16); }
html[data-theme="dark"] .status-pill.review:hover { background: rgba(99,102,241,0.22); }
html[data-theme="dark"] .status-pill.recording,
html[data-theme="dark"] .status-pill.live-pill { color: #fca5a5; background: rgba(239,68,68,0.14); }
html[data-theme="dark"] .status-pill.recording:hover,
html[data-theme="dark"] .status-pill.live-pill:hover { background: rgba(239,68,68,0.2); }
html[data-theme="dark"] .status-pill.transcribing { color: #7dd3fc; background: rgba(14,165,233,0.14); }
html[data-theme="dark"] .status-pill.transcribing:hover { background: rgba(14,165,233,0.2); }
html[data-theme="dark"] .status-pill.analyzing { color: #c4b5fd; background: rgba(139,92,246,0.16); }
html[data-theme="dark"] .status-pill.analyzing:hover { background: rgba(139,92,246,0.22); }
html[data-theme="dark"] .project-action-icon:hover { background-color: rgba(255,255,255,0.08) !important; }

/* ---------- Topbar avatar + profile popup ---------- */
html[data-theme="dark"] .topbar-profile-img { box-shadow: #1d1e22 0 0 0 2px, rgba(0,0,0,0.5) 0 10px 20px 0; }
html[data-theme="dark"] .user-profile-menu-item { color: #e5e7eb; }
html[data-theme="dark"] .user-profile-menu-item:hover { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .user-profile-menu-divider { background: rgba(255,255,255,0.07); }
html[data-theme="dark"] .invite-tip {
  background: #1c1d21; color: #f3f4f6; border-color: rgba(255,255,255,0.08);
  box-shadow: 0 6px 18px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .invite-tip::before { border-top-color: rgba(255,255,255,0.10); }
html[data-theme="dark"] .invite-tip::after { border-top-color: #1c1d21; }
html[data-theme="dark"] .profile-popup {
  background: rgba(24,25,29,0.78);
  box-shadow: 0 12px 40px rgba(0,0,0,0.6), rgba(255,255,255,0.06) 0 0 0 1px;
}
html[data-theme="dark"] .profile-popup.from-topbar { background: rgba(24,25,29,0.92); }
html[data-theme="dark"] .profile-popup-card { border-bottom-color: rgba(255,255,255,0.07); }
html[data-theme="dark"] .profile-popup-name,
html[data-theme="dark"] .profile-popup-balance { color: #f3f4f6; }
html[data-theme="dark"] .profile-popup-email,
html[data-theme="dark"] .profile-popup-plan-name,
html[data-theme="dark"] .profile-popup-usage { color: #9ca3af; }
html[data-theme="dark"] .profile-popup-upgrade { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .profile-popup-upgrade:hover { background: #ffffff; }
html[data-theme="dark"] .profile-popup-bar { background: #2a2c31; }
html[data-theme="dark"] .profile-popup-bar-fill { background: rgba(255,255,255,0.22); }
html[data-theme="dark"] .channels-plus-wrapper:hover .channels-plus-svg line { stroke: #fff !important; }

/* ---------- Link-channel input + settings inputs ---------- */
html[data-theme="dark"] .link-channel-input-bar {
  background: rgba(255,255,255,0.05);
  box-shadow: inset rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.3) 0 4px 12px;
}
html[data-theme="dark"] .link-channel-input-bar:focus-within,
html[data-theme="dark"] .link-channel-input-bar.valid {
  box-shadow: 0 0 0 1px rgba(87,243,195,0.35), 0 8px 28px rgba(87,243,195,0.12), inset 0 0 0 1px rgba(255,255,255,0.06);
}
html[data-theme="dark"] .link-channel-input { color: #f3f4f6; }
html[data-theme="dark"] .link-channel-input::placeholder,
html[data-theme="dark"] .settings-input::placeholder { color: #6b7280; }
html[data-theme="dark"] .settings-input { background: rgba(255,255,255,0.05); border-color: #2a2c31; color: #f3f4f6; }
html[data-theme="dark"] .settings-input:disabled { background: rgba(255,255,255,0.03); color: #6b7280; }

/* ---------- Import preview ---------- */
html[data-theme="dark"] .import-back-btn { background: rgba(255,255,255,0.06); color: #d1d5db; }
html[data-theme="dark"] .import-back-btn:hover { background: rgba(255,255,255,0.1); }
html[data-theme="dark"] .import-preview-title { color: #f3f4f6; }
html[data-theme="dark"] .import-preview-subtitle { color: #9ca3af; }
html[data-theme="dark"] .import-stream-name { color: #f3f4f6; }
html[data-theme="dark"] .import-stream-name:hover,
html[data-theme="dark"] .import-stream-name:focus,
html[data-theme="dark"] .import-streamer-row .import-streamer-input:hover,
html[data-theme="dark"] .import-streamer-row .import-streamer-input:focus { border-bottom-color: #3a3c43; }
html[data-theme="dark"] .import-streamer-row .import-streamer-input { color: #d1d5db; }
html[data-theme="dark"] .import-streamer-row .import-streamer-input::placeholder { color: #6b7280; }
html[data-theme="dark"] .import-platform-badge { color: #9ca3af; }
html[data-theme="dark"] .import-archive-option,
html[data-theme="dark"] .import-upload-progress { background: rgba(255,255,255,0.04); border-color: #2a2c31; }
html[data-theme="dark"] .import-toggle-slider { background: #3a3c43; }
html[data-theme="dark"] .import-toggle-slider::before { background: #f3f4f6; }
html[data-theme="dark"] .import-toggle-input:checked + .import-toggle-slider { background: #10b981; }
html[data-theme="dark"] .import-toggle-text,
html[data-theme="dark"] .import-progress-label span,
html[data-theme="dark"] .import-checkbox-label { color: #d1d5db; }
html[data-theme="dark"] .import-archive-hint { color: #6b7280; }
html[data-theme="dark"] .import-progress-percent { color: #9ca3af !important; }
html[data-theme="dark"] .import-progress-bar,
html[data-theme="dark"] .progress-bar { background: #2a2c31; }
html[data-theme="dark"] .progress-text { color: #9ca3af; }
html[data-theme="dark"] .import-preview-footer,
html[data-theme="dark"] .import-actions { border-top-color: #2a2c31; }
/* Primary black buttons → white (the second .import-back-btn definition —
   solid #111 — is the one that wins in light, so mirror that). */
html[data-theme="dark"] .import-btn,
html[data-theme="dark"] .import-back-btn,
html[data-theme="dark"] .import-confirm-btn,
html[data-theme="dark"] .import-addch-btn {
  background: #f5f5f5;
  color: #0a0a0b;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 10px 22px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .import-btn:hover,
html[data-theme="dark"] .import-back-btn:hover,
html[data-theme="dark"] .import-confirm-btn:hover,
html[data-theme="dark"] .import-addch-btn:hover:not(:disabled) { background: #ffffff; }
html[data-theme="dark"] .import-btn:disabled { background: #3a3c43; color: #9ca3af; box-shadow: none; }
html[data-theme="dark"] .tw-ads-tip {
  background: linear-gradient(to bottom, #1d1e22 0%, #161719 8%, #161719 25%, #161719 100%);
  border-color: rgba(255,255,255,0.06);
  box-shadow: inset rgba(255,255,255,0.07) 0 0 0 1px, inset rgba(255,255,255,0.05) 0 1px 0 0, rgba(0,0,0,0.55) 0 5px 15px 0;
  color: #9ca3af;
}
html[data-theme="dark"] .tw-ads-tip-icon { color: #9ca3af; }
html[data-theme="dark"] .tw-ads-tip-text strong { color: #f3f4f6; }
html[data-theme="dark"] .tw-ads-tip-close { color: #6b7280; }
html[data-theme="dark"] .tw-ads-tip-close:hover { background: rgba(255,255,255,0.06); color: #d1d5db; }
html[data-theme="dark"] .import-addch {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  border-color: rgba(255,255,255,0.06);
  box-shadow: inset rgba(255,255,255,0.05) 0 0 0 1px, rgba(0,0,0,0.4) 0 8px 18px;
}
html[data-theme="dark"] .import-addch-text { color: #9ca3af; }
html[data-theme="dark"] .import-addch-text strong { color: #f3f4f6; }
html[data-theme="dark"] .import-addch.is-done .import-addch-btn { background: rgba(7,248,196,0.12); color: #5ff5cf; box-shadow: none; }
html[data-theme="dark"] .import-back-spinner { border-color: rgba(10,10,11,0.2); border-top-color: #0a0a0b; }
html[data-theme="dark"] .import-back-spinner.is-on-dark { border-color: rgba(10,10,11,0.2); border-top-color: #0a0a0b; }

/* ---------- Live popup / misc ---------- */
html[data-theme="dark"] .lp-ctrl-btn:hover { background: rgba(48,49,55,0.95) !important; }
html[data-theme="dark"] .fade-overlay { background: #0a0a0b; }

@media (max-width: 820px) {
  html[data-theme="dark"] #settings-popup > div > div:first-child { border-bottom-color: rgba(255,255,255,0.07); }
}
@media (max-width: 820px) and (pointer: coarse) and (hover: none) {
  html[data-theme="dark"] #mobile-scrim { background: rgba(10,10,11,0.5); }
}

/* ---------- Mobile gate ---------- */
@media (max-width: 950px) and (pointer: coarse) and (hover: none) {
  html[data-theme="dark"] body:not(.mobile-gate-dismissed) #mobile-gate { background: #0a0a0b; }
}
html[data-theme="dark"] .mg-title { color: #f9fafb; }
html[data-theme="dark"] .mg-body,
html[data-theme="dark"] .mg-status { color: #9ca3af; }
html[data-theme="dark"] .mg-body strong { color: #e5e7eb; }
html[data-theme="dark"] .mg-soon { color: #5ff5cf; }
html[data-theme="dark"] .mg-email-btn { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .mg-email-btn:hover { background: #fff; }
html[data-theme="dark"] .mg-status.is-sent { color: #5ff5cf; }
html[data-theme="dark"] .mg-continue { color: #6b7280; }
html[data-theme="dark"] .mg-continue:hover { color: #9ca3af; }

/* ---------- New project: stream select / clip step ---------- */
html[data-theme="dark"] .clip-source-toggle { color: #9ca3af; }
html[data-theme="dark"] .clip-source-toggle:hover { color: #f3f4f6; background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .clip-input-bar {
  background: rgba(28,29,33,0.82);
  box-shadow: rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.5) 0 10px 20px 0;
}
html[data-theme="dark"] .clip-input-bar:hover { background-color: rgba(34,35,40,0.9); }
html[data-theme="dark"] .clip-input-bar:focus-within,
html[data-theme="dark"] .clip-input-bar.valid {
  box-shadow: 0 0 0 1px rgba(87,243,195,0.35), 0 8px 28px rgba(87,243,195,0.12), inset 0 0 0 1px rgba(255,255,255,0.06);
}
html[data-theme="dark"] .clip-search-icon { filter: invert(1); }
html[data-theme="dark"] .clip-link-input { color: #f3f4f6; }
html[data-theme="dark"] .clip-link-input::placeholder { color: #6b7280; }
html[data-theme="dark"] .clip-or-text,
html[data-theme="dark"] .clip-divider-text { color: #6b7280; }
html[data-theme="dark"] .clip-upload-btn,
html[data-theme="dark"] .clip-select-btn { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .clip-upload-btn:hover { background: #ffffff; }
html[data-theme="dark"] .new-project-header-icon {
  background: rgba(255,255,255,0.05); border-color: #2a2c31; color: #f3f4f6; box-shadow: rgba(0,0,0,0.4) 0 4px 12px 0;
}
html[data-theme="dark"] .input-channel-card {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  border-color: #2a2c31;
  box-shadow: inset rgba(255,255,255,0.04) 0 0 0 1px;
}
html[data-theme="dark"] .input-channel-card:hover { border-color: #3f4249; }
html[data-theme="dark"] .input-channel-card:active { border-color: #6b7280; }
html[data-theme="dark"] .input-channel-card.active { border-color: #e5e7eb; background: linear-gradient(to bottom, #26272c, #1d1e22); }
html[data-theme="dark"] .input-channel-profile { box-shadow: 0 2px 8px rgba(0,0,0,0.5); }
html[data-theme="dark"] .input-channel-name { color: #f3f4f6; }
html[data-theme="dark"] .input-channel-handle { color: #9ca3af; }
html[data-theme="dark"] .input-channel-platform { color: #6b7280; }
html[data-theme="dark"] .clip-divider-line { background: #2a2c31; }
html[data-theme="dark"] .clip-title,
html[data-theme="dark"] .clip-stream-title { color: #f3f4f6; }
html[data-theme="dark"] .clip-sub,
html[data-theme="dark"] .clip-meta { color: #9ca3af; }
html[data-theme="dark"] .clip-close { border-color: #2a2c31; background: rgba(255,255,255,0.04); color: #d1d5db; }
html[data-theme="dark"] .clip-stream-list::before { background: linear-gradient(to bottom, rgba(24,25,29,1) 0%, rgba(24,25,29,0) 100%); }
html[data-theme="dark"] .clip-stream-list::after { background: linear-gradient(to top, rgba(24,25,29,1) 0%, rgba(24,25,29,0) 100%); }
html[data-theme="dark"] .clip-stream:hover,
html[data-theme="dark"] .clip-stream.selected { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .clip-thumb { background: #1c1d21; }
html[data-theme="dark"] .clip-platform { border-color: #2f3137; background: rgba(255,255,255,0.05); color: #d1d5db; }
html[data-theme="dark"] .skeleton-thumb,
html[data-theme="dark"] .skeleton-title,
html[data-theme="dark"] .skeleton-meta,
html[data-theme="dark"] .skeleton-platform {
  background: linear-gradient(90deg, #1c1d21 25%, #26282d 50%, #1c1d21 75%);
  background-size: 200% 100%;
}
html[data-theme="dark"] .tooltip-trigger { background: #2a2c31; color: #9ca3af; }
html[data-theme="dark"] .tooltip-trigger:hover { color: #0a0a0b; }
html[data-theme="dark"] .tooltip-popup {
  border-color: #2a2c31; color: #e5e7eb; background: rgba(24,25,29,0.9);
  box-shadow: 0 10px 25px rgba(0,0,0,0.55);
}

/* ---------- Settings popup: training library, tabs, channels ---------- */
html[data-theme="dark"] .ws-skel { background: linear-gradient(90deg, #1c1d21 25%, #26282d 50%, #1c1d21 75%); background-size: 200% 100%; }
html[data-theme="dark"] .tl-card,
html[data-theme="dark"] .channel-card,
html[data-theme="dark"] .skeleton-channel-card,
html[data-theme="dark"] .ca-card,
html[data-theme="dark"] .ca-credentials {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  border-color: rgba(255,255,255,0.06);
  box-shadow: inset rgba(255,255,255,0.04) 0 0 0 1px, rgba(0,0,0,0.4) 0 8px 18px;
}
html[data-theme="dark"] .tl-card-name,
html[data-theme="dark"] .channel-name,
html[data-theme="dark"] .ca-cred-title { color: #f3f4f6; }
html[data-theme="dark"] .tl-card-text,
html[data-theme="dark"] .channel-handle,
html[data-theme="dark"] .ca-label,
html[data-theme="dark"] .ca-cred-sub,
html[data-theme="dark"] .ca-cred-msg { color: #9ca3af; }
html[data-theme="dark"] .tl-card-chip { color: #d1d5db; background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .tl-card-meta,
html[data-theme="dark"] .ca-at { color: #6b7280; }
html[data-theme="dark"] .tl-dot.is-off::before { background: #4b4e56; box-shadow: 0 0 0 3px rgba(75,78,86,0.3); }
html[data-theme="dark"] .tl-expand { color: #6b7280; }
html[data-theme="dark"] .tl-expand:hover { background: rgba(255,255,255,0.06); color: #d1d5db; }
html[data-theme="dark"] .tl-delete-btn { border-color: #2a2c31; background: rgba(255,255,255,0.04); color: #9ca3af; }
html[data-theme="dark"] .tl-delete-btn:hover,
html[data-theme="dark"] .channel-disconnect-btn:hover,
html[data-theme="dark"] .channel-menu-item.danger:hover { background: rgba(239,68,68,0.12); border-color: rgba(239,68,68,0.4); color: #f87171; }
html[data-theme="dark"] .settings-tab:hover,
html[data-theme="dark"] .settings-tab.active { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] #settings-popup .settings-tab.active { color: #f9fafb !important; }
html[data-theme="dark"] #save-settings-btn:hover:not(:disabled),
html[data-theme="dark"] #new-channel-btn:hover,
html[data-theme="dark"] #link-channel-back-btn:hover,
html[data-theme="dark"] #clipping-back-btn:hover { background: #ffffff !important; }
html[data-theme="dark"] #add-channel-btn:not(:disabled):hover { background: #ffffff !important; }
html[data-theme="dark"] #settings-name:focus,
html[data-theme="dark"] #settings-phone:focus { border-color: #3f4249 !important; }
html[data-theme="dark"] .channel-platform-icon-wrapper { border-color: #2a2c31; background: rgba(255,255,255,0.04); }
html[data-theme="dark"] .channel-disconnect-btn { border-color: #2a2c31; color: #f87171; }
html[data-theme="dark"] .channel-reconnect-btn { background: #f5f5f5; color: #0a0a0b; border-color: transparent; }
html[data-theme="dark"] .channel-menu-btn { background: rgba(28,29,33,0.82); border-color: rgba(255,255,255,0.08); color: #d1d5db; }
html[data-theme="dark"] .channel-menu-btn:hover { background: rgba(38,39,44,0.95); }
html[data-theme="dark"] .channel-menu-dropdown,
html[data-theme="dark"] .new-channel-dropdown {
  background: rgba(24,25,29,0.94);
  border-color: #2a2c31;
  box-shadow: 0 10px 25px rgba(0,0,0,0.55);
}
html[data-theme="dark"] .channel-menu-item { color: #d1d5db; }
html[data-theme="dark"] .channel-menu-item:hover { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .channel-menu-item.danger { color: #f87171; }
html[data-theme="dark"] .channel-handle.clip-status-requested { color: #6b7280; }
html[data-theme="dark"] .channel-handle.clip-status-fixing { color: #fbbf24; }
html[data-theme="dark"] .ca-avatar { background: #2a2c31; }
html[data-theme="dark"] .ca-avatar-btn,
html[data-theme="dark"] .ca-copy,
html[data-theme="dark"] .ca-platform { background: rgba(255,255,255,0.05); color: #d1d5db; border-color: #2a2c31; }
html[data-theme="dark"] .ca-avatar-btn:hover,
html[data-theme="dark"] .ca-copy:hover { background: rgba(255,255,255,0.09); }
html[data-theme="dark"] .ca-platform { color: #9ca3af; }
html[data-theme="dark"] .ca-platform.selected { border-color: #e5e7eb; color: #f3f4f6; }
html[data-theme="dark"] .ca-error { color: #f87171; }
html[data-theme="dark"] .ca-avail { color: #9ca3af; }
html[data-theme="dark"] .ca-avail-line.ok { color: #34d399; }
html[data-theme="dark"] .ca-avail-line.taken { color: #f87171; }
html[data-theme="dark"] .ca-submit { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .ca-submit:disabled { background: #2a2c31; color: #6b7280; }
html[data-theme="dark"] .ca-confirm { background: rgba(7,248,196,0.1); color: #5ff5cf; }
html[data-theme="dark"] .ca-warning { background: rgba(245,158,11,0.12); color: #fbbf24; }
html[data-theme="dark"] .ca-cred-bar { background: rgba(255,255,255,0.05); border-color: #2a2c31; }
html[data-theme="dark"] .ca-cred-bar:focus-visible { box-shadow: 0 0 0 2px #e5e7eb; }
html[data-theme="dark"] .ca-cred-dots { color: #6b7280; }
html[data-theme="dark"] .ca-cred-hint,
html[data-theme="dark"] .ca-cred-bar.revealed .ca-cred-val { color: #f3f4f6; }
html[data-theme="dark"] .ca-cred-bar.loading .ca-cred-hint { color: #9ca3af; }
html[data-theme="dark"] .dropdown-option { color: #e5e7eb; }
html[data-theme="dark"] .dropdown-option:hover { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .dropdown-option svg { color: #9ca3af; }
html[data-theme="dark"] .dropdown-option:hover svg { color: #f3f4f6; }
html[data-theme="dark"] .option-tooltip { color: #6b7280; }
html[data-theme="dark"] .option-tooltip:hover { color: #9ca3af; }
html[data-theme="dark"] .tooltip-text,
html[data-theme="dark"] .tooltip-text::after { background: #2a2c31; color: #f3f4f6; }
html[data-theme="dark"] .sidebar-channel-dropdown {
  background: rgba(24,25,29,0.86);
  border-color: #2a2c31;
  box-shadow: 0 10px 25px rgba(0,0,0,0.55);
}
html[data-theme="dark"] .skeleton { background: linear-gradient(90deg, #1c1d21 0px, #26282d 40px, #1c1d21 80px); background-size: 200px 100%; }
html[data-theme="dark"] .platform-btn {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  border-color: #2a2c31;
  color: #f3f4f6;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
html[data-theme="dark"] .platform-btn:hover:not(.disabled) { border-color: #4b4e56; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
html[data-theme="dark"] .platform-btn.disabled { background: rgba(255,255,255,0.03); }
html[data-theme="dark"] .platform-coming-soon-tooltip {
  background: #1c1d21; color: #f3f4f6; border-color: #2a2c31; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

/* ---------- Report-a-bug panel ---------- */
html[data-theme="dark"] #bug-panel {
  background: rgba(24,25,29,0.94);
  box-shadow: rgba(255,255,255,0.08) 0 0 0 1px, rgba(0,0,0,0.6) 0 10px 34px 0;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
html[data-theme="dark"] .bug-head { color: #f3f4f6; }
html[data-theme="dark"] .bug-x { border-color: #2a2c31; background: rgba(28,29,33,0.82); color: rgba(229,231,235,0.8); box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
html[data-theme="dark"] .bug-x:hover { background: rgba(38,39,44,0.95); }
html[data-theme="dark"] #bug-text { background: rgba(255,255,255,0.05); border-color: #2a2c31; color: #f3f4f6; }
html[data-theme="dark"] #bug-text::placeholder { color: #6b7280; }
html[data-theme="dark"] #bug-text:focus { border-color: #3f4249; box-shadow: 0 0 0 3px rgba(255,255,255,0.04); }
html[data-theme="dark"] .bug-btn { background: rgba(255,255,255,0.04); border-color: #2a2c31; color: #e5e7eb; }
html[data-theme="dark"] .bug-btn:hover { background: rgba(255,255,255,0.08); }
html[data-theme="dark"] .bug-btn svg { color: #9ca3af; }
html[data-theme="dark"] .bug-chip { background: rgba(255,255,255,0.04); color: #d1d5db; }
html[data-theme="dark"] .bug-chip code,
html[data-theme="dark"] #bug-status { color: #9ca3af; }
html[data-theme="dark"] .bug-chip button { color: #6b7280; }
html[data-theme="dark"] .bug-chip button:hover { color: #f3f4f6; }
html[data-theme="dark"] #bug-status.err { color: #f87171; }
html[data-theme="dark"] #bug-send { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] #bug-send:hover { background: #ffffff; }
html[data-theme="dark"] #bug-pick-hint { background: #f5f5f5; color: #0a0a0b; }

/* ---------- Agent chat panel (agent/agent-panel.css) ---------- */
html[data-theme="dark"] .ap-panel { color: #f3f4f6; }
html[data-theme="dark"] .ap-box {
  background: rgba(24,25,29,0.82);
  border-color: rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 48px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .ap-box::before {
  background: linear-gradient(to bottom, rgba(24,25,29,0.92) 0%, rgba(24,25,29,0.78) 45%, rgba(24,25,29,0) 100%);
}
html[data-theme="dark"] .ap-close,
html[data-theme="dark"] .ap-iconbtn {
  border-color: #2a2c31; background: rgba(28,29,33,0.82); color: rgba(229,231,235,0.8); box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .ap-close:hover,
html[data-theme="dark"] .ap-iconbtn:hover { background: rgba(38,39,44,0.95); }
html[data-theme="dark"] .ap-back,
html[data-theme="dark"] .ap-new { border: 0; background: transparent; box-shadow: none; }
html[data-theme="dark"] .ap-back { color: #f3f4f6; }
html[data-theme="dark"] .ap-back:hover,
html[data-theme="dark"] .ap-new:hover { background: transparent; }
html[data-theme="dark"] .ap-new,
html[data-theme="dark"] .ap-new:hover,
html[data-theme="dark"] .ap-new-label,
html[data-theme="dark"] .ap-title-suffix,
html[data-theme="dark"] .ap-sec-plus { color: #9ca3af; }
html[data-theme="dark"] .ap-empty,
html[data-theme="dark"] .ap-list-empty,
html[data-theme="dark"] .ap-thread-time,
html[data-theme="dark"] .ap-section { color: #6b7280; }
html[data-theme="dark"] .ap-empty-spark,
html[data-theme="dark"] .ap-title,
html[data-theme="dark"] .ap-title-icon { color: #f3f4f6; }
html[data-theme="dark"] .ap-msg-user { background: rgba(255,255,255,0.07); color: #f3f4f6; }
html[data-theme="dark"] .ap-msg-agent { color: #e5e7eb; }
html[data-theme="dark"] .ap-pill { border-color: #2f3137; background: rgba(255,255,255,0.05); color: #f3f4f6; box-shadow: none; }
html[data-theme="dark"] .ap-pill:hover { background: rgba(255,255,255,0.09); border-color: #3f4249; }
html[data-theme="dark"] .ap-ts { background: rgba(255,255,255,0.08); color: #f3f4f6; }
html[data-theme="dark"] .ap-ts:hover { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .ap-thinking,
html[data-theme="dark"] .ap-embed-loading {
  background: linear-gradient(90deg, #6b7280 0%, #6b7280 35%, #f3f4f6 50%, #6b7280 65%, #6b7280 100%);
  background-size: 200% auto; -webkit-background-clip: text; background-clip: text;
}
html[data-theme="dark"] .ap-confirm { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.07); }
html[data-theme="dark"] .ap-confirm-text { color: #f3f4f6; }
html[data-theme="dark"] .ap-confirm-cost { color: #9ca3af; }
html[data-theme="dark"] .ap-choice { background: rgba(255,255,255,0.04); border-color: #2f3137; color: #f3f4f6; }
html[data-theme="dark"] .ap-choice span { color: #9ca3af; }
html[data-theme="dark"] .ap-choice:hover { background: rgba(255,255,255,0.08); border-color: #3f4249; }
html[data-theme="dark"] .ap-choice.is-primary { border-color: rgba(7,248,196,.55); box-shadow: 0 0 0 1px rgba(7,248,196,.25); }
html[data-theme="dark"] .ap-btn-primary { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .ap-btn-primary:hover { background: #ffffff; }
html[data-theme="dark"] .ap-btn-ghost { color: #9ca3af; }
html[data-theme="dark"] .ap-btn-ghost:hover { color: #f3f4f6; }
html[data-theme="dark"] .ap-bar {
  background: rgba(28,29,33,0.86);
  border-color: rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 12px 32px rgba(0,0,0,0.55), 0 1px 3px rgba(0,0,0,0.3);
}
html[data-theme="dark"] .ap-input { color: #f3f4f6; }
html[data-theme="dark"] .ap-input::placeholder { color: #6b7280; }
html[data-theme="dark"] .ap-send { background: #f5f5f5; color: #0a0a0b; box-shadow: 0 2px 6px rgba(0,0,0,0.5); }
html[data-theme="dark"] .ap-auto {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  border-color: rgba(255,255,255,0.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 4px 12px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .ap-auto:hover { background: linear-gradient(to bottom, #26272c, #1f2024); }
html[data-theme="dark"] .ap-auto-pfps > img,
html[data-theme="dark"] .ap-auto-pfps > span:not(.ap-ava),
html[data-theme="dark"] .ap-ava img,
html[data-theme="dark"] .ap-ava-blank,
html[data-theme="dark"] .ap-dd-pfp-blank { background: rgba(255,255,255,0.08); }
html[data-theme="dark"] .ap-auto-text b,
html[data-theme="dark"] .ap-thread-title { color: #f3f4f6; }
html[data-theme="dark"] .ap-auto-text span,
html[data-theme="dark"] .ap-thread-prev { color: #9ca3af; }
html[data-theme="dark"] .ap-thread:hover { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .ap-dd {
  background: rgba(24,25,29,0.88);
  box-shadow: 0 22px 70px rgba(0,0,0,0.6), rgba(255,255,255,0.06) 0 0 0 1px;
}
html[data-theme="dark"] .ap-dd.ap-auto-menu { background: #1c1d21; box-shadow: 0 12px 40px rgba(0,0,0,0.6), rgba(255,255,255,0.06) 0 0 0 1px; }
html[data-theme="dark"] .ap-dd-opt { color: #e5e7eb; }
html[data-theme="dark"] .ap-dd-opt:hover { background-color: rgba(255,255,255,0.06); }
html[data-theme="dark"] .ap-dd-plat { color: #6b7280; }
html[data-theme="dark"] .ap-dd-check { box-shadow: inset 0 0 0 1.5px #4b4e56; }
html[data-theme="dark"] .ap-dd-opt.is-picked .ap-dd-check {
  background: #f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/9px no-repeat;
}
html[data-theme="dark"] .ap-dd-multi-btn { color: #9ca3af; }
html[data-theme="dark"] .ap-dd-multi-btn:hover { color: #f3f4f6; }
html[data-theme="dark"] .ap-dd-multi-btn.is-done { color: #0a0a0b; background: #f5f5f5; }
html[data-theme="dark"] .ap-auto-more { color: #9ca3af; }
html[data-theme="dark"] .ap-auto-more:hover { color: #f3f4f6; }
html[data-theme="dark"] .ap-dd-opt.is-danger,
html[data-theme="dark"] .ap-dd-opt.is-danger .ap-dd-label,
html[data-theme="dark"] .ap-auto-menu .ap-dd-opt.is-danger .ap-opt-icon { color: #f87171; }
html[data-theme="dark"] .ap-dd-opt.is-danger:hover { background-color: rgba(239,68,68,0.12); }
html[data-theme="dark"] .ap-dd-confirm { color: #d1d5db; }
html[data-theme="dark"] .ap-plat-badge { background: #000; border-color: #1c1d21; }
html[data-theme="dark"] .ap-opt-icon { color: #e5e7eb; }
html[data-theme="dark"] .ap-link { color: #f3f4f6; }
html[data-theme="dark"] .ap-link:hover { color: #fff; }

/* ---------- Automated channel settings (agent/automation-settings.css) ---------- */
html[data-theme="dark"] .as-panel {
  background-color: rgba(24,25,29,0.86);
  box-shadow: rgba(0,0,0,0.6) 0 16px 48px 0, rgba(255,255,255,0.06) 0 0 0 1px;
}
html[data-theme="dark"] .as-head { border-bottom-color: rgba(255,255,255,0.06); }
html[data-theme="dark"] .as-title,
html[data-theme="dark"] .as-who-text b,
html[data-theme="dark"] .as-lesson-name,
html[data-theme="dark"] .as-block-body b { color: #f3f4f6; }
html[data-theme="dark"] .as-sub,
html[data-theme="dark"] .as-label,
html[data-theme="dark"] .as-lesson-text,
html[data-theme="dark"] .as-who-text span { color: #9ca3af; }
html[data-theme="dark"] .as-section-title,
html[data-theme="dark"] .as-count,
html[data-theme="dark"] .as-detail,
html[data-theme="dark"] .as-lnote,
html[data-theme="dark"] .as-empty,
html[data-theme="dark"] .as-loading { color: #6b7280; }
html[data-theme="dark"] .as-close {
  border-color: #2a2c31; background: rgba(28,29,33,0.82); color: rgba(229,231,235,0.8); box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
html[data-theme="dark"] .as-close:hover { background: rgba(38,39,44,0.95); }
html[data-theme="dark"] .as-item {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  box-shadow: inset rgba(255,255,255,0.06) 0 0 0 1px, rgba(0,0,0,0.4) 0 4px 14px;
}
html[data-theme="dark"] .as-ava { background: #2a2c31; }
html[data-theme="dark"] .as-plat { background: #000; border-color: #1c1d21; }
html[data-theme="dark"] .as-pill { border-color: #2f3137; background: rgba(255,255,255,0.05); color: #d1d5db; }
html[data-theme="dark"] .as-pill:hover { background: rgba(255,255,255,0.09); }
html[data-theme="dark"] .as-x { color: #6b7280; }
html[data-theme="dark"] .as-x:hover,
html[data-theme="dark"] .as-x.is-confirm { background: rgba(239,68,68,0.12); color: #f87171; }
html[data-theme="dark"] .as-settings { border-top-color: rgba(255,255,255,0.06); }
html[data-theme="dark"] .as-trigger { border-color: #2a2c31; background: rgba(255,255,255,0.05); color: #f3f4f6; }
html[data-theme="dark"] .as-menu { background: #1c1d21; box-shadow: 0 18px 50px rgba(0,0,0,0.6), rgba(255,255,255,0.06) 0 0 0 1px; }
html[data-theme="dark"] .as-opt { color: #e5e7eb; }
html[data-theme="dark"] .as-opt:hover { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .as-opt.is-sel { background: rgba(255,255,255,0.08); }
html[data-theme="dark"] .as-lesson {
  background: linear-gradient(to bottom, #232429, #1c1d21);
  border-color: rgba(255,255,255,0.06);
  box-shadow: inset rgba(255,255,255,0.04) 0 0 0 1px, rgba(0,0,0,0.4) 0 8px 18px;
}
html[data-theme="dark"] .as-lesson-chip { color: #d1d5db; background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .as-dot.is-off::before { background: #4b4e56; box-shadow: 0 0 0 3px rgba(75,78,86,0.3); }
html[data-theme="dark"] .as-expand { color: #6b7280; }
html[data-theme="dark"] .as-expand:hover,
html[data-theme="dark"] .as-icon:hover { background: rgba(255,255,255,0.06); color: #f3f4f6; }
html[data-theme="dark"] .as-icon { color: #9ca3af; }
html[data-theme="dark"] .as-note { background: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .as-skeleton-row { background: linear-gradient(90deg, #1c1d21 25%, #26282d 50%, #1c1d21 75%); background-size: 200% 100%; }
html[data-theme="dark"] .as-block-body p { color: #d1d5db; }
html[data-theme="dark"] .as-btn { border-color: #2a2c31; background: rgba(255,255,255,0.05); color: #f3f4f6; }
html[data-theme="dark"] .as-btn:hover { background: rgba(255,255,255,0.09); }
html[data-theme="dark"] .as-btn-primary { background: #f5f5f5; border-color: #f5f5f5; color: #0a0a0b; }
html[data-theme="dark"] .as-btn-primary:hover { background: #ffffff; }

/* =====================================================================
   Inline-style remaps (generated from colour lists — edit as a block).
   index.html writes many colours straight into style="" (markup, JS
   template strings, el.style.x = …, which the browser re-serialises as
   rgb()). Attribute selectors + !important catch them in dark only.
   ===================================================================== */
html[data-theme="dark"] body [style^="color: #111" i],
html[data-theme="dark"] body [style*=" color: #111" i],
html[data-theme="dark"] body [style*=";color: #111" i],
html[data-theme="dark"] body [style^="color:#111" i],
html[data-theme="dark"] body [style*=" color:#111" i],
html[data-theme="dark"] body [style*=";color:#111" i],
html[data-theme="dark"] body [style^="color: #000" i],
html[data-theme="dark"] body [style*=" color: #000" i],
html[data-theme="dark"] body [style*=";color: #000" i],
html[data-theme="dark"] body [style^="color:#000" i],
html[data-theme="dark"] body [style*=" color:#000" i],
html[data-theme="dark"] body [style*=";color:#000" i],
html[data-theme="dark"] body [style^="color: #222" i],
html[data-theme="dark"] body [style*=" color: #222" i],
html[data-theme="dark"] body [style*=";color: #222" i],
html[data-theme="dark"] body [style^="color:#222" i],
html[data-theme="dark"] body [style*=" color:#222" i],
html[data-theme="dark"] body [style*=";color:#222" i],
html[data-theme="dark"] body [style^="color: #0f172a" i],
html[data-theme="dark"] body [style*=" color: #0f172a" i],
html[data-theme="dark"] body [style*=";color: #0f172a" i],
html[data-theme="dark"] body [style^="color:#0f172a" i],
html[data-theme="dark"] body [style*=" color:#0f172a" i],
html[data-theme="dark"] body [style*=";color:#0f172a" i],
html[data-theme="dark"] body [style^="color: black" i],
html[data-theme="dark"] body [style*=" color: black" i],
html[data-theme="dark"] body [style*=";color: black" i],
html[data-theme="dark"] body [style^="color:black" i],
html[data-theme="dark"] body [style*=" color:black" i],
html[data-theme="dark"] body [style*=";color:black" i],
html[data-theme="dark"] body [style^="color: rgb(17, 17, 17)" i],
html[data-theme="dark"] body [style*=" color: rgb(17, 17, 17)" i],
html[data-theme="dark"] body [style*=";color: rgb(17, 17, 17)" i],
html[data-theme="dark"] body [style^="color:rgb(17, 17, 17)" i],
html[data-theme="dark"] body [style*=" color:rgb(17, 17, 17)" i],
html[data-theme="dark"] body [style*=";color:rgb(17, 17, 17)" i],
html[data-theme="dark"] body [style^="color: rgb(17,17,17)" i],
html[data-theme="dark"] body [style*=" color: rgb(17,17,17)" i],
html[data-theme="dark"] body [style*=";color: rgb(17,17,17)" i],
html[data-theme="dark"] body [style^="color:rgb(17,17,17)" i],
html[data-theme="dark"] body [style*=" color:rgb(17,17,17)" i],
html[data-theme="dark"] body [style*=";color:rgb(17,17,17)" i],
html[data-theme="dark"] body [style^="color: rgb(0, 0, 0)" i],
html[data-theme="dark"] body [style*=" color: rgb(0, 0, 0)" i],
html[data-theme="dark"] body [style*=";color: rgb(0, 0, 0)" i],
html[data-theme="dark"] body [style^="color:rgb(0, 0, 0)" i],
html[data-theme="dark"] body [style*=" color:rgb(0, 0, 0)" i],
html[data-theme="dark"] body [style*=";color:rgb(0, 0, 0)" i],
html[data-theme="dark"] body [style^="color: rgb(17, 24, 39)" i],
html[data-theme="dark"] body [style*=" color: rgb(17, 24, 39)" i],
html[data-theme="dark"] body [style*=";color: rgb(17, 24, 39)" i],
html[data-theme="dark"] body [style^="color:rgb(17, 24, 39)" i],
html[data-theme="dark"] body [style*=" color:rgb(17, 24, 39)" i],
html[data-theme="dark"] body [style*=";color:rgb(17, 24, 39)" i],
html[data-theme="dark"] body [style^="color: rgb(34, 34, 34)" i],
html[data-theme="dark"] body [style*=" color: rgb(34, 34, 34)" i],
html[data-theme="dark"] body [style*=";color: rgb(34, 34, 34)" i],
html[data-theme="dark"] body [style^="color:rgb(34, 34, 34)" i],
html[data-theme="dark"] body [style*=" color:rgb(34, 34, 34)" i],
html[data-theme="dark"] body [style*=";color:rgb(34, 34, 34)" i],
html[data-theme="dark"] body [style^="color: rgba(15,23,42,.72)" i],
html[data-theme="dark"] body [style*=" color: rgba(15,23,42,.72)" i],
html[data-theme="dark"] body [style*=";color: rgba(15,23,42,.72)" i],
html[data-theme="dark"] body [style^="color:rgba(15,23,42,.72)" i],
html[data-theme="dark"] body [style*=" color:rgba(15,23,42,.72)" i],
html[data-theme="dark"] body [style*=";color:rgba(15,23,42,.72)" i] {
  color: #f3f4f6 !important;
}
html[data-theme="dark"] body [style^="color: #333" i],
html[data-theme="dark"] body [style*=" color: #333" i],
html[data-theme="dark"] body [style*=";color: #333" i],
html[data-theme="dark"] body [style^="color:#333" i],
html[data-theme="dark"] body [style*=" color:#333" i],
html[data-theme="dark"] body [style*=";color:#333" i],
html[data-theme="dark"] body [style^="color: #374151" i],
html[data-theme="dark"] body [style*=" color: #374151" i],
html[data-theme="dark"] body [style*=";color: #374151" i],
html[data-theme="dark"] body [style^="color:#374151" i],
html[data-theme="dark"] body [style*=" color:#374151" i],
html[data-theme="dark"] body [style*=";color:#374151" i],
html[data-theme="dark"] body [style^="color: #1f2937" i],
html[data-theme="dark"] body [style*=" color: #1f2937" i],
html[data-theme="dark"] body [style*=";color: #1f2937" i],
html[data-theme="dark"] body [style^="color:#1f2937" i],
html[data-theme="dark"] body [style*=" color:#1f2937" i],
html[data-theme="dark"] body [style*=";color:#1f2937" i],
html[data-theme="dark"] body [style^="color: #4b5563" i],
html[data-theme="dark"] body [style*=" color: #4b5563" i],
html[data-theme="dark"] body [style*=";color: #4b5563" i],
html[data-theme="dark"] body [style^="color:#4b5563" i],
html[data-theme="dark"] body [style*=" color:#4b5563" i],
html[data-theme="dark"] body [style*=";color:#4b5563" i],
html[data-theme="dark"] body [style^="color: rgb(51, 51, 51)" i],
html[data-theme="dark"] body [style*=" color: rgb(51, 51, 51)" i],
html[data-theme="dark"] body [style*=";color: rgb(51, 51, 51)" i],
html[data-theme="dark"] body [style^="color:rgb(51, 51, 51)" i],
html[data-theme="dark"] body [style*=" color:rgb(51, 51, 51)" i],
html[data-theme="dark"] body [style*=";color:rgb(51, 51, 51)" i],
html[data-theme="dark"] body [style^="color: rgb(55, 65, 81)" i],
html[data-theme="dark"] body [style*=" color: rgb(55, 65, 81)" i],
html[data-theme="dark"] body [style*=";color: rgb(55, 65, 81)" i],
html[data-theme="dark"] body [style^="color:rgb(55, 65, 81)" i],
html[data-theme="dark"] body [style*=" color:rgb(55, 65, 81)" i],
html[data-theme="dark"] body [style*=";color:rgb(55, 65, 81)" i],
html[data-theme="dark"] body [style^="color: rgb(31, 41, 55)" i],
html[data-theme="dark"] body [style*=" color: rgb(31, 41, 55)" i],
html[data-theme="dark"] body [style*=";color: rgb(31, 41, 55)" i],
html[data-theme="dark"] body [style^="color:rgb(31, 41, 55)" i],
html[data-theme="dark"] body [style*=" color:rgb(31, 41, 55)" i],
html[data-theme="dark"] body [style*=";color:rgb(31, 41, 55)" i],
html[data-theme="dark"] body [style^="color: rgb(75, 85, 99)" i],
html[data-theme="dark"] body [style*=" color: rgb(75, 85, 99)" i],
html[data-theme="dark"] body [style*=";color: rgb(75, 85, 99)" i],
html[data-theme="dark"] body [style^="color:rgb(75, 85, 99)" i],
html[data-theme="dark"] body [style*=" color:rgb(75, 85, 99)" i],
html[data-theme="dark"] body [style*=";color:rgb(75, 85, 99)" i] {
  color: #d1d5db !important;
}
html[data-theme="dark"] body [style^="color: #666" i],
html[data-theme="dark"] body [style*=" color: #666" i],
html[data-theme="dark"] body [style*=";color: #666" i],
html[data-theme="dark"] body [style^="color:#666" i],
html[data-theme="dark"] body [style*=" color:#666" i],
html[data-theme="dark"] body [style*=";color:#666" i],
html[data-theme="dark"] body [style^="color: #555" i],
html[data-theme="dark"] body [style*=" color: #555" i],
html[data-theme="dark"] body [style*=";color: #555" i],
html[data-theme="dark"] body [style^="color:#555" i],
html[data-theme="dark"] body [style*=" color:#555" i],
html[data-theme="dark"] body [style*=";color:#555" i],
html[data-theme="dark"] body [style^="color: #6b7280" i],
html[data-theme="dark"] body [style*=" color: #6b7280" i],
html[data-theme="dark"] body [style*=";color: #6b7280" i],
html[data-theme="dark"] body [style^="color:#6b7280" i],
html[data-theme="dark"] body [style*=" color:#6b7280" i],
html[data-theme="dark"] body [style*=";color:#6b7280" i],
html[data-theme="dark"] body [style^="color: rgb(77,86,99)" i],
html[data-theme="dark"] body [style*=" color: rgb(77,86,99)" i],
html[data-theme="dark"] body [style*=";color: rgb(77,86,99)" i],
html[data-theme="dark"] body [style^="color:rgb(77,86,99)" i],
html[data-theme="dark"] body [style*=" color:rgb(77,86,99)" i],
html[data-theme="dark"] body [style*=";color:rgb(77,86,99)" i],
html[data-theme="dark"] body [style^="color: rgb(77, 86, 99)" i],
html[data-theme="dark"] body [style*=" color: rgb(77, 86, 99)" i],
html[data-theme="dark"] body [style*=";color: rgb(77, 86, 99)" i],
html[data-theme="dark"] body [style^="color:rgb(77, 86, 99)" i],
html[data-theme="dark"] body [style*=" color:rgb(77, 86, 99)" i],
html[data-theme="dark"] body [style*=";color:rgb(77, 86, 99)" i],
html[data-theme="dark"] body [style^="color: rgb(102, 102, 102)" i],
html[data-theme="dark"] body [style*=" color: rgb(102, 102, 102)" i],
html[data-theme="dark"] body [style*=";color: rgb(102, 102, 102)" i],
html[data-theme="dark"] body [style^="color:rgb(102, 102, 102)" i],
html[data-theme="dark"] body [style*=" color:rgb(102, 102, 102)" i],
html[data-theme="dark"] body [style*=";color:rgb(102, 102, 102)" i],
html[data-theme="dark"] body [style^="color: rgb(85, 85, 85)" i],
html[data-theme="dark"] body [style*=" color: rgb(85, 85, 85)" i],
html[data-theme="dark"] body [style*=";color: rgb(85, 85, 85)" i],
html[data-theme="dark"] body [style^="color:rgb(85, 85, 85)" i],
html[data-theme="dark"] body [style*=" color:rgb(85, 85, 85)" i],
html[data-theme="dark"] body [style*=";color:rgb(85, 85, 85)" i],
html[data-theme="dark"] body [style^="color: rgb(107, 114, 128)" i],
html[data-theme="dark"] body [style*=" color: rgb(107, 114, 128)" i],
html[data-theme="dark"] body [style*=";color: rgb(107, 114, 128)" i],
html[data-theme="dark"] body [style^="color:rgb(107, 114, 128)" i],
html[data-theme="dark"] body [style*=" color:rgb(107, 114, 128)" i],
html[data-theme="dark"] body [style*=";color:rgb(107, 114, 128)" i] {
  color: #9ca3af !important;
}
html[data-theme="dark"] body [style^="color: #b91c1c" i],
html[data-theme="dark"] body [style*=" color: #b91c1c" i],
html[data-theme="dark"] body [style*=";color: #b91c1c" i],
html[data-theme="dark"] body [style^="color:#b91c1c" i],
html[data-theme="dark"] body [style*=" color:#b91c1c" i],
html[data-theme="dark"] body [style*=";color:#b91c1c" i],
html[data-theme="dark"] body [style^="color: #dc2626" i],
html[data-theme="dark"] body [style*=" color: #dc2626" i],
html[data-theme="dark"] body [style*=";color: #dc2626" i],
html[data-theme="dark"] body [style^="color:#dc2626" i],
html[data-theme="dark"] body [style*=" color:#dc2626" i],
html[data-theme="dark"] body [style*=";color:#dc2626" i],
html[data-theme="dark"] body [style^="color: #d32f2f" i],
html[data-theme="dark"] body [style*=" color: #d32f2f" i],
html[data-theme="dark"] body [style*=";color: #d32f2f" i],
html[data-theme="dark"] body [style^="color:#d32f2f" i],
html[data-theme="dark"] body [style*=" color:#d32f2f" i],
html[data-theme="dark"] body [style*=";color:#d32f2f" i],
html[data-theme="dark"] body [style^="color: rgb(185, 28, 28)" i],
html[data-theme="dark"] body [style*=" color: rgb(185, 28, 28)" i],
html[data-theme="dark"] body [style*=";color: rgb(185, 28, 28)" i],
html[data-theme="dark"] body [style^="color:rgb(185, 28, 28)" i],
html[data-theme="dark"] body [style*=" color:rgb(185, 28, 28)" i],
html[data-theme="dark"] body [style*=";color:rgb(185, 28, 28)" i],
html[data-theme="dark"] body [style^="color: rgb(220, 38, 38)" i],
html[data-theme="dark"] body [style*=" color: rgb(220, 38, 38)" i],
html[data-theme="dark"] body [style*=";color: rgb(220, 38, 38)" i],
html[data-theme="dark"] body [style^="color:rgb(220, 38, 38)" i],
html[data-theme="dark"] body [style*=" color:rgb(220, 38, 38)" i],
html[data-theme="dark"] body [style*=";color:rgb(220, 38, 38)" i] {
  color: #f87171 !important;
}
html[data-theme="dark"] body [style^="color: #047857" i],
html[data-theme="dark"] body [style*=" color: #047857" i],
html[data-theme="dark"] body [style*=";color: #047857" i],
html[data-theme="dark"] body [style^="color:#047857" i],
html[data-theme="dark"] body [style*=" color:#047857" i],
html[data-theme="dark"] body [style*=";color:#047857" i],
html[data-theme="dark"] body [style^="color: #065f46" i],
html[data-theme="dark"] body [style*=" color: #065f46" i],
html[data-theme="dark"] body [style*=";color: #065f46" i],
html[data-theme="dark"] body [style^="color:#065f46" i],
html[data-theme="dark"] body [style*=" color:#065f46" i],
html[data-theme="dark"] body [style*=";color:#065f46" i],
html[data-theme="dark"] body [style^="color: rgb(4, 120, 87)" i],
html[data-theme="dark"] body [style*=" color: rgb(4, 120, 87)" i],
html[data-theme="dark"] body [style*=";color: rgb(4, 120, 87)" i],
html[data-theme="dark"] body [style^="color:rgb(4, 120, 87)" i],
html[data-theme="dark"] body [style*=" color:rgb(4, 120, 87)" i],
html[data-theme="dark"] body [style*=";color:rgb(4, 120, 87)" i] {
  color: #5ff5cf !important;
}
html[data-theme="dark"] body [style*="background: #fff;" i],
html[data-theme="dark"] body [style$="background: #fff" i],
html[data-theme="dark"] body [style*="background:#fff;" i],
html[data-theme="dark"] body [style$="background:#fff" i],
html[data-theme="dark"] body [style*="background: #ffffff;" i],
html[data-theme="dark"] body [style$="background: #ffffff" i],
html[data-theme="dark"] body [style*="background:#ffffff;" i],
html[data-theme="dark"] body [style$="background:#ffffff" i],
html[data-theme="dark"] body [style*="background: white;" i],
html[data-theme="dark"] body [style$="background: white" i],
html[data-theme="dark"] body [style*="background:white;" i],
html[data-theme="dark"] body [style$="background:white" i],
html[data-theme="dark"] body [style*="background: #fcfcfc;" i],
html[data-theme="dark"] body [style$="background: #fcfcfc" i],
html[data-theme="dark"] body [style*="background:#fcfcfc;" i],
html[data-theme="dark"] body [style$="background:#fcfcfc" i],
html[data-theme="dark"] body [style*="background: rgb(255, 255, 255);" i],
html[data-theme="dark"] body [style$="background: rgb(255, 255, 255)" i],
html[data-theme="dark"] body [style*="background:rgb(255, 255, 255);" i],
html[data-theme="dark"] body [style$="background:rgb(255, 255, 255)" i],
html[data-theme="dark"] body [style*="background: rgb(255 255 255);" i],
html[data-theme="dark"] body [style$="background: rgb(255 255 255)" i],
html[data-theme="dark"] body [style*="background:rgb(255 255 255);" i],
html[data-theme="dark"] body [style$="background:rgb(255 255 255)" i],
html[data-theme="dark"] body [style*="background: rgb(252, 252, 252);" i],
html[data-theme="dark"] body [style$="background: rgb(252, 252, 252)" i],
html[data-theme="dark"] body [style*="background:rgb(252, 252, 252);" i],
html[data-theme="dark"] body [style$="background:rgb(252, 252, 252)" i],
html[data-theme="dark"] body [style*="background-color: #fff;" i],
html[data-theme="dark"] body [style$="background-color: #fff" i],
html[data-theme="dark"] body [style*="background-color:#fff;" i],
html[data-theme="dark"] body [style$="background-color:#fff" i],
html[data-theme="dark"] body [style*="background-color: #ffffff;" i],
html[data-theme="dark"] body [style$="background-color: #ffffff" i],
html[data-theme="dark"] body [style*="background-color:#ffffff;" i],
html[data-theme="dark"] body [style$="background-color:#ffffff" i],
html[data-theme="dark"] body [style*="background-color: white;" i],
html[data-theme="dark"] body [style$="background-color: white" i],
html[data-theme="dark"] body [style*="background-color:white;" i],
html[data-theme="dark"] body [style$="background-color:white" i],
html[data-theme="dark"] body [style*="background-color: #fcfcfc;" i],
html[data-theme="dark"] body [style$="background-color: #fcfcfc" i],
html[data-theme="dark"] body [style*="background-color:#fcfcfc;" i],
html[data-theme="dark"] body [style$="background-color:#fcfcfc" i],
html[data-theme="dark"] body [style*="background-color: rgb(255, 255, 255);" i],
html[data-theme="dark"] body [style$="background-color: rgb(255, 255, 255)" i],
html[data-theme="dark"] body [style*="background-color:rgb(255, 255, 255);" i],
html[data-theme="dark"] body [style$="background-color:rgb(255, 255, 255)" i],
html[data-theme="dark"] body [style*="background-color: rgb(255 255 255);" i],
html[data-theme="dark"] body [style$="background-color: rgb(255 255 255)" i],
html[data-theme="dark"] body [style*="background-color:rgb(255 255 255);" i],
html[data-theme="dark"] body [style$="background-color:rgb(255 255 255)" i],
html[data-theme="dark"] body [style*="background-color: rgb(252, 252, 252);" i],
html[data-theme="dark"] body [style$="background-color: rgb(252, 252, 252)" i],
html[data-theme="dark"] body [style*="background-color:rgb(252, 252, 252);" i],
html[data-theme="dark"] body [style$="background-color:rgb(252, 252, 252)" i] {
  background: #1c1d21 !important;
}
html[data-theme="dark"] body button[style*="background: #fff;" i],
html[data-theme="dark"] body button[style$="background: #fff" i],
html[data-theme="dark"] body button[style*="background:#fff;" i],
html[data-theme="dark"] body button[style$="background:#fff" i],
html[data-theme="dark"] body button[style*="background: #ffffff;" i],
html[data-theme="dark"] body button[style$="background: #ffffff" i],
html[data-theme="dark"] body button[style*="background:#ffffff;" i],
html[data-theme="dark"] body button[style$="background:#ffffff" i],
html[data-theme="dark"] body button[style*="background: white;" i],
html[data-theme="dark"] body button[style$="background: white" i],
html[data-theme="dark"] body button[style*="background:white;" i],
html[data-theme="dark"] body button[style$="background:white" i],
html[data-theme="dark"] body button[style*="background: #fcfcfc;" i],
html[data-theme="dark"] body button[style$="background: #fcfcfc" i],
html[data-theme="dark"] body button[style*="background:#fcfcfc;" i],
html[data-theme="dark"] body button[style$="background:#fcfcfc" i],
html[data-theme="dark"] body button[style*="background: rgb(255, 255, 255);" i],
html[data-theme="dark"] body button[style$="background: rgb(255, 255, 255)" i],
html[data-theme="dark"] body button[style*="background:rgb(255, 255, 255);" i],
html[data-theme="dark"] body button[style$="background:rgb(255, 255, 255)" i],
html[data-theme="dark"] body button[style*="background: rgb(255 255 255);" i],
html[data-theme="dark"] body button[style$="background: rgb(255 255 255)" i],
html[data-theme="dark"] body button[style*="background:rgb(255 255 255);" i],
html[data-theme="dark"] body button[style$="background:rgb(255 255 255)" i],
html[data-theme="dark"] body button[style*="background: rgb(252, 252, 252);" i],
html[data-theme="dark"] body button[style$="background: rgb(252, 252, 252)" i],
html[data-theme="dark"] body button[style*="background:rgb(252, 252, 252);" i],
html[data-theme="dark"] body button[style$="background:rgb(252, 252, 252)" i],
html[data-theme="dark"] body button[style*="background-color: #fff;" i],
html[data-theme="dark"] body button[style$="background-color: #fff" i],
html[data-theme="dark"] body button[style*="background-color:#fff;" i],
html[data-theme="dark"] body button[style$="background-color:#fff" i],
html[data-theme="dark"] body button[style*="background-color: #ffffff;" i],
html[data-theme="dark"] body button[style$="background-color: #ffffff" i],
html[data-theme="dark"] body button[style*="background-color:#ffffff;" i],
html[data-theme="dark"] body button[style$="background-color:#ffffff" i],
html[data-theme="dark"] body button[style*="background-color: white;" i],
html[data-theme="dark"] body button[style$="background-color: white" i],
html[data-theme="dark"] body button[style*="background-color:white;" i],
html[data-theme="dark"] body button[style$="background-color:white" i],
html[data-theme="dark"] body button[style*="background-color: #fcfcfc;" i],
html[data-theme="dark"] body button[style$="background-color: #fcfcfc" i],
html[data-theme="dark"] body button[style*="background-color:#fcfcfc;" i],
html[data-theme="dark"] body button[style$="background-color:#fcfcfc" i],
html[data-theme="dark"] body button[style*="background-color: rgb(255, 255, 255);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(255, 255, 255)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(255, 255, 255);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(255, 255, 255)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(255 255 255);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(255 255 255)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(255 255 255);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(255 255 255)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(252, 252, 252);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(252, 252, 252)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(252, 252, 252);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(252, 252, 252)" i] {
  background: rgba(255,255,255,0.05) !important;
}
html[data-theme="dark"] body [style*="background: #fafafa;" i],
html[data-theme="dark"] body [style$="background: #fafafa" i],
html[data-theme="dark"] body [style*="background:#fafafa;" i],
html[data-theme="dark"] body [style$="background:#fafafa" i],
html[data-theme="dark"] body [style*="background: #f9fafb;" i],
html[data-theme="dark"] body [style$="background: #f9fafb" i],
html[data-theme="dark"] body [style*="background:#f9fafb;" i],
html[data-theme="dark"] body [style$="background:#f9fafb" i],
html[data-theme="dark"] body [style*="background: #f3f4f6;" i],
html[data-theme="dark"] body [style$="background: #f3f4f6" i],
html[data-theme="dark"] body [style*="background:#f3f4f6;" i],
html[data-theme="dark"] body [style$="background:#f3f4f6" i],
html[data-theme="dark"] body [style*="background: #f4f4f4;" i],
html[data-theme="dark"] body [style$="background: #f4f4f4" i],
html[data-theme="dark"] body [style*="background:#f4f4f4;" i],
html[data-theme="dark"] body [style$="background:#f4f4f4" i],
html[data-theme="dark"] body [style*="background: #f5f5f5;" i],
html[data-theme="dark"] body [style$="background: #f5f5f5" i],
html[data-theme="dark"] body [style*="background:#f5f5f5;" i],
html[data-theme="dark"] body [style$="background:#f5f5f5" i],
html[data-theme="dark"] body [style*="background: #f8f8f8;" i],
html[data-theme="dark"] body [style$="background: #f8f8f8" i],
html[data-theme="dark"] body [style*="background:#f8f8f8;" i],
html[data-theme="dark"] body [style$="background:#f8f8f8" i],
html[data-theme="dark"] body [style*="background: #eef0f2;" i],
html[data-theme="dark"] body [style$="background: #eef0f2" i],
html[data-theme="dark"] body [style*="background:#eef0f2;" i],
html[data-theme="dark"] body [style$="background:#eef0f2" i],
html[data-theme="dark"] body [style*="background: rgb(250, 250, 250);" i],
html[data-theme="dark"] body [style$="background: rgb(250, 250, 250)" i],
html[data-theme="dark"] body [style*="background:rgb(250, 250, 250);" i],
html[data-theme="dark"] body [style$="background:rgb(250, 250, 250)" i],
html[data-theme="dark"] body [style*="background: rgb(249, 250, 251);" i],
html[data-theme="dark"] body [style$="background: rgb(249, 250, 251)" i],
html[data-theme="dark"] body [style*="background:rgb(249, 250, 251);" i],
html[data-theme="dark"] body [style$="background:rgb(249, 250, 251)" i],
html[data-theme="dark"] body [style*="background: rgb(243, 244, 246);" i],
html[data-theme="dark"] body [style$="background: rgb(243, 244, 246)" i],
html[data-theme="dark"] body [style*="background:rgb(243, 244, 246);" i],
html[data-theme="dark"] body [style$="background:rgb(243, 244, 246)" i],
html[data-theme="dark"] body [style*="background: rgb(244, 244, 244);" i],
html[data-theme="dark"] body [style$="background: rgb(244, 244, 244)" i],
html[data-theme="dark"] body [style*="background:rgb(244, 244, 244);" i],
html[data-theme="dark"] body [style$="background:rgb(244, 244, 244)" i],
html[data-theme="dark"] body [style*="background: rgb(245, 245, 245);" i],
html[data-theme="dark"] body [style$="background: rgb(245, 245, 245)" i],
html[data-theme="dark"] body [style*="background:rgb(245, 245, 245);" i],
html[data-theme="dark"] body [style$="background:rgb(245, 245, 245)" i],
html[data-theme="dark"] body [style*="background: #cdcdcd47;" i],
html[data-theme="dark"] body [style$="background: #cdcdcd47" i],
html[data-theme="dark"] body [style*="background:#cdcdcd47;" i],
html[data-theme="dark"] body [style$="background:#cdcdcd47" i],
html[data-theme="dark"] body [style*="background-color: #fafafa;" i],
html[data-theme="dark"] body [style$="background-color: #fafafa" i],
html[data-theme="dark"] body [style*="background-color:#fafafa;" i],
html[data-theme="dark"] body [style$="background-color:#fafafa" i],
html[data-theme="dark"] body [style*="background-color: #f9fafb;" i],
html[data-theme="dark"] body [style$="background-color: #f9fafb" i],
html[data-theme="dark"] body [style*="background-color:#f9fafb;" i],
html[data-theme="dark"] body [style$="background-color:#f9fafb" i],
html[data-theme="dark"] body [style*="background-color: #f3f4f6;" i],
html[data-theme="dark"] body [style$="background-color: #f3f4f6" i],
html[data-theme="dark"] body [style*="background-color:#f3f4f6;" i],
html[data-theme="dark"] body [style$="background-color:#f3f4f6" i],
html[data-theme="dark"] body [style*="background-color: #f4f4f4;" i],
html[data-theme="dark"] body [style$="background-color: #f4f4f4" i],
html[data-theme="dark"] body [style*="background-color:#f4f4f4;" i],
html[data-theme="dark"] body [style$="background-color:#f4f4f4" i],
html[data-theme="dark"] body [style*="background-color: #f5f5f5;" i],
html[data-theme="dark"] body [style$="background-color: #f5f5f5" i],
html[data-theme="dark"] body [style*="background-color:#f5f5f5;" i],
html[data-theme="dark"] body [style$="background-color:#f5f5f5" i],
html[data-theme="dark"] body [style*="background-color: #f8f8f8;" i],
html[data-theme="dark"] body [style$="background-color: #f8f8f8" i],
html[data-theme="dark"] body [style*="background-color:#f8f8f8;" i],
html[data-theme="dark"] body [style$="background-color:#f8f8f8" i],
html[data-theme="dark"] body [style*="background-color: #eef0f2;" i],
html[data-theme="dark"] body [style$="background-color: #eef0f2" i],
html[data-theme="dark"] body [style*="background-color:#eef0f2;" i],
html[data-theme="dark"] body [style$="background-color:#eef0f2" i],
html[data-theme="dark"] body [style*="background-color: rgb(250, 250, 250);" i],
html[data-theme="dark"] body [style$="background-color: rgb(250, 250, 250)" i],
html[data-theme="dark"] body [style*="background-color:rgb(250, 250, 250);" i],
html[data-theme="dark"] body [style$="background-color:rgb(250, 250, 250)" i],
html[data-theme="dark"] body [style*="background-color: rgb(249, 250, 251);" i],
html[data-theme="dark"] body [style$="background-color: rgb(249, 250, 251)" i],
html[data-theme="dark"] body [style*="background-color:rgb(249, 250, 251);" i],
html[data-theme="dark"] body [style$="background-color:rgb(249, 250, 251)" i],
html[data-theme="dark"] body [style*="background-color: rgb(243, 244, 246);" i],
html[data-theme="dark"] body [style$="background-color: rgb(243, 244, 246)" i],
html[data-theme="dark"] body [style*="background-color:rgb(243, 244, 246);" i],
html[data-theme="dark"] body [style$="background-color:rgb(243, 244, 246)" i],
html[data-theme="dark"] body [style*="background-color: rgb(244, 244, 244);" i],
html[data-theme="dark"] body [style$="background-color: rgb(244, 244, 244)" i],
html[data-theme="dark"] body [style*="background-color:rgb(244, 244, 244);" i],
html[data-theme="dark"] body [style$="background-color:rgb(244, 244, 244)" i],
html[data-theme="dark"] body [style*="background-color: rgb(245, 245, 245);" i],
html[data-theme="dark"] body [style$="background-color: rgb(245, 245, 245)" i],
html[data-theme="dark"] body [style*="background-color:rgb(245, 245, 245);" i],
html[data-theme="dark"] body [style$="background-color:rgb(245, 245, 245)" i],
html[data-theme="dark"] body [style*="background-color: #cdcdcd47;" i],
html[data-theme="dark"] body [style$="background-color: #cdcdcd47" i],
html[data-theme="dark"] body [style*="background-color:#cdcdcd47;" i],
html[data-theme="dark"] body [style$="background-color:#cdcdcd47" i] {
  background: rgba(255,255,255,0.05) !important;
}
html[data-theme="dark"] body [style*="background: #e5e7eb;" i],
html[data-theme="dark"] body [style$="background: #e5e7eb" i],
html[data-theme="dark"] body [style*="background:#e5e7eb;" i],
html[data-theme="dark"] body [style$="background:#e5e7eb" i],
html[data-theme="dark"] body [style*="background: #eee;" i],
html[data-theme="dark"] body [style$="background: #eee" i],
html[data-theme="dark"] body [style*="background:#eee;" i],
html[data-theme="dark"] body [style$="background:#eee" i],
html[data-theme="dark"] body [style*="background: #eeeeee;" i],
html[data-theme="dark"] body [style$="background: #eeeeee" i],
html[data-theme="dark"] body [style*="background:#eeeeee;" i],
html[data-theme="dark"] body [style$="background:#eeeeee" i],
html[data-theme="dark"] body [style*="background: #d1d5db;" i],
html[data-theme="dark"] body [style$="background: #d1d5db" i],
html[data-theme="dark"] body [style*="background:#d1d5db;" i],
html[data-theme="dark"] body [style$="background:#d1d5db" i],
html[data-theme="dark"] body [style*="background: #f0f0f0;" i],
html[data-theme="dark"] body [style$="background: #f0f0f0" i],
html[data-theme="dark"] body [style*="background:#f0f0f0;" i],
html[data-theme="dark"] body [style$="background:#f0f0f0" i],
html[data-theme="dark"] body [style*="background: rgb(229, 231, 235);" i],
html[data-theme="dark"] body [style$="background: rgb(229, 231, 235)" i],
html[data-theme="dark"] body [style*="background:rgb(229, 231, 235);" i],
html[data-theme="dark"] body [style$="background:rgb(229, 231, 235)" i],
html[data-theme="dark"] body [style*="background: rgb(209, 213, 219);" i],
html[data-theme="dark"] body [style$="background: rgb(209, 213, 219)" i],
html[data-theme="dark"] body [style*="background:rgb(209, 213, 219);" i],
html[data-theme="dark"] body [style$="background:rgb(209, 213, 219)" i],
html[data-theme="dark"] body [style*="background-color: #e5e7eb;" i],
html[data-theme="dark"] body [style$="background-color: #e5e7eb" i],
html[data-theme="dark"] body [style*="background-color:#e5e7eb;" i],
html[data-theme="dark"] body [style$="background-color:#e5e7eb" i],
html[data-theme="dark"] body [style*="background-color: #eee;" i],
html[data-theme="dark"] body [style$="background-color: #eee" i],
html[data-theme="dark"] body [style*="background-color:#eee;" i],
html[data-theme="dark"] body [style$="background-color:#eee" i],
html[data-theme="dark"] body [style*="background-color: #eeeeee;" i],
html[data-theme="dark"] body [style$="background-color: #eeeeee" i],
html[data-theme="dark"] body [style*="background-color:#eeeeee;" i],
html[data-theme="dark"] body [style$="background-color:#eeeeee" i],
html[data-theme="dark"] body [style*="background-color: #d1d5db;" i],
html[data-theme="dark"] body [style$="background-color: #d1d5db" i],
html[data-theme="dark"] body [style*="background-color:#d1d5db;" i],
html[data-theme="dark"] body [style$="background-color:#d1d5db" i],
html[data-theme="dark"] body [style*="background-color: #f0f0f0;" i],
html[data-theme="dark"] body [style$="background-color: #f0f0f0" i],
html[data-theme="dark"] body [style*="background-color:#f0f0f0;" i],
html[data-theme="dark"] body [style$="background-color:#f0f0f0" i],
html[data-theme="dark"] body [style*="background-color: rgb(229, 231, 235);" i],
html[data-theme="dark"] body [style$="background-color: rgb(229, 231, 235)" i],
html[data-theme="dark"] body [style*="background-color:rgb(229, 231, 235);" i],
html[data-theme="dark"] body [style$="background-color:rgb(229, 231, 235)" i],
html[data-theme="dark"] body [style*="background-color: rgb(209, 213, 219);" i],
html[data-theme="dark"] body [style$="background-color: rgb(209, 213, 219)" i],
html[data-theme="dark"] body [style*="background-color:rgb(209, 213, 219);" i],
html[data-theme="dark"] body [style$="background-color:rgb(209, 213, 219)" i] {
  background: #2a2c31 !important;
}
html[data-theme="dark"] body [style*="background: rgba(255,255,255,0.5);" i],
html[data-theme="dark"] body [style$="background: rgba(255,255,255,0.5)" i],
html[data-theme="dark"] body [style*="background:rgba(255,255,255,0.5);" i],
html[data-theme="dark"] body [style$="background:rgba(255,255,255,0.5)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.5);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.5)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.5);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.5)" i],
html[data-theme="dark"] body [style*="background: rgba(255,255,255,.7);" i],
html[data-theme="dark"] body [style$="background: rgba(255,255,255,.7)" i],
html[data-theme="dark"] body [style*="background:rgba(255,255,255,.7);" i],
html[data-theme="dark"] body [style$="background:rgba(255,255,255,.7)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.7);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.7)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.7);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.7)" i],
html[data-theme="dark"] body [style*="background: rgba(255,255,255,.92);" i],
html[data-theme="dark"] body [style$="background: rgba(255,255,255,.92)" i],
html[data-theme="dark"] body [style*="background:rgba(255,255,255,.92);" i],
html[data-theme="dark"] body [style$="background:rgba(255,255,255,.92)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.92);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.92)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.92);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.92)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.6);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.6)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.6);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.6)" i],
html[data-theme="dark"] body [style*="background: rgba(255,255,255,0.6);" i],
html[data-theme="dark"] body [style$="background: rgba(255,255,255,0.6)" i],
html[data-theme="dark"] body [style*="background:rgba(255,255,255,0.6);" i],
html[data-theme="dark"] body [style$="background:rgba(255,255,255,0.6)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.86);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.86)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.86);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.86)" i],
html[data-theme="dark"] body [style*="background: rgb(255 255 255 / 63%);" i],
html[data-theme="dark"] body [style$="background: rgb(255 255 255 / 63%)" i],
html[data-theme="dark"] body [style*="background:rgb(255 255 255 / 63%);" i],
html[data-theme="dark"] body [style$="background:rgb(255 255 255 / 63%)" i],
html[data-theme="dark"] body [style*="background: rgb(255 255 255 / 58%);" i],
html[data-theme="dark"] body [style$="background: rgb(255 255 255 / 58%)" i],
html[data-theme="dark"] body [style*="background:rgb(255 255 255 / 58%);" i],
html[data-theme="dark"] body [style$="background:rgb(255 255 255 / 58%)" i],
html[data-theme="dark"] body [style*="background: rgb(255 255 255 / 56%);" i],
html[data-theme="dark"] body [style$="background: rgb(255 255 255 / 56%)" i],
html[data-theme="dark"] body [style*="background:rgb(255 255 255 / 56%);" i],
html[data-theme="dark"] body [style$="background:rgb(255 255 255 / 56%)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.58);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.58)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.58);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.58)" i],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255, 0.63);" i],
html[data-theme="dark"] body [style$="background: rgba(255, 255, 255, 0.63)" i],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255, 0.63);" i],
html[data-theme="dark"] body [style$="background:rgba(255, 255, 255, 0.63)" i],
html[data-theme="dark"] body [style*="background: #ffffffb3;" i],
html[data-theme="dark"] body [style$="background: #ffffffb3" i],
html[data-theme="dark"] body [style*="background:#ffffffb3;" i],
html[data-theme="dark"] body [style$="background:#ffffffb3" i],
html[data-theme="dark"] body [style*="background: #ffffffa8;" i],
html[data-theme="dark"] body [style$="background: #ffffffa8" i],
html[data-theme="dark"] body [style*="background:#ffffffa8;" i],
html[data-theme="dark"] body [style$="background:#ffffffa8" i],
html[data-theme="dark"] body [style*="background: rgb(235 235 235 / 47%);" i],
html[data-theme="dark"] body [style$="background: rgb(235 235 235 / 47%)" i],
html[data-theme="dark"] body [style*="background:rgb(235 235 235 / 47%);" i],
html[data-theme="dark"] body [style$="background:rgb(235 235 235 / 47%)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255,255,255,0.5);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255,255,255,0.5)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255,255,255,0.5);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255,255,255,0.5)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.5);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.5)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.5);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.5)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255,255,255,.7);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255,255,255,.7)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255,255,255,.7);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255,255,255,.7)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.7);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.7)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.7);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.7)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255,255,255,.92);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255,255,255,.92)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255,255,255,.92);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255,255,255,.92)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.92);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.92)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.92);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.92)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.6);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.6)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.6);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.6)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255,255,255,0.6);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255,255,255,0.6)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255,255,255,0.6);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255,255,255,0.6)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.86);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.86)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.86);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.86)" i],
html[data-theme="dark"] body [style*="background-color: rgb(255 255 255 / 63%);" i],
html[data-theme="dark"] body [style$="background-color: rgb(255 255 255 / 63%)" i],
html[data-theme="dark"] body [style*="background-color:rgb(255 255 255 / 63%);" i],
html[data-theme="dark"] body [style$="background-color:rgb(255 255 255 / 63%)" i],
html[data-theme="dark"] body [style*="background-color: rgb(255 255 255 / 58%);" i],
html[data-theme="dark"] body [style$="background-color: rgb(255 255 255 / 58%)" i],
html[data-theme="dark"] body [style*="background-color:rgb(255 255 255 / 58%);" i],
html[data-theme="dark"] body [style$="background-color:rgb(255 255 255 / 58%)" i],
html[data-theme="dark"] body [style*="background-color: rgb(255 255 255 / 56%);" i],
html[data-theme="dark"] body [style$="background-color: rgb(255 255 255 / 56%)" i],
html[data-theme="dark"] body [style*="background-color:rgb(255 255 255 / 56%);" i],
html[data-theme="dark"] body [style$="background-color:rgb(255 255 255 / 56%)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.58);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.58)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.58);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.58)" i],
html[data-theme="dark"] body [style*="background-color: rgba(255, 255, 255, 0.63);" i],
html[data-theme="dark"] body [style$="background-color: rgba(255, 255, 255, 0.63)" i],
html[data-theme="dark"] body [style*="background-color:rgba(255, 255, 255, 0.63);" i],
html[data-theme="dark"] body [style$="background-color:rgba(255, 255, 255, 0.63)" i],
html[data-theme="dark"] body [style*="background-color: #ffffffb3;" i],
html[data-theme="dark"] body [style$="background-color: #ffffffb3" i],
html[data-theme="dark"] body [style*="background-color:#ffffffb3;" i],
html[data-theme="dark"] body [style$="background-color:#ffffffb3" i],
html[data-theme="dark"] body [style*="background-color: #ffffffa8;" i],
html[data-theme="dark"] body [style$="background-color: #ffffffa8" i],
html[data-theme="dark"] body [style*="background-color:#ffffffa8;" i],
html[data-theme="dark"] body [style$="background-color:#ffffffa8" i],
html[data-theme="dark"] body [style*="background-color: rgb(235 235 235 / 47%);" i],
html[data-theme="dark"] body [style$="background-color: rgb(235 235 235 / 47%)" i],
html[data-theme="dark"] body [style*="background-color:rgb(235 235 235 / 47%);" i],
html[data-theme="dark"] body [style$="background-color:rgb(235 235 235 / 47%)" i] {
  background: rgba(24,25,29,0.82) !important;
}
html[data-theme="dark"] body [style*="background: #fef2f2;" i],
html[data-theme="dark"] body [style$="background: #fef2f2" i],
html[data-theme="dark"] body [style*="background:#fef2f2;" i],
html[data-theme="dark"] body [style$="background:#fef2f2" i],
html[data-theme="dark"] body [style*="background: #ffeded;" i],
html[data-theme="dark"] body [style$="background: #ffeded" i],
html[data-theme="dark"] body [style*="background:#ffeded;" i],
html[data-theme="dark"] body [style$="background:#ffeded" i],
html[data-theme="dark"] body [style*="background: #fee2e2;" i],
html[data-theme="dark"] body [style$="background: #fee2e2" i],
html[data-theme="dark"] body [style*="background:#fee2e2;" i],
html[data-theme="dark"] body [style$="background:#fee2e2" i],
html[data-theme="dark"] body [style*="background: rgb(254, 242, 242);" i],
html[data-theme="dark"] body [style$="background: rgb(254, 242, 242)" i],
html[data-theme="dark"] body [style*="background:rgb(254, 242, 242);" i],
html[data-theme="dark"] body [style$="background:rgb(254, 242, 242)" i],
html[data-theme="dark"] body [style*="background: rgb(255, 237, 237);" i],
html[data-theme="dark"] body [style$="background: rgb(255, 237, 237)" i],
html[data-theme="dark"] body [style*="background:rgb(255, 237, 237);" i],
html[data-theme="dark"] body [style$="background:rgb(255, 237, 237)" i],
html[data-theme="dark"] body [style*="background-color: #fef2f2;" i],
html[data-theme="dark"] body [style$="background-color: #fef2f2" i],
html[data-theme="dark"] body [style*="background-color:#fef2f2;" i],
html[data-theme="dark"] body [style$="background-color:#fef2f2" i],
html[data-theme="dark"] body [style*="background-color: #ffeded;" i],
html[data-theme="dark"] body [style$="background-color: #ffeded" i],
html[data-theme="dark"] body [style*="background-color:#ffeded;" i],
html[data-theme="dark"] body [style$="background-color:#ffeded" i],
html[data-theme="dark"] body [style*="background-color: #fee2e2;" i],
html[data-theme="dark"] body [style$="background-color: #fee2e2" i],
html[data-theme="dark"] body [style*="background-color:#fee2e2;" i],
html[data-theme="dark"] body [style$="background-color:#fee2e2" i],
html[data-theme="dark"] body [style*="background-color: rgb(254, 242, 242);" i],
html[data-theme="dark"] body [style$="background-color: rgb(254, 242, 242)" i],
html[data-theme="dark"] body [style*="background-color:rgb(254, 242, 242);" i],
html[data-theme="dark"] body [style$="background-color:rgb(254, 242, 242)" i],
html[data-theme="dark"] body [style*="background-color: rgb(255, 237, 237);" i],
html[data-theme="dark"] body [style$="background-color: rgb(255, 237, 237)" i],
html[data-theme="dark"] body [style*="background-color:rgb(255, 237, 237);" i],
html[data-theme="dark"] body [style$="background-color:rgb(255, 237, 237)" i] {
  background: rgba(239,68,68,0.12) !important;
}
html[data-theme="dark"] body [style*="background: #eff9f4;" i],
html[data-theme="dark"] body [style$="background: #eff9f4" i],
html[data-theme="dark"] body [style*="background:#eff9f4;" i],
html[data-theme="dark"] body [style$="background:#eff9f4" i],
html[data-theme="dark"] body [style*="background: #ecfdf5;" i],
html[data-theme="dark"] body [style$="background: #ecfdf5" i],
html[data-theme="dark"] body [style*="background:#ecfdf5;" i],
html[data-theme="dark"] body [style$="background:#ecfdf5" i],
html[data-theme="dark"] body [style*="background: #f0fdf4;" i],
html[data-theme="dark"] body [style$="background: #f0fdf4" i],
html[data-theme="dark"] body [style*="background:#f0fdf4;" i],
html[data-theme="dark"] body [style$="background:#f0fdf4" i],
html[data-theme="dark"] body [style*="background: rgb(239, 249, 244);" i],
html[data-theme="dark"] body [style$="background: rgb(239, 249, 244)" i],
html[data-theme="dark"] body [style*="background:rgb(239, 249, 244);" i],
html[data-theme="dark"] body [style$="background:rgb(239, 249, 244)" i],
html[data-theme="dark"] body [style*="background-color: #eff9f4;" i],
html[data-theme="dark"] body [style$="background-color: #eff9f4" i],
html[data-theme="dark"] body [style*="background-color:#eff9f4;" i],
html[data-theme="dark"] body [style$="background-color:#eff9f4" i],
html[data-theme="dark"] body [style*="background-color: #ecfdf5;" i],
html[data-theme="dark"] body [style$="background-color: #ecfdf5" i],
html[data-theme="dark"] body [style*="background-color:#ecfdf5;" i],
html[data-theme="dark"] body [style$="background-color:#ecfdf5" i],
html[data-theme="dark"] body [style*="background-color: #f0fdf4;" i],
html[data-theme="dark"] body [style$="background-color: #f0fdf4" i],
html[data-theme="dark"] body [style*="background-color:#f0fdf4;" i],
html[data-theme="dark"] body [style$="background-color:#f0fdf4" i],
html[data-theme="dark"] body [style*="background-color: rgb(239, 249, 244);" i],
html[data-theme="dark"] body [style$="background-color: rgb(239, 249, 244)" i],
html[data-theme="dark"] body [style*="background-color:rgb(239, 249, 244);" i],
html[data-theme="dark"] body [style$="background-color:rgb(239, 249, 244)" i] {
  background: rgba(7,248,196,0.1) !important;
}
html[data-theme="dark"] body button[style*="background: #111;" i],
html[data-theme="dark"] body button[style$="background: #111" i],
html[data-theme="dark"] body button[style*="background:#111;" i],
html[data-theme="dark"] body button[style$="background:#111" i],
html[data-theme="dark"] body button[style*="background: #111827;" i],
html[data-theme="dark"] body button[style$="background: #111827" i],
html[data-theme="dark"] body button[style*="background:#111827;" i],
html[data-theme="dark"] body button[style$="background:#111827" i],
html[data-theme="dark"] body button[style*="background: #131313;" i],
html[data-theme="dark"] body button[style$="background: #131313" i],
html[data-theme="dark"] body button[style*="background:#131313;" i],
html[data-theme="dark"] body button[style$="background:#131313" i],
html[data-theme="dark"] body button[style*="background: #000;" i],
html[data-theme="dark"] body button[style$="background: #000" i],
html[data-theme="dark"] body button[style*="background:#000;" i],
html[data-theme="dark"] body button[style$="background:#000" i],
html[data-theme="dark"] body button[style*="background: #000000;" i],
html[data-theme="dark"] body button[style$="background: #000000" i],
html[data-theme="dark"] body button[style*="background:#000000;" i],
html[data-theme="dark"] body button[style$="background:#000000" i],
html[data-theme="dark"] body button[style*="background: #1f2937;" i],
html[data-theme="dark"] body button[style$="background: #1f2937" i],
html[data-theme="dark"] body button[style*="background:#1f2937;" i],
html[data-theme="dark"] body button[style$="background:#1f2937" i],
html[data-theme="dark"] body button[style*="background: #222;" i],
html[data-theme="dark"] body button[style$="background: #222" i],
html[data-theme="dark"] body button[style*="background:#222;" i],
html[data-theme="dark"] body button[style$="background:#222" i],
html[data-theme="dark"] body button[style*="background: #2a2a2a;" i],
html[data-theme="dark"] body button[style$="background: #2a2a2a" i],
html[data-theme="dark"] body button[style*="background:#2a2a2a;" i],
html[data-theme="dark"] body button[style$="background:#2a2a2a" i],
html[data-theme="dark"] body button[style*="background: #2b2b2b;" i],
html[data-theme="dark"] body button[style$="background: #2b2b2b" i],
html[data-theme="dark"] body button[style*="background:#2b2b2b;" i],
html[data-theme="dark"] body button[style$="background:#2b2b2b" i],
html[data-theme="dark"] body button[style*="background: #333;" i],
html[data-theme="dark"] body button[style$="background: #333" i],
html[data-theme="dark"] body button[style*="background:#333;" i],
html[data-theme="dark"] body button[style$="background:#333" i],
html[data-theme="dark"] body button[style*="background: rgb(17, 17, 17);" i],
html[data-theme="dark"] body button[style$="background: rgb(17, 17, 17)" i],
html[data-theme="dark"] body button[style*="background:rgb(17, 17, 17);" i],
html[data-theme="dark"] body button[style$="background:rgb(17, 17, 17)" i],
html[data-theme="dark"] body button[style*="background: rgb(17,17,17);" i],
html[data-theme="dark"] body button[style$="background: rgb(17,17,17)" i],
html[data-theme="dark"] body button[style*="background:rgb(17,17,17);" i],
html[data-theme="dark"] body button[style$="background:rgb(17,17,17)" i],
html[data-theme="dark"] body button[style*="background: rgb(17, 24, 39);" i],
html[data-theme="dark"] body button[style$="background: rgb(17, 24, 39)" i],
html[data-theme="dark"] body button[style*="background:rgb(17, 24, 39);" i],
html[data-theme="dark"] body button[style$="background:rgb(17, 24, 39)" i],
html[data-theme="dark"] body button[style*="background: rgb(0, 0, 0);" i],
html[data-theme="dark"] body button[style$="background: rgb(0, 0, 0)" i],
html[data-theme="dark"] body button[style*="background:rgb(0, 0, 0);" i],
html[data-theme="dark"] body button[style$="background:rgb(0, 0, 0)" i],
html[data-theme="dark"] body button[style*="background: rgb(19, 19, 19);" i],
html[data-theme="dark"] body button[style$="background: rgb(19, 19, 19)" i],
html[data-theme="dark"] body button[style*="background:rgb(19, 19, 19);" i],
html[data-theme="dark"] body button[style$="background:rgb(19, 19, 19)" i],
html[data-theme="dark"] body button[style*="background: rgb(31, 41, 55);" i],
html[data-theme="dark"] body button[style$="background: rgb(31, 41, 55)" i],
html[data-theme="dark"] body button[style*="background:rgb(31, 41, 55);" i],
html[data-theme="dark"] body button[style$="background:rgb(31, 41, 55)" i],
html[data-theme="dark"] body button[style*="background: rgb(42, 42, 42);" i],
html[data-theme="dark"] body button[style$="background: rgb(42, 42, 42)" i],
html[data-theme="dark"] body button[style*="background:rgb(42, 42, 42);" i],
html[data-theme="dark"] body button[style$="background:rgb(42, 42, 42)" i],
html[data-theme="dark"] body button[style*="background-color: #111;" i],
html[data-theme="dark"] body button[style$="background-color: #111" i],
html[data-theme="dark"] body button[style*="background-color:#111;" i],
html[data-theme="dark"] body button[style$="background-color:#111" i],
html[data-theme="dark"] body button[style*="background-color: #111827;" i],
html[data-theme="dark"] body button[style$="background-color: #111827" i],
html[data-theme="dark"] body button[style*="background-color:#111827;" i],
html[data-theme="dark"] body button[style$="background-color:#111827" i],
html[data-theme="dark"] body button[style*="background-color: #131313;" i],
html[data-theme="dark"] body button[style$="background-color: #131313" i],
html[data-theme="dark"] body button[style*="background-color:#131313;" i],
html[data-theme="dark"] body button[style$="background-color:#131313" i],
html[data-theme="dark"] body button[style*="background-color: #000;" i],
html[data-theme="dark"] body button[style$="background-color: #000" i],
html[data-theme="dark"] body button[style*="background-color:#000;" i],
html[data-theme="dark"] body button[style$="background-color:#000" i],
html[data-theme="dark"] body button[style*="background-color: #000000;" i],
html[data-theme="dark"] body button[style$="background-color: #000000" i],
html[data-theme="dark"] body button[style*="background-color:#000000;" i],
html[data-theme="dark"] body button[style$="background-color:#000000" i],
html[data-theme="dark"] body button[style*="background-color: #1f2937;" i],
html[data-theme="dark"] body button[style$="background-color: #1f2937" i],
html[data-theme="dark"] body button[style*="background-color:#1f2937;" i],
html[data-theme="dark"] body button[style$="background-color:#1f2937" i],
html[data-theme="dark"] body button[style*="background-color: #222;" i],
html[data-theme="dark"] body button[style$="background-color: #222" i],
html[data-theme="dark"] body button[style*="background-color:#222;" i],
html[data-theme="dark"] body button[style$="background-color:#222" i],
html[data-theme="dark"] body button[style*="background-color: #2a2a2a;" i],
html[data-theme="dark"] body button[style$="background-color: #2a2a2a" i],
html[data-theme="dark"] body button[style*="background-color:#2a2a2a;" i],
html[data-theme="dark"] body button[style$="background-color:#2a2a2a" i],
html[data-theme="dark"] body button[style*="background-color: #2b2b2b;" i],
html[data-theme="dark"] body button[style$="background-color: #2b2b2b" i],
html[data-theme="dark"] body button[style*="background-color:#2b2b2b;" i],
html[data-theme="dark"] body button[style$="background-color:#2b2b2b" i],
html[data-theme="dark"] body button[style*="background-color: #333;" i],
html[data-theme="dark"] body button[style$="background-color: #333" i],
html[data-theme="dark"] body button[style*="background-color:#333;" i],
html[data-theme="dark"] body button[style$="background-color:#333" i],
html[data-theme="dark"] body button[style*="background-color: rgb(17, 17, 17);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(17, 17, 17)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(17, 17, 17);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(17, 17, 17)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(17,17,17);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(17,17,17)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(17,17,17);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(17,17,17)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(17, 24, 39);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(17, 24, 39)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(17, 24, 39);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(17, 24, 39)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(0, 0, 0);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(0, 0, 0)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(0, 0, 0);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(0, 0, 0)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(19, 19, 19);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(19, 19, 19)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(19, 19, 19);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(19, 19, 19)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(31, 41, 55);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(31, 41, 55)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(31, 41, 55);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(31, 41, 55)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(42, 42, 42);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(42, 42, 42)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(42, 42, 42);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(42, 42, 42)" i] {
  background: #f5f5f5 !important; color: #0a0a0b !important;
}
html[data-theme="dark"] body button[style*="background: #e5e7eb;" i],
html[data-theme="dark"] body button[style$="background: #e5e7eb" i],
html[data-theme="dark"] body button[style*="background:#e5e7eb;" i],
html[data-theme="dark"] body button[style$="background:#e5e7eb" i],
html[data-theme="dark"] body button[style*="background: #eee;" i],
html[data-theme="dark"] body button[style$="background: #eee" i],
html[data-theme="dark"] body button[style*="background:#eee;" i],
html[data-theme="dark"] body button[style$="background:#eee" i],
html[data-theme="dark"] body button[style*="background: #eeeeee;" i],
html[data-theme="dark"] body button[style$="background: #eeeeee" i],
html[data-theme="dark"] body button[style*="background:#eeeeee;" i],
html[data-theme="dark"] body button[style$="background:#eeeeee" i],
html[data-theme="dark"] body button[style*="background: #d1d5db;" i],
html[data-theme="dark"] body button[style$="background: #d1d5db" i],
html[data-theme="dark"] body button[style*="background:#d1d5db;" i],
html[data-theme="dark"] body button[style$="background:#d1d5db" i],
html[data-theme="dark"] body button[style*="background: #f0f0f0;" i],
html[data-theme="dark"] body button[style$="background: #f0f0f0" i],
html[data-theme="dark"] body button[style*="background:#f0f0f0;" i],
html[data-theme="dark"] body button[style$="background:#f0f0f0" i],
html[data-theme="dark"] body button[style*="background: rgb(229, 231, 235);" i],
html[data-theme="dark"] body button[style$="background: rgb(229, 231, 235)" i],
html[data-theme="dark"] body button[style*="background:rgb(229, 231, 235);" i],
html[data-theme="dark"] body button[style$="background:rgb(229, 231, 235)" i],
html[data-theme="dark"] body button[style*="background: rgb(209, 213, 219);" i],
html[data-theme="dark"] body button[style$="background: rgb(209, 213, 219)" i],
html[data-theme="dark"] body button[style*="background:rgb(209, 213, 219);" i],
html[data-theme="dark"] body button[style$="background:rgb(209, 213, 219)" i],
html[data-theme="dark"] body button[style*="background-color: #e5e7eb;" i],
html[data-theme="dark"] body button[style$="background-color: #e5e7eb" i],
html[data-theme="dark"] body button[style*="background-color:#e5e7eb;" i],
html[data-theme="dark"] body button[style$="background-color:#e5e7eb" i],
html[data-theme="dark"] body button[style*="background-color: #eee;" i],
html[data-theme="dark"] body button[style$="background-color: #eee" i],
html[data-theme="dark"] body button[style*="background-color:#eee;" i],
html[data-theme="dark"] body button[style$="background-color:#eee" i],
html[data-theme="dark"] body button[style*="background-color: #eeeeee;" i],
html[data-theme="dark"] body button[style$="background-color: #eeeeee" i],
html[data-theme="dark"] body button[style*="background-color:#eeeeee;" i],
html[data-theme="dark"] body button[style$="background-color:#eeeeee" i],
html[data-theme="dark"] body button[style*="background-color: #d1d5db;" i],
html[data-theme="dark"] body button[style$="background-color: #d1d5db" i],
html[data-theme="dark"] body button[style*="background-color:#d1d5db;" i],
html[data-theme="dark"] body button[style$="background-color:#d1d5db" i],
html[data-theme="dark"] body button[style*="background-color: #f0f0f0;" i],
html[data-theme="dark"] body button[style$="background-color: #f0f0f0" i],
html[data-theme="dark"] body button[style*="background-color:#f0f0f0;" i],
html[data-theme="dark"] body button[style$="background-color:#f0f0f0" i],
html[data-theme="dark"] body button[style*="background-color: rgb(229, 231, 235);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(229, 231, 235)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(229, 231, 235);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(229, 231, 235)" i],
html[data-theme="dark"] body button[style*="background-color: rgb(209, 213, 219);" i],
html[data-theme="dark"] body button[style$="background-color: rgb(209, 213, 219)" i],
html[data-theme="dark"] body button[style*="background-color:rgb(209, 213, 219);" i],
html[data-theme="dark"] body button[style$="background-color:rgb(209, 213, 219)" i] {
  background: #2a2c31 !important; color: #6b7280 !important;
}
html[data-theme="dark"] body [style*="solid #e5e7eb" i],
html[data-theme="dark"] body [style*="solid  #e5e7eb" i],
html[data-theme="dark"] body [style*="solid #e9e9e9" i],
html[data-theme="dark"] body [style*="solid  #e9e9e9" i],
html[data-theme="dark"] body [style*="solid #eef0f3" i],
html[data-theme="dark"] body [style*="solid  #eef0f3" i],
html[data-theme="dark"] body [style*="solid #efefef" i],
html[data-theme="dark"] body [style*="solid  #efefef" i],
html[data-theme="dark"] body [style*="solid #eee" i],
html[data-theme="dark"] body [style*="solid  #eee" i],
html[data-theme="dark"] body [style*="solid #e8e8e89c" i],
html[data-theme="dark"] body [style*="solid  #e8e8e89c" i],
html[data-theme="dark"] body [style*="solid #f0f0f0" i],
html[data-theme="dark"] body [style*="solid  #f0f0f0" i],
html[data-theme="dark"] body [style*="solid #d1d5db" i],
html[data-theme="dark"] body [style*="solid  #d1d5db" i],
html[data-theme="dark"] body [style*="solid #dcdcdcef" i],
html[data-theme="dark"] body [style*="solid  #dcdcdcef" i],
html[data-theme="dark"] body [style*="solid #e3e5ea" i],
html[data-theme="dark"] body [style*="solid  #e3e5ea" i],
html[data-theme="dark"] body [style*="solid rgb(229, 231, 235)" i],
html[data-theme="dark"] body [style*="solid  rgb(229, 231, 235)" i],
html[data-theme="dark"] body [style*="solid rgb(238, 240, 243)" i],
html[data-theme="dark"] body [style*="solid  rgb(238, 240, 243)" i],
html[data-theme="dark"] body [style*="solid rgb(233, 233, 233)" i],
html[data-theme="dark"] body [style*="solid  rgb(233, 233, 233)" i],
html[data-theme="dark"] body [style*="solid rgb(239, 239, 239)" i],
html[data-theme="dark"] body [style*="solid  rgb(239, 239, 239)" i] {
  border-color: #2a2c31 !important;
}
html[data-theme="dark"] body [style*="solid #fecaca" i],
html[data-theme="dark"] body [style*="solid rgb(254, 202, 202)" i] {
  border-color: rgba(239,68,68,0.35) !important;
}


/* =====================================================================
   Element-specific inline overrides (beat the generic remaps above)
   ===================================================================== */
html[data-theme="dark"] #active-page-name { color: #f3f4f6 !important; }
html[data-theme="dark"] #search-tip-projects-row { color: #f3f4f6 !important; }
html[data-theme="dark"] #search-tip-projects-row svg { stroke: #f3f4f6; }
html[data-theme="dark"] #settings-popup {
  background: rgba(24,25,29,0.88) !important;
  box-shadow: rgba(0,0,0,0.6) 0 16px 48px, rgba(255,255,255,0.06) 0 0 0 1px !important;
}
html[data-theme="dark"] #new-project-popup { background: rgba(24,25,29,0.82) !important; }
html[data-theme="dark"] #discard-project-confirm { background: rgba(239,68,68,0.12) !important; color: #f87171 !important; }
html[data-theme="dark"] #import-back-btn { background: transparent !important; color: #f3f4f6 !important; box-shadow: none; }
html[data-theme="dark"] #scroll-to-bottom-btn { background: #1c1d21 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important; }
html[data-theme="dark"] #scroll-to-bottom-btn circle { fill: #1c1d21; }
html[data-theme="dark"] #scroll-to-bottom-btn path { fill: #f3f4f6; }
html[data-theme="dark"] #new-channel-btn line { stroke: #0a0a0b; }
html[data-theme="dark"] #link-channel-preview-skeleton {
  background: linear-gradient(to bottom, #232429, #1c1d21) !important;
  box-shadow: inset rgba(255,255,255,0.05) 0 0 0 1px, rgba(0,0,0,0.4) 0 8px 18px !important;
}
html[data-theme="dark"] #workspace-photo-remove { color: #f3f4f6 !important; }
/* Black-glyph PNG icons (icons8 /000000/, imgur edit pencil) → invert. */
html[data-theme="dark"] img[src*="/000000/"],
html[data-theme="dark"] img[src*="i.imgur.com/T0us3Cj"] { filter: invert(1); }
/* Search tip / inline SVG strokes hard-coded dark. */
html[data-theme="dark"] body svg [stroke="#111827"],
html[data-theme="dark"] body svg[stroke="#111827"],
html[data-theme="dark"] body svg [stroke="#111"],
html[data-theme="dark"] body svg [stroke="#000"] { stroke: #e5e7eb; }
html[data-theme="dark"] body svg [fill="#111827"],
html[data-theme="dark"] body svg [fill="#111"],
html[data-theme="dark"] body svg [fill="#000"] { fill: #e5e7eb; }
/* Live mini-player card (built in JS): glass buttons + info bar + skeleton. */
html[data-theme="dark"] .lp-ctrl-btn {
  background: rgba(28,29,33,0.82) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #f3f4f6 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .lp-skeleton {
  background: linear-gradient(90deg, #1c1d21 25%, #26282d 50%, #1c1d21 75%) !important;
  background-size: 200% 100% !important;
}
html[data-theme="dark"] [data-lp-card] { box-shadow: 0 24px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06) !important; }

/* ---------- Day / Night / Auto switch (profile popup) ---------- */
html[data-theme="dark"] .theme-switch {
  background: rgba(255,255,255,0.04);
  box-shadow: inset rgba(255,255,255,0.07) 0 0 0 1px;
}
html[data-theme="dark"] .theme-seg { color: #9ca3af; }
html[data-theme="dark"] .theme-seg:hover { color: #f3f4f6; }
html[data-theme="dark"] .theme-seg.is-active {
  color: #f9fafb;
  background: rgba(255,255,255,0.08);
  box-shadow: inset 0 .5px 0 0 rgb(var(--ds-glass-edge)), inset 0 0 0 .5px rgb(var(--ds-glass-ring));
}

/* Bell glyph is a bare FA path (default black fill) — follow the text colour. */
html[data-theme="dark"] #notification-bubble > svg { fill: #d1d5db; }
/* Agent popup: "Notify me when it's done" (lighter on hover) + link cards. */
html[data-theme="dark"] .ap-notify { color: #9ca3af; }
html[data-theme="dark"] .ap-notify:hover { color: #f3f4f6; }
html[data-theme="dark"] .ap-notify.is-on,
html[data-theme="dark"] .ap-notify.is-on:hover { color: #9ca3af; }
html[data-theme="dark"] .ap-linkcard { background: rgba(255,255,255,0.05); border-color: #2f3137; color: #f3f4f6; box-shadow: none; }
html[data-theme="dark"] .ap-linkcard:hover { background: rgba(255,255,255,0.09); border-color: #3f4249; }
html[data-theme="dark"] .ap-linkcard-icon { background: rgba(255,255,255,0.08); color: #f3f4f6; }
html[data-theme="dark"] .ap-linkcard-tiktok,
html[data-theme="dark"] .ap-linkcard-x { background: #f3f4f6; color: #0a0a0b; }
html[data-theme="dark"] .ap-linkcard-url { color: #9ca3af; }
html[data-theme="dark"] .ap-thread-working i { background: #6b7280; }
html[data-theme="dark"] .notif-ask { background: #17181b; border-color: #2a2b30; box-shadow: 0 18px 48px rgba(0,0,0,.5); }
html[data-theme="dark"] .notif-ask-text { color: #9ca3af; }
html[data-theme="dark"] .notif-ask-text b { color: #f3f4f6; }
html[data-theme="dark"] .notif-ask-actions button:hover { color: #f3f4f6; }
html[data-theme="dark"] .notif-ask-actions button.is-primary { background: #f3f4f6; color: #0a0a0b; }
html[data-theme="dark"] .notif-switch { background: #3f4249; }
html[data-theme="dark"] .notif-switch.is-on { background: #f3f4f6; }
html[data-theme="dark"] .notif-switch.is-on span { background: #0a0a0b; }
html[data-theme="dark"] .ap-rate-btn { color: #6b7280; }
html[data-theme="dark"] .ap-rate-btn:hover,
html[data-theme="dark"] .ap-rate-btn.is-on { color: #f3f4f6; }

/* ---------- Settings → Billing ---------- */
html[data-theme="dark"] #billing-manage p { color: rgba(229,231,235,0.6); }
html[data-theme="dark"] #billing-portal-btn { background: #f3f4f6; color: #111; }
html[data-theme="dark"] #billing-portal-note { color: rgba(229,231,235,0.5); }