body.theme-fanvue-dark {
  --fanvue-bg: #0b0a0f;
  --fanvue-shell: #0f0d14;
  --fanvue-panel: #17141d;
  --fanvue-panel-2: #211b29;
  --fanvue-panel-3: #2b2433;
  --fanvue-border: rgba(255, 255, 255, 0.12);
  --fanvue-border-strong: rgba(255, 255, 255, 0.2);
  --fanvue-text: #fbf7ff;
  --fanvue-muted: #d6cede;
  --fanvue-soft: #a99db8;
  --fanvue-accent: #00f58a;
  --fanvue-accent-strong: #00c96f;
  --fanvue-accent-soft: rgba(0, 245, 138, 0.16);
  --fanvue-cyan: #35d5c6;
  --color-indigo-700: var(--fanvue-accent-strong);
  --color-indigo-600: var(--fanvue-accent);
  --color-indigo-500: #36f8a2;
  --color-indigo-400: rgba(255, 255, 255, 0.2);
  --color-indigo-100: rgba(0, 245, 138, 0.24);
  --color-indigo-50: rgba(0, 245, 138, 0.14);
  --color-violet-700: #00a963;
  --color-fuchsia-600: var(--fanvue-cyan);
  --color-violet-50: rgba(0, 169, 99, 0.12);
  --color-fuchsia-50: rgba(53, 213, 198, 0.12);
  --tw-ring-offset-color: var(--fanvue-bg);
  background: var(--fanvue-bg) !important;
  color: var(--fanvue-text) !important;
  color-scheme: dark;
}

body.theme-fanvue-dark ::selection {
  background: rgba(0, 245, 138, 0.35);
  color: #fff;
}

body.theme-fanvue-dark > header {
  background: rgba(15, 13, 20, 0.9) !important;
  border-color: var(--fanvue-border) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

body.theme-fanvue-dark main,
body.theme-fanvue-dark #content {
  background: transparent !important;
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark #sidebar {
  background: linear-gradient(180deg, #120f17 0%, #0b0a0f 100%) !important;
  border-color: var(--fanvue-border) !important;
  box-shadow: 18px 0 55px rgba(0, 0, 0, 0.32);
}

body.theme-fanvue-dark #sidebar .border-indigo-400,
body.theme-fanvue-dark #sidebar .border-indigo-600 {
  border-color: var(--fanvue-border) !important;
}

body.theme-fanvue-dark #sidebar .bg-indigo-600 {
  background-color: var(--fanvue-accent-soft) !important;
  color: #c7ffe2 !important;
}

body.theme-fanvue-dark #sidebar a[data-nav],
body.theme-fanvue-dark #sidebar a.sidebar-signup,
body.theme-fanvue-dark #sidebar #logoutLink,
body.theme-fanvue-dark #sidebar #billingPortalLink {
  color: #f7eef8 !important;
}

body.theme-fanvue-dark #sidebar a[data-nav]:hover,
body.theme-fanvue-dark #sidebar a.sidebar-signup:hover,
body.theme-fanvue-dark #sidebar #logoutLink:hover,
body.theme-fanvue-dark #sidebar #billingPortalLink:hover {
  background-color: rgba(0, 245, 138, 0.13) !important;
}

body.theme-fanvue-dark .bg-white,
body.theme-fanvue-dark .bg-white\/70,
body.theme-fanvue-dark .bg-white\/72,
body.theme-fanvue-dark .bg-white\/80,
body.theme-fanvue-dark .bg-white\/90,
body.theme-fanvue-dark .bg-white\/92,
body.theme-fanvue-dark .bg-white\/95 {
  background-color: var(--fanvue-panel) !important;
}

body.theme-fanvue-dark .bg-slate-50,
body.theme-fanvue-dark .bg-slate-50\/60,
body.theme-fanvue-dark .bg-slate-50\/80,
body.theme-fanvue-dark .bg-slate-100,
body.theme-fanvue-dark .bg-slate-100\/70 {
  background-color: var(--fanvue-panel-2) !important;
}

body.theme-fanvue-dark .bg-slate-200,
body.theme-fanvue-dark .bg-slate-300,
body.theme-fanvue-dark .bg-slate-300\/80 {
  background-color: var(--fanvue-panel-3) !important;
}

body.theme-fanvue-dark .bg-black\/5 {
  background-color: rgba(255, 255, 255, 0.07) !important;
}

body.theme-fanvue-dark .hover\:bg-white:hover,
body.theme-fanvue-dark .hover\:bg-slate-50:hover,
body.theme-fanvue-dark .hover\:bg-slate-100:hover {
  background-color: #2a2234 !important;
}

body.theme-fanvue-dark .border-slate-100,
body.theme-fanvue-dark .border-slate-200,
body.theme-fanvue-dark .border-slate-300,
body.theme-fanvue-dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]),
body.theme-fanvue-dark .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--fanvue-border) !important;
}

body.theme-fanvue-dark .hover\:border-slate-300:hover {
  border-color: var(--fanvue-border-strong) !important;
}

body.theme-fanvue-dark .ring-slate-100,
body.theme-fanvue-dark .ring-slate-200,
body.theme-fanvue-dark .ring-slate-300 {
  --tw-ring-color: var(--fanvue-border) !important;
}

body.theme-fanvue-dark .text-slate-950,
body.theme-fanvue-dark .text-slate-900,
body.theme-fanvue-dark .text-slate-800 {
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark .text-slate-700,
body.theme-fanvue-dark .text-slate-600 {
  color: var(--fanvue-muted) !important;
}

body.theme-fanvue-dark .text-slate-500,
body.theme-fanvue-dark .text-slate-400 {
  color: var(--fanvue-soft) !important;
}

body.theme-fanvue-dark .text-indigo-700,
body.theme-fanvue-dark .text-indigo-600,
body.theme-fanvue-dark .text-indigo-500 {
  color: var(--fanvue-accent) !important;
}

body.theme-fanvue-dark .text-indigo-100 {
  color: #c7ffe2 !important;
}

body.theme-fanvue-dark .bg-indigo-700,
body.theme-fanvue-dark .bg-indigo-600,
body.theme-fanvue-dark .bg-indigo-500 {
  background-color: var(--fanvue-accent-strong) !important;
}

body.theme-fanvue-dark .bg-indigo-50,
body.theme-fanvue-dark .bg-indigo-100,
body.theme-fanvue-dark .bg-indigo-600\/60,
body.theme-fanvue-dark .bg-indigo-700\/10 {
  background-color: var(--fanvue-accent-soft) !important;
}

body.theme-fanvue-dark .hover\:bg-indigo-600:hover,
body.theme-fanvue-dark .hover\:bg-indigo-700:hover,
body.theme-fanvue-dark .hover\:bg-indigo-600\/50:hover {
  background-color: rgba(0, 245, 138, 0.28) !important;
}

body.theme-fanvue-dark .border-indigo-400,
body.theme-fanvue-dark .border-indigo-200,
body.theme-fanvue-dark .border-indigo-300,
body.theme-fanvue-dark .border-indigo-500,
body.theme-fanvue-dark .border-indigo-600,
body.theme-fanvue-dark .ring-indigo-100,
body.theme-fanvue-dark .ring-indigo-500,
body.theme-fanvue-dark .ring-indigo-600,
body.theme-fanvue-dark .ring-indigo-700 {
  border-color: rgba(0, 245, 138, 0.46) !important;
  --tw-ring-color: rgba(0, 245, 138, 0.42) !important;
}

body.theme-fanvue-dark .hover\:border-indigo-300:hover {
  border-color: rgba(0, 245, 138, 0.55) !important;
}

body.theme-fanvue-dark .hover\:bg-indigo-50:hover {
  background-color: rgba(0, 245, 138, 0.16) !important;
}

body.theme-fanvue-dark .group:hover .group-hover\:text-indigo-700 {
  color: var(--fanvue-accent) !important;
}

body.theme-fanvue-dark .from-indigo-700 {
  --tw-gradient-from: var(--fanvue-accent-strong) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(0, 201, 111, 0) var(--tw-gradient-to-position) !important;
}

body.theme-fanvue-dark .via-violet-700 {
  --tw-gradient-via: #00a963 var(--tw-gradient-via-position) !important;
}

body.theme-fanvue-dark .to-fuchsia-600 {
  --tw-gradient-to: var(--fanvue-cyan) var(--tw-gradient-to-position) !important;
}

body.theme-fanvue-dark .from-white {
  --tw-gradient-from: var(--fanvue-panel) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(23, 20, 29, 0) var(--tw-gradient-to-position) !important;
}

body.theme-fanvue-dark .via-white,
body.theme-fanvue-dark .via-slate-50 {
  --tw-gradient-via: var(--fanvue-panel-2) var(--tw-gradient-via-position) !important;
}

body.theme-fanvue-dark .to-slate-100,
body.theme-fanvue-dark .to-violet-50,
body.theme-fanvue-dark .to-indigo-50 {
  --tw-gradient-to: var(--fanvue-panel-3) var(--tw-gradient-to-position) !important;
}

body.theme-fanvue-dark .from-indigo-50,
body.theme-fanvue-dark .via-violet-50,
body.theme-fanvue-dark .to-fuchsia-50,
body.theme-fanvue-dark .to-emerald-50 {
  --tw-gradient-from: rgba(0, 245, 138, 0.12) var(--tw-gradient-from-position) !important;
  --tw-gradient-via: rgba(0, 169, 99, 0.1) var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(53, 213, 198, 0.12) var(--tw-gradient-to-position) !important;
}

body.theme-fanvue-dark input,
body.theme-fanvue-dark textarea,
body.theme-fanvue-dark select {
  background-color: var(--fanvue-panel-2) !important;
  border-color: var(--fanvue-border) !important;
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark input::placeholder,
body.theme-fanvue-dark textarea::placeholder {
  color: var(--fanvue-soft) !important;
}

body.theme-fanvue-dark input[type="range"] {
  accent-color: var(--fanvue-accent);
}

body.theme-fanvue-dark .shadow-sm {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 50px rgba(0, 0, 0, 0.18) !important;
}

body.theme-fanvue-dark .shadow-md,
body.theme-fanvue-dark .shadow-lg,
body.theme-fanvue-dark .shadow-xl,
body.theme-fanvue-dark .shadow-2xl {
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.42) !important;
}

body.theme-fanvue-dark .bg-emerald-50 {
  background-color: rgba(16, 185, 129, 0.15) !important;
}

body.theme-fanvue-dark .text-emerald-700,
body.theme-fanvue-dark .text-emerald-800 {
  color: #86efac !important;
}

body.theme-fanvue-dark .border-emerald-200,
body.theme-fanvue-dark .border-emerald-600,
body.theme-fanvue-dark .ring-emerald-100 {
  border-color: rgba(52, 211, 153, 0.45) !important;
  --tw-ring-color: rgba(52, 211, 153, 0.24) !important;
}

body.theme-fanvue-dark .bg-amber-50 {
  background-color: rgba(245, 158, 11, 0.16) !important;
}

body.theme-fanvue-dark .text-amber-700,
body.theme-fanvue-dark .text-amber-800,
body.theme-fanvue-dark .text-amber-950 {
  color: #fcd34d !important;
}

body.theme-fanvue-dark .border-amber-200 {
  border-color: rgba(245, 158, 11, 0.38) !important;
}

body.theme-fanvue-dark .bg-rose-50 {
  background-color: rgba(244, 63, 94, 0.15) !important;
}

body.theme-fanvue-dark .text-rose-700,
body.theme-fanvue-dark .text-rose-800,
body.theme-fanvue-dark .text-rose-900,
body.theme-fanvue-dark .text-rose-950 {
  color: #fda4af !important;
}

body.theme-fanvue-dark .border-rose-200 {
  border-color: rgba(244, 63, 94, 0.38) !important;
}

body.theme-fanvue-dark .border-white\/70,
body.theme-fanvue-dark .ring-white\/60 {
  border-color: var(--fanvue-border) !important;
  --tw-ring-color: var(--fanvue-border) !important;
}

body.theme-fanvue-dark .bg-cyan-50 {
  background-color: rgba(53, 213, 198, 0.14) !important;
}

body.theme-fanvue-dark .text-cyan-700 {
  color: #67e8f9 !important;
}

body.theme-fanvue-dark table {
  color: var(--fanvue-muted);
}

body.theme-fanvue-dark thead {
  color: var(--fanvue-soft);
}

body.theme-fanvue-dark code,
body.theme-fanvue-dark pre {
  background-color: #100d16 !important;
  color: #f4ecff !important;
}

body.theme-fanvue-dark [data-role="fanvue-oauth-connect"],
body.theme-fanvue-dark [data-role="fanvue-oauth-disconnect"] {
  border-color: rgba(0, 245, 138, 0.42) !important;
}

body.theme-fanvue-dark #plansStatusBox {
  border-color: var(--fanvue-border) !important;
}

body.theme-fanvue-dark #billingToggle {
  background-color: var(--fanvue-panel-3) !important;
}

body.theme-fanvue-dark #billingToggle[aria-checked="true"] {
  background-color: var(--fanvue-accent-strong) !important;
}

body.theme-fanvue-dark #billingKnob {
  background-color: #fff !important;
}

body.theme-fanvue-dark #shclTopProgress [data-role="bar"] {
  background-color: var(--fanvue-accent-strong) !important;
  box-shadow: 0 0 10px rgba(0, 245, 138, 0.42) !important;
}

body.theme-fanvue-dark .shcl-calendar-status-published {
  background-color: rgba(16, 185, 129, 0.16) !important;
  color: #86efac !important;
  --tw-ring-color: rgba(16, 185, 129, 0.42) !important;
}

body.theme-fanvue-dark .shcl-calendar-status-scheduled {
  background-color: rgba(99, 102, 241, 0.18) !important;
  color: #c4b5fd !important;
  --tw-ring-color: rgba(129, 140, 248, 0.46) !important;
}

body.theme-fanvue-dark .shcl-content-series-status-ready {
  background-color: rgba(0, 245, 138, 0.1) !important;
  border-color: rgba(0, 245, 138, 0.3) !important;
  color: #b7f8d2 !important;
}

body.theme-fanvue-dark .shcl-series-flow-format-badge.shcl-series-flow-format-image,
body.theme-fanvue-dark .shcl-series-flow-post-type-option[aria-pressed="true"].shcl-series-flow-format-image {
  background-color: rgba(53, 213, 198, 0.12) !important;
  border-color: rgba(53, 213, 198, 0.34) !important;
  color: #99f6e4 !important;
}

body.theme-fanvue-dark .shcl-series-flow-format-badge.shcl-series-flow-format-reel,
body.theme-fanvue-dark .shcl-series-flow-post-type-option[aria-pressed="true"].shcl-series-flow-format-reel {
  background-color: rgba(0, 245, 138, 0.1) !important;
  border-color: rgba(0, 245, 138, 0.3) !important;
  color: #b7f8d2 !important;
}

body.theme-fanvue-dark .shcl-series-flow-post-type-toggle {
  background-color: var(--fanvue-panel-2) !important;
  border-color: var(--fanvue-border) !important;
}

body.theme-fanvue-dark .shcl-series-flow-post-type-option[aria-pressed="true"] {
  box-shadow: inset 0 0 0 1px currentColor, 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.theme-fanvue-dark .shcl-series-flow-post-type-option[aria-pressed="false"] {
  background-color: transparent !important;
  color: var(--fanvue-soft) !important;
}

body.theme-fanvue-dark .shcl-series-flow-post-type-option[aria-pressed="false"]:hover {
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark .shcl-fanvue-store-hero-cta {
  background-color: rgba(0, 245, 138, 0.1) !important;
  border-color: rgba(0, 245, 138, 0.34) !important;
  color: #d9ffe9 !important;
}

body.theme-fanvue-dark .shcl-fanvue-store-hero-cta:hover {
  background-color: rgba(0, 245, 138, 0.16) !important;
}

body.theme-fanvue-dark .shcl-fanvue-store-sidebar-cta {
  background: linear-gradient(135deg, rgba(0, 245, 138, 0.14), rgba(53, 213, 198, 0.08)) !important;
  border-color: rgba(0, 245, 138, 0.28) !important;
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark .shcl-fanvue-store-sidebar-cta:hover {
  background: linear-gradient(135deg, rgba(0, 245, 138, 0.2), rgba(53, 213, 198, 0.12)) !important;
}

body.theme-fanvue-dark .shcl-fanvue-store-sidebar-cta .text-indigo-100 {
  color: #b7f8d2 !important;
}

body.theme-fanvue-dark .shcl-fanvue-payments-widget {
  background: linear-gradient(135deg, rgba(0, 245, 138, 0.12), rgba(23, 20, 29, 0.96)) !important;
  border-color: rgba(0, 245, 138, 0.28) !important;
  color: var(--fanvue-muted) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26) !important;
}

body.theme-fanvue-dark .shcl-fanvue-payments-widget .font-semibold {
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark .shcl-fanvue-payments-widget button[data-fanvue-sync] {
  background-color: var(--fanvue-accent-strong) !important;
  border-color: rgba(0, 245, 138, 0.62) !important;
  color: #06110b !important;
  box-shadow: 0 12px 30px rgba(0, 245, 138, 0.16) !important;
}

body.theme-fanvue-dark .shcl-fanvue-payments-widget button[data-fanvue-sync]:hover {
  background-color: var(--fanvue-accent) !important;
}

body.theme-fanvue-dark #widget_subscription .shcl-sidebar-plan-card {
  background: linear-gradient(135deg, var(--fanvue-panel-2), var(--fanvue-panel)) !important;
  border: 1px solid var(--fanvue-border) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34) !important;
}

body.theme-fanvue-dark #widget_subscription .shcl-sidebar-plan-card .text-indigo-200 {
  color: var(--fanvue-soft) !important;
}

body.theme-fanvue-dark #widget_subscription .shcl-sidebar-plan-card a {
  background-color: rgba(0, 245, 138, 0.14) !important;
  border: 1px solid rgba(0, 245, 138, 0.26) !important;
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark #widget_subscription .shcl-sidebar-plan-card a:hover {
  background-color: rgba(0, 245, 138, 0.22) !important;
}

body.theme-fanvue-dark .shcl-account-settings-widget {
  background-color: var(--fanvue-panel) !important;
  border-color: rgba(248, 113, 113, 0.28) !important;
}

body.theme-fanvue-dark .shcl-account-settings-header {
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.16), rgba(23, 20, 29, 0.96)) !important;
  border-color: rgba(248, 113, 113, 0.24) !important;
}

body.theme-fanvue-dark .shcl-account-settings-header .bg-red-100 {
  background-color: rgba(248, 113, 113, 0.16) !important;
}

body.theme-fanvue-dark .shcl-account-settings-important {
  background-color: rgba(248, 113, 113, 0.11) !important;
  border-color: rgba(248, 113, 113, 0.32) !important;
}

body.theme-fanvue-dark .shcl-account-settings-important .text-red-700,
body.theme-fanvue-dark .shcl-account-settings-important .text-slate-700 {
  color: #fecaca !important;
}

body.theme-fanvue-dark .shcl-generating-content-card {
  background-color: var(--fanvue-panel-2) !important;
}

body.theme-fanvue-dark .shcl-generating-content-pulse,
body.theme-fanvue-dark #previewPlaceholder.shcl-create-preview-placeholder,
body.theme-fanvue-dark .shcl-series-flow-visual-placeholder {
  background: radial-gradient(circle at top left, rgba(0, 245, 138, 0.12), transparent 36%),
    linear-gradient(135deg, var(--fanvue-panel-2), var(--fanvue-panel-3)) !important;
}

body.theme-fanvue-dark .shcl-generating-content-overlay,
body.theme-fanvue-dark [data-role="recent-card-loading-overlay"],
body.theme-fanvue-dark [data-role="post-loading-overlay"] {
  background-color: rgba(23, 20, 29, 0.86) !important;
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark .shcl-generating-content-overlay .text-slate-800,
body.theme-fanvue-dark [data-role="recent-card-loading-overlay"] .text-slate-800,
body.theme-fanvue-dark [data-role="post-loading-overlay"] .text-slate-800 {
  color: var(--fanvue-text) !important;
}

body.theme-fanvue-dark .shcl-generating-content-overlay .text-slate-600,
body.theme-fanvue-dark [data-role="recent-card-loading-overlay"] .text-slate-600,
body.theme-fanvue-dark [data-role="post-loading-overlay"] .text-slate-600 {
  color: var(--fanvue-muted) !important;
}

body.theme-fanvue-dark .shcl-generating-content-overlay .border-slate-300,
body.theme-fanvue-dark [data-role="recent-card-loading-overlay"] .border-slate-300,
body.theme-fanvue-dark [data-role="post-loading-overlay"] .border-slate-300 {
  border-color: rgba(255, 255, 255, 0.22) !important;
}

body.theme-fanvue-dark .animate-spin.border-slate-200,
body.theme-fanvue-dark .animate-spin.border-slate-300,
body.theme-fanvue-dark .animate-spin.border-indigo-200 {
  border-color: rgba(255, 255, 255, 0.22) !important;
}

body.theme-fanvue-dark .animate-spin.border-transparent {
  border-color: transparent !important;
}

body.theme-fanvue-dark .animate-spin.border-t-indigo-600,
body.theme-fanvue-dark .animate-spin.border-t-indigo-700,
body.theme-fanvue-dark .animate-spin.border-t-violet-600 {
  border-top-color: var(--fanvue-accent) !important;
}

body.theme-fanvue-dark .shcl-generating-content-overlay .border-t-violet-600,
body.theme-fanvue-dark [data-role="recent-card-loading-overlay"] .border-t-indigo-700,
body.theme-fanvue-dark [data-role="post-loading-overlay"] .border-t-indigo-700 {
  border-top-color: var(--fanvue-accent) !important;
}

body.theme-fanvue-dark [data-action="publish-post"] {
  border-color: transparent !important;
}

body.theme-fanvue-dark [data-action="delete-post"]:hover,
body.theme-fanvue-dark [data-action="recent-delete"]:hover,
body.theme-fanvue-dark [data-action="archive-persona"]:hover {
  background-color: rgba(248, 113, 113, 0.12) !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
  color: #fecaca !important;
}

body.theme-fanvue-dark .shcl-post-generation-failed {
  background-color: rgba(248, 113, 113, 0.1) !important;
}

body.theme-fanvue-dark .shcl-series-overview-failed-preview {
  background-color: rgba(248, 113, 113, 0.1) !important;
}

body.theme-fanvue-dark .shcl-series-flow-failed-preview {
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.14), rgba(23, 20, 29, 0.96)) !important;
}

body.theme-fanvue-dark .shcl-series-flow-failed-preview .shcl-post-generation-failed {
  background: transparent !important;
}

body.theme-fanvue-dark .shcl-post-deleted {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

body.theme-fanvue-dark .shcl-series-flow-deleted-preview {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

body.theme-fanvue-dark .shcl-post-deleted-icon {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

body.theme-fanvue-dark .shcl-post-deleted-icon svg {
  color: var(--fanvue-muted) !important;
}

body.theme-fanvue-dark .shcl-post-generation-failed-icon {
  background-color: rgba(248, 113, 113, 0.14) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
}

body.theme-fanvue-dark .shcl-post-generation-failed-icon svg {
  color: #fecaca !important;
}

body.theme-fanvue-dark .chip {
  background-color: var(--fanvue-panel-2) !important;
  border-color: var(--fanvue-border) !important;
  color: var(--fanvue-muted) !important;
}

body.theme-fanvue-dark .chip.bg-indigo-700,
body.theme-fanvue-dark .chip.ring-indigo-700,
body.theme-fanvue-dark .chip[aria-pressed="true"] {
  background-color: var(--fanvue-accent-strong) !important;
  border-color: rgba(0, 245, 138, 0.7) !important;
  color: #fff !important;
}

body.theme-fanvue-dark img {
  color-scheme: light;
}