/* User-side dark mode. Switched on by the moon button in the header (html.mx-dark, saved per visitor).
   Generated by scripts/build-user-dark-css.py (edit that, then run it): maps the light colours used across the site to dark ones. */
html.mx-dark {
    color-scheme: dark;
    --d-bg: #0b1120;
    --d-surface: #111a2e;
    --d-surface-2: #16213a;
    --d-surface-3: #1d2a47;
    --d-border: rgba(148, 163, 184, .16);
    --d-border-strong: rgba(148, 163, 184, .28);
    --d-text: #e2e8f0;
    --d-strong: #f8fafc;
    --d-muted: #94a3b8;
    --d-faint: #64748b;
    --bs-body-bg: var(--d-bg);
    --bs-body-color: var(--d-text);
    --bs-secondary-bg: var(--d-surface-2);
    --bs-tertiary-bg: var(--d-surface-2);
    --bs-border-color: var(--d-border);
    --bs-emphasis-color: var(--d-strong);
    --bs-heading-color: var(--d-strong);
    --bs-secondary-color: var(--d-muted);
}
html.mx-dark .bg-\[\#f8fafc\] { background-color: var(--d-bg) !important; }
html.mx-dark body { background-color: var(--d-bg) !important; color: var(--d-text) !important; }
html.mx-dark h1, html.mx-dark h2, html.mx-dark h3, html.mx-dark h4, html.mx-dark h5, html.mx-dark h6 { color: var(--d-strong); }
html.mx-dark hr { border-color: var(--d-border-strong); opacity: 1; }
html.mx-dark ::placeholder { color: var(--d-faint) !important; }
html.mx-dark ::-webkit-scrollbar-track { background: var(--d-bg); }
html.mx-dark ::-webkit-scrollbar-thumb { background: #334155; }

html.mx-dark .bg-white { background-color: var(--d-surface) !important; }
html.mx-dark .bg-slate-50, html.mx-dark [class*="bg-slate-50/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-gray-50, html.mx-dark [class*="bg-gray-50/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-zinc-50, html.mx-dark [class*="bg-zinc-50/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-neutral-50, html.mx-dark [class*="bg-neutral-50/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-slate-100, html.mx-dark [class*="bg-slate-100/"] { background-color: var(--d-surface-3) !important; }
html.mx-dark .bg-gray-100, html.mx-dark [class*="bg-gray-100/"] { background-color: var(--d-surface-3) !important; }
html.mx-dark .bg-slate-200, html.mx-dark [class*="bg-slate-200/"] { background-color: #26344f !important; }
html.mx-dark .bg-gray-200, html.mx-dark [class*="bg-gray-200/"] { background-color: #26344f !important; }
html.mx-dark .bg-slate-300, html.mx-dark [class*="bg-slate-300/"] { background-color: #334155 !important; }
html.mx-dark .bg-light, html.mx-dark [class*="bg-light/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-body, html.mx-dark [class*="bg-body/"] { background-color: var(--d-bg) !important; }
html.mx-dark .bg-body-tertiary, html.mx-dark [class*="bg-body-tertiary/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-body-secondary, html.mx-dark [class*="bg-body-secondary/"] { background-color: var(--d-surface-2) !important; }
html.mx-dark .bg-white\/40 { background-color: rgba(17, 26, 46, 0.40) !important; }
html.mx-dark .bg-white\/50 { background-color: rgba(17, 26, 46, 0.50) !important; }
html.mx-dark .bg-white\/60 { background-color: rgba(17, 26, 46, 0.60) !important; }
html.mx-dark .bg-white\/70 { background-color: rgba(17, 26, 46, 0.70) !important; }
html.mx-dark .bg-white\/80 { background-color: rgba(17, 26, 46, 0.80) !important; }
html.mx-dark .bg-white\/90 { background-color: rgba(17, 26, 46, 0.90) !important; }
html.mx-dark .bg-white\/95 { background-color: rgba(17, 26, 46, 0.95) !important; }
html.mx-dark .bg-slate-50\/10 { background-color: rgba(22, 33, 58, 0.10) !important; }
html.mx-dark .bg-slate-50\/15 { background-color: rgba(22, 33, 58, 0.15) !important; }
html.mx-dark .bg-slate-50\/20 { background-color: rgba(22, 33, 58, 0.20) !important; }
html.mx-dark .bg-slate-50\/25 { background-color: rgba(22, 33, 58, 0.25) !important; }
html.mx-dark .bg-slate-50\/30 { background-color: rgba(22, 33, 58, 0.30) !important; }
html.mx-dark .bg-slate-50\/40 { background-color: rgba(22, 33, 58, 0.40) !important; }
html.mx-dark .bg-slate-50\/50 { background-color: rgba(22, 33, 58, 0.50) !important; }
html.mx-dark .bg-slate-50\/60 { background-color: rgba(22, 33, 58, 0.60) !important; }
html.mx-dark .bg-slate-50\/70 { background-color: rgba(22, 33, 58, 0.70) !important; }
html.mx-dark .bg-slate-50\/80 { background-color: rgba(22, 33, 58, 0.80) !important; }
html.mx-dark .bg-slate-50\/90 { background-color: rgba(22, 33, 58, 0.90) !important; }
html.mx-dark .bg-slate-50\/95 { background-color: rgba(22, 33, 58, 0.95) !important; }
html.mx-dark .bg-gray-50\/10 { background-color: rgba(22, 33, 58, 0.10) !important; }
html.mx-dark .bg-gray-50\/15 { background-color: rgba(22, 33, 58, 0.15) !important; }
html.mx-dark .bg-gray-50\/20 { background-color: rgba(22, 33, 58, 0.20) !important; }
html.mx-dark .bg-gray-50\/25 { background-color: rgba(22, 33, 58, 0.25) !important; }
html.mx-dark .bg-gray-50\/30 { background-color: rgba(22, 33, 58, 0.30) !important; }
html.mx-dark .bg-gray-50\/40 { background-color: rgba(22, 33, 58, 0.40) !important; }
html.mx-dark .bg-gray-50\/50 { background-color: rgba(22, 33, 58, 0.50) !important; }
html.mx-dark .bg-gray-50\/60 { background-color: rgba(22, 33, 58, 0.60) !important; }
html.mx-dark .bg-gray-50\/70 { background-color: rgba(22, 33, 58, 0.70) !important; }
html.mx-dark .bg-gray-50\/80 { background-color: rgba(22, 33, 58, 0.80) !important; }
html.mx-dark .bg-gray-50\/90 { background-color: rgba(22, 33, 58, 0.90) !important; }
html.mx-dark .bg-gray-50\/95 { background-color: rgba(22, 33, 58, 0.95) !important; }
html.mx-dark .bg-slate-100\/10 { background-color: rgba(29, 42, 71, 0.10) !important; }
html.mx-dark .bg-slate-100\/15 { background-color: rgba(29, 42, 71, 0.15) !important; }
html.mx-dark .bg-slate-100\/20 { background-color: rgba(29, 42, 71, 0.20) !important; }
html.mx-dark .bg-slate-100\/25 { background-color: rgba(29, 42, 71, 0.25) !important; }
html.mx-dark .bg-slate-100\/30 { background-color: rgba(29, 42, 71, 0.30) !important; }
html.mx-dark .bg-slate-100\/40 { background-color: rgba(29, 42, 71, 0.40) !important; }
html.mx-dark .bg-slate-100\/50 { background-color: rgba(29, 42, 71, 0.50) !important; }
html.mx-dark .bg-slate-100\/60 { background-color: rgba(29, 42, 71, 0.60) !important; }
html.mx-dark .bg-slate-100\/70 { background-color: rgba(29, 42, 71, 0.70) !important; }
html.mx-dark .bg-slate-100\/80 { background-color: rgba(29, 42, 71, 0.80) !important; }
html.mx-dark .bg-slate-100\/90 { background-color: rgba(29, 42, 71, 0.90) !important; }
html.mx-dark .bg-slate-100\/95 { background-color: rgba(29, 42, 71, 0.95) !important; }
html.mx-dark .hover\:bg-white:hover, html.mx-dark .hover\:bg-slate-50:hover, html.mx-dark .hover\:bg-gray-50:hover, html.mx-dark .hover\:bg-slate-50\/70:hover, html.mx-dark .hover\:bg-slate-50\/50:hover, html.mx-dark .hover\:bg-slate-50\/60:hover, html.mx-dark .hover\:bg-gray-50\/70:hover { background-color: var(--d-surface-3) !important; }
html.mx-dark .hover\:bg-slate-100:hover, html.mx-dark .hover\:bg-slate-100\/70:hover, html.mx-dark .hover\:bg-slate-100\/80:hover, html.mx-dark .hover\:bg-gray-100:hover, html.mx-dark .hover\:bg-slate-200:hover, html.mx-dark .hover\:bg-gray-200:hover { background-color: #26344f !important; }
html.mx-dark .text-slate-950, html.mx-dark [class*="text-slate-950/"] { color: var(--d-strong) !important; }
html.mx-dark .text-slate-900, html.mx-dark [class*="text-slate-900/"] { color: var(--d-strong) !important; }
html.mx-dark .text-gray-900, html.mx-dark [class*="text-gray-900/"] { color: var(--d-strong) !important; }
html.mx-dark .text-black, html.mx-dark [class*="text-black/"] { color: var(--d-strong) !important; }
html.mx-dark .text-dark, html.mx-dark [class*="text-dark/"] { color: var(--d-strong) !important; }
html.mx-dark .text-body, html.mx-dark [class*="text-body/"] { color: var(--d-text) !important; }
html.mx-dark .text-body-emphasis, html.mx-dark [class*="text-body-emphasis/"] { color: var(--d-strong) !important; }
html.mx-dark .text-slate-800, html.mx-dark [class*="text-slate-800/"] { color: #e2e8f0 !important; }
html.mx-dark .text-gray-800, html.mx-dark [class*="text-gray-800/"] { color: #e2e8f0 !important; }
html.mx-dark .text-slate-700, html.mx-dark [class*="text-slate-700/"] { color: #cbd5e1 !important; }
html.mx-dark .text-gray-700, html.mx-dark [class*="text-gray-700/"] { color: #cbd5e1 !important; }
html.mx-dark .text-slate-600, html.mx-dark [class*="text-slate-600/"] { color: #a7b4c7 !important; }
html.mx-dark .text-gray-600, html.mx-dark [class*="text-gray-600/"] { color: #a7b4c7 !important; }
html.mx-dark .text-slate-500, html.mx-dark [class*="text-slate-500/"] { color: var(--d-muted) !important; }
html.mx-dark .text-gray-500, html.mx-dark [class*="text-gray-500/"] { color: var(--d-muted) !important; }
html.mx-dark .text-muted, html.mx-dark [class*="text-muted/"] { color: var(--d-muted) !important; }
html.mx-dark .text-secondary, html.mx-dark [class*="text-secondary/"] { color: var(--d-muted) !important; }
html.mx-dark .text-body-secondary, html.mx-dark [class*="text-body-secondary/"] { color: var(--d-muted) !important; }
html.mx-dark .text-slate-400, html.mx-dark [class*="text-slate-400/"] { color: #7c8aa0 !important; }
html.mx-dark .text-gray-400, html.mx-dark [class*="text-gray-400/"] { color: #7c8aa0 !important; }
html.mx-dark .text-slate-300, html.mx-dark [class*="text-slate-300/"] { color: #64748b !important; }
html.mx-dark .hover\:text-slate-900:hover { color: var(--d-strong) !important; }
html.mx-dark .hover\:text-gray-900:hover { color: var(--d-strong) !important; }
html.mx-dark .hover\:text-slate-950:hover { color: var(--d-strong) !important; }
html.mx-dark .hover\:text-black:hover { color: var(--d-strong) !important; }
html.mx-dark .hover\:text-slate-800:hover { color: var(--d-strong) !important; }
html.mx-dark .hover\:text-slate-700:hover { color: var(--d-strong) !important; }
html.mx-dark .border-slate-100 { border-color: var(--d-border) !important; }
html.mx-dark .border-gray-100 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-50 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-200 { border-color: var(--d-border) !important; }
html.mx-dark .border-gray-200 { border-color: var(--d-border) !important; }
html.mx-dark .border-light { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-100\/90 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-200\/60 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-200\/70 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-200\/80 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-200\/90 { border-color: var(--d-border) !important; }
html.mx-dark .border-slate-300 { border-color: var(--d-border-strong) !important; }
html.mx-dark .border-gray-300 { border-color: var(--d-border-strong) !important; }
html.mx-dark .border-slate-300\/90 { border-color: var(--d-border-strong) !important; }
html.mx-dark .hover\:border-slate-300:hover { border-color: var(--d-border-strong) !important; }
html.mx-dark .hover\:border-gray-200:hover { border-color: var(--d-border-strong) !important; }
html.mx-dark .border, html.mx-dark .border-top, html.mx-dark .border-bottom, html.mx-dark .border-start, html.mx-dark .border-end { border-color: var(--d-border) !important; }
html.mx-dark .divide-slate-100 > * + *, html.mx-dark .divide-slate-50 > * + *, html.mx-dark .divide-gray-100 > * + *, html.mx-dark .divide-slate-200 > * + * { border-color: var(--d-border) !important; }
html.mx-dark .from-white, html.mx-dark .from-slate-50 { --tw-gradient-from: var(--d-surface) !important; }
html.mx-dark .to-white, html.mx-dark .to-slate-50\/40, html.mx-dark .to-slate-100\/70 { --tw-gradient-to: var(--d-surface) !important; }
html.mx-dark .via-slate-50\/40 { --tw-gradient-via: var(--d-surface) !important; }
html.mx-dark .ring-slate-900\/5, html.mx-dark .ring-black\/10 { --tw-ring-color: var(--d-border) !important; }
html.mx-dark .shadow-sm, html.mx-dark .shadow, html.mx-dark .shadow-md, html.mx-dark .shadow-lg, html.mx-dark .shadow-xl, html.mx-dark .shadow-2xl { --tw-shadow-color: rgba(0,0,0,.5); }
html.mx-dark .bg-red-50, html.mx-dark [class*="bg-red-50/"], html.mx-dark .from-red-50, html.mx-dark [class*="from-red-50/"] { background-color: rgba(239,68,68,.12) !important; --tw-gradient-from: rgba(239,68,68,.12) !important; }
html.mx-dark .via-red-50, html.mx-dark [class*="via-red-50/"], html.mx-dark .via-red-100, html.mx-dark [class*="via-red-100/"] { --tw-gradient-via: rgba(239,68,68,.10) !important; }
html.mx-dark .to-red-50, html.mx-dark [class*="to-red-50/"], html.mx-dark .to-red-100, html.mx-dark [class*="to-red-100/"] { --tw-gradient-to: rgba(239,68,68,.10) !important; }
html.mx-dark .bg-red-100, html.mx-dark [class*="bg-red-100/"], html.mx-dark .hover\:bg-red-50, html.mx-dark [class*="hover:bg-red-50/"], html.mx-dark .hover\:bg-red-100, html.mx-dark [class*="hover:bg-red-100/"] { background-color: rgba(239,68,68,.2) !important; }
html.mx-dark [class*="border-red-1"], html.mx-dark [class*="border-red-2"], html.mx-dark [class*="border-red-3"] { border-color: rgba(239,68,68,.35) !important; }
html.mx-dark [class*="text-red-6"], html.mx-dark [class*="text-red-7"], html.mx-dark [class*="text-red-8"], html.mx-dark [class*="text-red-9"] { color: #fca5a5 !important; }
html.mx-dark .bg-rose-50, html.mx-dark [class*="bg-rose-50/"], html.mx-dark .from-rose-50, html.mx-dark [class*="from-rose-50/"] { background-color: rgba(244,63,94,.12) !important; --tw-gradient-from: rgba(244,63,94,.12) !important; }
html.mx-dark .via-rose-50, html.mx-dark [class*="via-rose-50/"], html.mx-dark .via-rose-100, html.mx-dark [class*="via-rose-100/"] { --tw-gradient-via: rgba(244,63,94,.10) !important; }
html.mx-dark .to-rose-50, html.mx-dark [class*="to-rose-50/"], html.mx-dark .to-rose-100, html.mx-dark [class*="to-rose-100/"] { --tw-gradient-to: rgba(244,63,94,.10) !important; }
html.mx-dark .bg-rose-100, html.mx-dark [class*="bg-rose-100/"], html.mx-dark .hover\:bg-rose-50, html.mx-dark [class*="hover:bg-rose-50/"], html.mx-dark .hover\:bg-rose-100, html.mx-dark [class*="hover:bg-rose-100/"] { background-color: rgba(244,63,94,.2) !important; }
html.mx-dark [class*="border-rose-1"], html.mx-dark [class*="border-rose-2"], html.mx-dark [class*="border-rose-3"] { border-color: rgba(244,63,94,.35) !important; }
html.mx-dark [class*="text-rose-6"], html.mx-dark [class*="text-rose-7"], html.mx-dark [class*="text-rose-8"], html.mx-dark [class*="text-rose-9"] { color: #fda4af !important; }
html.mx-dark .bg-pink-50, html.mx-dark [class*="bg-pink-50/"], html.mx-dark .from-pink-50, html.mx-dark [class*="from-pink-50/"] { background-color: rgba(236,72,153,.12) !important; --tw-gradient-from: rgba(236,72,153,.12) !important; }
html.mx-dark .via-pink-50, html.mx-dark [class*="via-pink-50/"], html.mx-dark .via-pink-100, html.mx-dark [class*="via-pink-100/"] { --tw-gradient-via: rgba(236,72,153,.10) !important; }
html.mx-dark .to-pink-50, html.mx-dark [class*="to-pink-50/"], html.mx-dark .to-pink-100, html.mx-dark [class*="to-pink-100/"] { --tw-gradient-to: rgba(236,72,153,.10) !important; }
html.mx-dark .bg-pink-100, html.mx-dark [class*="bg-pink-100/"], html.mx-dark .hover\:bg-pink-50, html.mx-dark [class*="hover:bg-pink-50/"], html.mx-dark .hover\:bg-pink-100, html.mx-dark [class*="hover:bg-pink-100/"] { background-color: rgba(236,72,153,.2) !important; }
html.mx-dark [class*="border-pink-1"], html.mx-dark [class*="border-pink-2"], html.mx-dark [class*="border-pink-3"] { border-color: rgba(236,72,153,.35) !important; }
html.mx-dark [class*="text-pink-6"], html.mx-dark [class*="text-pink-7"], html.mx-dark [class*="text-pink-8"], html.mx-dark [class*="text-pink-9"] { color: #f9a8d4 !important; }
html.mx-dark .bg-fuchsia-50, html.mx-dark [class*="bg-fuchsia-50/"], html.mx-dark .from-fuchsia-50, html.mx-dark [class*="from-fuchsia-50/"] { background-color: rgba(217,70,239,.12) !important; --tw-gradient-from: rgba(217,70,239,.12) !important; }
html.mx-dark .via-fuchsia-50, html.mx-dark [class*="via-fuchsia-50/"], html.mx-dark .via-fuchsia-100, html.mx-dark [class*="via-fuchsia-100/"] { --tw-gradient-via: rgba(217,70,239,.10) !important; }
html.mx-dark .to-fuchsia-50, html.mx-dark [class*="to-fuchsia-50/"], html.mx-dark .to-fuchsia-100, html.mx-dark [class*="to-fuchsia-100/"] { --tw-gradient-to: rgba(217,70,239,.10) !important; }
html.mx-dark .bg-fuchsia-100, html.mx-dark [class*="bg-fuchsia-100/"], html.mx-dark .hover\:bg-fuchsia-50, html.mx-dark [class*="hover:bg-fuchsia-50/"], html.mx-dark .hover\:bg-fuchsia-100, html.mx-dark [class*="hover:bg-fuchsia-100/"] { background-color: rgba(217,70,239,.2) !important; }
html.mx-dark [class*="border-fuchsia-1"], html.mx-dark [class*="border-fuchsia-2"], html.mx-dark [class*="border-fuchsia-3"] { border-color: rgba(217,70,239,.35) !important; }
html.mx-dark [class*="text-fuchsia-6"], html.mx-dark [class*="text-fuchsia-7"], html.mx-dark [class*="text-fuchsia-8"], html.mx-dark [class*="text-fuchsia-9"] { color: #f0abfc !important; }
html.mx-dark .bg-purple-50, html.mx-dark [class*="bg-purple-50/"], html.mx-dark .from-purple-50, html.mx-dark [class*="from-purple-50/"] { background-color: rgba(168,85,247,.12) !important; --tw-gradient-from: rgba(168,85,247,.12) !important; }
html.mx-dark .via-purple-50, html.mx-dark [class*="via-purple-50/"], html.mx-dark .via-purple-100, html.mx-dark [class*="via-purple-100/"] { --tw-gradient-via: rgba(168,85,247,.10) !important; }
html.mx-dark .to-purple-50, html.mx-dark [class*="to-purple-50/"], html.mx-dark .to-purple-100, html.mx-dark [class*="to-purple-100/"] { --tw-gradient-to: rgba(168,85,247,.10) !important; }
html.mx-dark .bg-purple-100, html.mx-dark [class*="bg-purple-100/"], html.mx-dark .hover\:bg-purple-50, html.mx-dark [class*="hover:bg-purple-50/"], html.mx-dark .hover\:bg-purple-100, html.mx-dark [class*="hover:bg-purple-100/"] { background-color: rgba(168,85,247,.2) !important; }
html.mx-dark [class*="border-purple-1"], html.mx-dark [class*="border-purple-2"], html.mx-dark [class*="border-purple-3"] { border-color: rgba(168,85,247,.35) !important; }
html.mx-dark [class*="text-purple-6"], html.mx-dark [class*="text-purple-7"], html.mx-dark [class*="text-purple-8"], html.mx-dark [class*="text-purple-9"] { color: #d8b4fe !important; }
html.mx-dark .bg-violet-50, html.mx-dark [class*="bg-violet-50/"], html.mx-dark .from-violet-50, html.mx-dark [class*="from-violet-50/"] { background-color: rgba(139,92,246,.12) !important; --tw-gradient-from: rgba(139,92,246,.12) !important; }
html.mx-dark .via-violet-50, html.mx-dark [class*="via-violet-50/"], html.mx-dark .via-violet-100, html.mx-dark [class*="via-violet-100/"] { --tw-gradient-via: rgba(139,92,246,.10) !important; }
html.mx-dark .to-violet-50, html.mx-dark [class*="to-violet-50/"], html.mx-dark .to-violet-100, html.mx-dark [class*="to-violet-100/"] { --tw-gradient-to: rgba(139,92,246,.10) !important; }
html.mx-dark .bg-violet-100, html.mx-dark [class*="bg-violet-100/"], html.mx-dark .hover\:bg-violet-50, html.mx-dark [class*="hover:bg-violet-50/"], html.mx-dark .hover\:bg-violet-100, html.mx-dark [class*="hover:bg-violet-100/"] { background-color: rgba(139,92,246,.2) !important; }
html.mx-dark [class*="border-violet-1"], html.mx-dark [class*="border-violet-2"], html.mx-dark [class*="border-violet-3"] { border-color: rgba(139,92,246,.35) !important; }
html.mx-dark [class*="text-violet-6"], html.mx-dark [class*="text-violet-7"], html.mx-dark [class*="text-violet-8"], html.mx-dark [class*="text-violet-9"] { color: #c4b5fd !important; }
html.mx-dark .bg-indigo-50, html.mx-dark [class*="bg-indigo-50/"], html.mx-dark .from-indigo-50, html.mx-dark [class*="from-indigo-50/"] { background-color: rgba(99,102,241,.12) !important; --tw-gradient-from: rgba(99,102,241,.12) !important; }
html.mx-dark .via-indigo-50, html.mx-dark [class*="via-indigo-50/"], html.mx-dark .via-indigo-100, html.mx-dark [class*="via-indigo-100/"] { --tw-gradient-via: rgba(99,102,241,.10) !important; }
html.mx-dark .to-indigo-50, html.mx-dark [class*="to-indigo-50/"], html.mx-dark .to-indigo-100, html.mx-dark [class*="to-indigo-100/"] { --tw-gradient-to: rgba(99,102,241,.10) !important; }
html.mx-dark .bg-indigo-100, html.mx-dark [class*="bg-indigo-100/"], html.mx-dark .hover\:bg-indigo-50, html.mx-dark [class*="hover:bg-indigo-50/"], html.mx-dark .hover\:bg-indigo-100, html.mx-dark [class*="hover:bg-indigo-100/"] { background-color: rgba(99,102,241,.2) !important; }
html.mx-dark [class*="border-indigo-1"], html.mx-dark [class*="border-indigo-2"], html.mx-dark [class*="border-indigo-3"] { border-color: rgba(99,102,241,.35) !important; }
html.mx-dark [class*="text-indigo-6"], html.mx-dark [class*="text-indigo-7"], html.mx-dark [class*="text-indigo-8"], html.mx-dark [class*="text-indigo-9"] { color: #a5b4fc !important; }
html.mx-dark .bg-blue-50, html.mx-dark [class*="bg-blue-50/"], html.mx-dark .from-blue-50, html.mx-dark [class*="from-blue-50/"] { background-color: rgba(59,130,246,.12) !important; --tw-gradient-from: rgba(59,130,246,.12) !important; }
html.mx-dark .via-blue-50, html.mx-dark [class*="via-blue-50/"], html.mx-dark .via-blue-100, html.mx-dark [class*="via-blue-100/"] { --tw-gradient-via: rgba(59,130,246,.10) !important; }
html.mx-dark .to-blue-50, html.mx-dark [class*="to-blue-50/"], html.mx-dark .to-blue-100, html.mx-dark [class*="to-blue-100/"] { --tw-gradient-to: rgba(59,130,246,.10) !important; }
html.mx-dark .bg-blue-100, html.mx-dark [class*="bg-blue-100/"], html.mx-dark .hover\:bg-blue-50, html.mx-dark [class*="hover:bg-blue-50/"], html.mx-dark .hover\:bg-blue-100, html.mx-dark [class*="hover:bg-blue-100/"] { background-color: rgba(59,130,246,.2) !important; }
html.mx-dark [class*="border-blue-1"], html.mx-dark [class*="border-blue-2"], html.mx-dark [class*="border-blue-3"] { border-color: rgba(59,130,246,.35) !important; }
html.mx-dark [class*="text-blue-6"], html.mx-dark [class*="text-blue-7"], html.mx-dark [class*="text-blue-8"], html.mx-dark [class*="text-blue-9"] { color: #93c5fd !important; }
html.mx-dark .bg-sky-50, html.mx-dark [class*="bg-sky-50/"], html.mx-dark .from-sky-50, html.mx-dark [class*="from-sky-50/"] { background-color: rgba(14,165,233,.12) !important; --tw-gradient-from: rgba(14,165,233,.12) !important; }
html.mx-dark .via-sky-50, html.mx-dark [class*="via-sky-50/"], html.mx-dark .via-sky-100, html.mx-dark [class*="via-sky-100/"] { --tw-gradient-via: rgba(14,165,233,.10) !important; }
html.mx-dark .to-sky-50, html.mx-dark [class*="to-sky-50/"], html.mx-dark .to-sky-100, html.mx-dark [class*="to-sky-100/"] { --tw-gradient-to: rgba(14,165,233,.10) !important; }
html.mx-dark .bg-sky-100, html.mx-dark [class*="bg-sky-100/"], html.mx-dark .hover\:bg-sky-50, html.mx-dark [class*="hover:bg-sky-50/"], html.mx-dark .hover\:bg-sky-100, html.mx-dark [class*="hover:bg-sky-100/"] { background-color: rgba(14,165,233,.2) !important; }
html.mx-dark [class*="border-sky-1"], html.mx-dark [class*="border-sky-2"], html.mx-dark [class*="border-sky-3"] { border-color: rgba(14,165,233,.35) !important; }
html.mx-dark [class*="text-sky-6"], html.mx-dark [class*="text-sky-7"], html.mx-dark [class*="text-sky-8"], html.mx-dark [class*="text-sky-9"] { color: #7dd3fc !important; }
html.mx-dark .bg-cyan-50, html.mx-dark [class*="bg-cyan-50/"], html.mx-dark .from-cyan-50, html.mx-dark [class*="from-cyan-50/"] { background-color: rgba(6,182,212,.12) !important; --tw-gradient-from: rgba(6,182,212,.12) !important; }
html.mx-dark .via-cyan-50, html.mx-dark [class*="via-cyan-50/"], html.mx-dark .via-cyan-100, html.mx-dark [class*="via-cyan-100/"] { --tw-gradient-via: rgba(6,182,212,.10) !important; }
html.mx-dark .to-cyan-50, html.mx-dark [class*="to-cyan-50/"], html.mx-dark .to-cyan-100, html.mx-dark [class*="to-cyan-100/"] { --tw-gradient-to: rgba(6,182,212,.10) !important; }
html.mx-dark .bg-cyan-100, html.mx-dark [class*="bg-cyan-100/"], html.mx-dark .hover\:bg-cyan-50, html.mx-dark [class*="hover:bg-cyan-50/"], html.mx-dark .hover\:bg-cyan-100, html.mx-dark [class*="hover:bg-cyan-100/"] { background-color: rgba(6,182,212,.2) !important; }
html.mx-dark [class*="border-cyan-1"], html.mx-dark [class*="border-cyan-2"], html.mx-dark [class*="border-cyan-3"] { border-color: rgba(6,182,212,.35) !important; }
html.mx-dark [class*="text-cyan-6"], html.mx-dark [class*="text-cyan-7"], html.mx-dark [class*="text-cyan-8"], html.mx-dark [class*="text-cyan-9"] { color: #67e8f9 !important; }
html.mx-dark .bg-teal-50, html.mx-dark [class*="bg-teal-50/"], html.mx-dark .from-teal-50, html.mx-dark [class*="from-teal-50/"] { background-color: rgba(20,184,166,.12) !important; --tw-gradient-from: rgba(20,184,166,.12) !important; }
html.mx-dark .via-teal-50, html.mx-dark [class*="via-teal-50/"], html.mx-dark .via-teal-100, html.mx-dark [class*="via-teal-100/"] { --tw-gradient-via: rgba(20,184,166,.10) !important; }
html.mx-dark .to-teal-50, html.mx-dark [class*="to-teal-50/"], html.mx-dark .to-teal-100, html.mx-dark [class*="to-teal-100/"] { --tw-gradient-to: rgba(20,184,166,.10) !important; }
html.mx-dark .bg-teal-100, html.mx-dark [class*="bg-teal-100/"], html.mx-dark .hover\:bg-teal-50, html.mx-dark [class*="hover:bg-teal-50/"], html.mx-dark .hover\:bg-teal-100, html.mx-dark [class*="hover:bg-teal-100/"] { background-color: rgba(20,184,166,.2) !important; }
html.mx-dark [class*="border-teal-1"], html.mx-dark [class*="border-teal-2"], html.mx-dark [class*="border-teal-3"] { border-color: rgba(20,184,166,.35) !important; }
html.mx-dark [class*="text-teal-6"], html.mx-dark [class*="text-teal-7"], html.mx-dark [class*="text-teal-8"], html.mx-dark [class*="text-teal-9"] { color: #5eead4 !important; }
html.mx-dark .bg-emerald-50, html.mx-dark [class*="bg-emerald-50/"], html.mx-dark .from-emerald-50, html.mx-dark [class*="from-emerald-50/"] { background-color: rgba(16,185,129,.12) !important; --tw-gradient-from: rgba(16,185,129,.12) !important; }
html.mx-dark .via-emerald-50, html.mx-dark [class*="via-emerald-50/"], html.mx-dark .via-emerald-100, html.mx-dark [class*="via-emerald-100/"] { --tw-gradient-via: rgba(16,185,129,.10) !important; }
html.mx-dark .to-emerald-50, html.mx-dark [class*="to-emerald-50/"], html.mx-dark .to-emerald-100, html.mx-dark [class*="to-emerald-100/"] { --tw-gradient-to: rgba(16,185,129,.10) !important; }
html.mx-dark .bg-emerald-100, html.mx-dark [class*="bg-emerald-100/"], html.mx-dark .hover\:bg-emerald-50, html.mx-dark [class*="hover:bg-emerald-50/"], html.mx-dark .hover\:bg-emerald-100, html.mx-dark [class*="hover:bg-emerald-100/"] { background-color: rgba(16,185,129,.2) !important; }
html.mx-dark [class*="border-emerald-1"], html.mx-dark [class*="border-emerald-2"], html.mx-dark [class*="border-emerald-3"] { border-color: rgba(16,185,129,.35) !important; }
html.mx-dark [class*="text-emerald-6"], html.mx-dark [class*="text-emerald-7"], html.mx-dark [class*="text-emerald-8"], html.mx-dark [class*="text-emerald-9"] { color: #6ee7b7 !important; }
html.mx-dark .bg-green-50, html.mx-dark [class*="bg-green-50/"], html.mx-dark .from-green-50, html.mx-dark [class*="from-green-50/"] { background-color: rgba(34,197,94,.12) !important; --tw-gradient-from: rgba(34,197,94,.12) !important; }
html.mx-dark .via-green-50, html.mx-dark [class*="via-green-50/"], html.mx-dark .via-green-100, html.mx-dark [class*="via-green-100/"] { --tw-gradient-via: rgba(34,197,94,.10) !important; }
html.mx-dark .to-green-50, html.mx-dark [class*="to-green-50/"], html.mx-dark .to-green-100, html.mx-dark [class*="to-green-100/"] { --tw-gradient-to: rgba(34,197,94,.10) !important; }
html.mx-dark .bg-green-100, html.mx-dark [class*="bg-green-100/"], html.mx-dark .hover\:bg-green-50, html.mx-dark [class*="hover:bg-green-50/"], html.mx-dark .hover\:bg-green-100, html.mx-dark [class*="hover:bg-green-100/"] { background-color: rgba(34,197,94,.2) !important; }
html.mx-dark [class*="border-green-1"], html.mx-dark [class*="border-green-2"], html.mx-dark [class*="border-green-3"] { border-color: rgba(34,197,94,.35) !important; }
html.mx-dark [class*="text-green-6"], html.mx-dark [class*="text-green-7"], html.mx-dark [class*="text-green-8"], html.mx-dark [class*="text-green-9"] { color: #86efac !important; }
html.mx-dark .bg-lime-50, html.mx-dark [class*="bg-lime-50/"], html.mx-dark .from-lime-50, html.mx-dark [class*="from-lime-50/"] { background-color: rgba(132,204,22,.12) !important; --tw-gradient-from: rgba(132,204,22,.12) !important; }
html.mx-dark .via-lime-50, html.mx-dark [class*="via-lime-50/"], html.mx-dark .via-lime-100, html.mx-dark [class*="via-lime-100/"] { --tw-gradient-via: rgba(132,204,22,.10) !important; }
html.mx-dark .to-lime-50, html.mx-dark [class*="to-lime-50/"], html.mx-dark .to-lime-100, html.mx-dark [class*="to-lime-100/"] { --tw-gradient-to: rgba(132,204,22,.10) !important; }
html.mx-dark .bg-lime-100, html.mx-dark [class*="bg-lime-100/"], html.mx-dark .hover\:bg-lime-50, html.mx-dark [class*="hover:bg-lime-50/"], html.mx-dark .hover\:bg-lime-100, html.mx-dark [class*="hover:bg-lime-100/"] { background-color: rgba(132,204,22,.2) !important; }
html.mx-dark [class*="border-lime-1"], html.mx-dark [class*="border-lime-2"], html.mx-dark [class*="border-lime-3"] { border-color: rgba(132,204,22,.35) !important; }
html.mx-dark [class*="text-lime-6"], html.mx-dark [class*="text-lime-7"], html.mx-dark [class*="text-lime-8"], html.mx-dark [class*="text-lime-9"] { color: #bef264 !important; }
html.mx-dark .bg-yellow-50, html.mx-dark [class*="bg-yellow-50/"], html.mx-dark .from-yellow-50, html.mx-dark [class*="from-yellow-50/"] { background-color: rgba(234,179,8,.12) !important; --tw-gradient-from: rgba(234,179,8,.12) !important; }
html.mx-dark .via-yellow-50, html.mx-dark [class*="via-yellow-50/"], html.mx-dark .via-yellow-100, html.mx-dark [class*="via-yellow-100/"] { --tw-gradient-via: rgba(234,179,8,.10) !important; }
html.mx-dark .to-yellow-50, html.mx-dark [class*="to-yellow-50/"], html.mx-dark .to-yellow-100, html.mx-dark [class*="to-yellow-100/"] { --tw-gradient-to: rgba(234,179,8,.10) !important; }
html.mx-dark .bg-yellow-100, html.mx-dark [class*="bg-yellow-100/"], html.mx-dark .hover\:bg-yellow-50, html.mx-dark [class*="hover:bg-yellow-50/"], html.mx-dark .hover\:bg-yellow-100, html.mx-dark [class*="hover:bg-yellow-100/"] { background-color: rgba(234,179,8,.2) !important; }
html.mx-dark [class*="border-yellow-1"], html.mx-dark [class*="border-yellow-2"], html.mx-dark [class*="border-yellow-3"] { border-color: rgba(234,179,8,.35) !important; }
html.mx-dark [class*="text-yellow-6"], html.mx-dark [class*="text-yellow-7"], html.mx-dark [class*="text-yellow-8"], html.mx-dark [class*="text-yellow-9"] { color: #fde047 !important; }
html.mx-dark .bg-amber-50, html.mx-dark [class*="bg-amber-50/"], html.mx-dark .from-amber-50, html.mx-dark [class*="from-amber-50/"] { background-color: rgba(245,158,11,.12) !important; --tw-gradient-from: rgba(245,158,11,.12) !important; }
html.mx-dark .via-amber-50, html.mx-dark [class*="via-amber-50/"], html.mx-dark .via-amber-100, html.mx-dark [class*="via-amber-100/"] { --tw-gradient-via: rgba(245,158,11,.10) !important; }
html.mx-dark .to-amber-50, html.mx-dark [class*="to-amber-50/"], html.mx-dark .to-amber-100, html.mx-dark [class*="to-amber-100/"] { --tw-gradient-to: rgba(245,158,11,.10) !important; }
html.mx-dark .bg-amber-100, html.mx-dark [class*="bg-amber-100/"], html.mx-dark .hover\:bg-amber-50, html.mx-dark [class*="hover:bg-amber-50/"], html.mx-dark .hover\:bg-amber-100, html.mx-dark [class*="hover:bg-amber-100/"] { background-color: rgba(245,158,11,.2) !important; }
html.mx-dark [class*="border-amber-1"], html.mx-dark [class*="border-amber-2"], html.mx-dark [class*="border-amber-3"] { border-color: rgba(245,158,11,.35) !important; }
html.mx-dark [class*="text-amber-6"], html.mx-dark [class*="text-amber-7"], html.mx-dark [class*="text-amber-8"], html.mx-dark [class*="text-amber-9"] { color: #fcd34d !important; }
html.mx-dark .bg-orange-50, html.mx-dark [class*="bg-orange-50/"], html.mx-dark .from-orange-50, html.mx-dark [class*="from-orange-50/"] { background-color: rgba(249,115,22,.12) !important; --tw-gradient-from: rgba(249,115,22,.12) !important; }
html.mx-dark .via-orange-50, html.mx-dark [class*="via-orange-50/"], html.mx-dark .via-orange-100, html.mx-dark [class*="via-orange-100/"] { --tw-gradient-via: rgba(249,115,22,.10) !important; }
html.mx-dark .to-orange-50, html.mx-dark [class*="to-orange-50/"], html.mx-dark .to-orange-100, html.mx-dark [class*="to-orange-100/"] { --tw-gradient-to: rgba(249,115,22,.10) !important; }
html.mx-dark .bg-orange-100, html.mx-dark [class*="bg-orange-100/"], html.mx-dark .hover\:bg-orange-50, html.mx-dark [class*="hover:bg-orange-50/"], html.mx-dark .hover\:bg-orange-100, html.mx-dark [class*="hover:bg-orange-100/"] { background-color: rgba(249,115,22,.2) !important; }
html.mx-dark [class*="border-orange-1"], html.mx-dark [class*="border-orange-2"], html.mx-dark [class*="border-orange-3"] { border-color: rgba(249,115,22,.35) !important; }
html.mx-dark [class*="text-orange-6"], html.mx-dark [class*="text-orange-7"], html.mx-dark [class*="text-orange-8"], html.mx-dark [class*="text-orange-9"] { color: #fdba74 !important; }
html.mx-dark .bg-success-subtle { background-color: rgba(16,185,129,.14) !important; } html.mx-dark .text-success-emphasis { color: #6ee7b7 !important; } html.mx-dark .border-success-subtle { border-color: rgba(16,185,129,.35) !important; }
html.mx-dark .bg-danger-subtle { background-color: rgba(239,68,68,.14) !important; } html.mx-dark .text-danger-emphasis { color: #fca5a5 !important; } html.mx-dark .border-danger-subtle { border-color: rgba(239,68,68,.35) !important; }
html.mx-dark .bg-warning-subtle { background-color: rgba(245,158,11,.14) !important; } html.mx-dark .text-warning-emphasis { color: #fcd34d !important; } html.mx-dark .border-warning-subtle { border-color: rgba(245,158,11,.35) !important; }
html.mx-dark .bg-info-subtle { background-color: rgba(14,165,233,.14) !important; } html.mx-dark .text-info-emphasis { color: #7dd3fc !important; } html.mx-dark .border-info-subtle { border-color: rgba(14,165,233,.35) !important; }
html.mx-dark .bg-primary-subtle { background-color: rgba(59,130,246,.14) !important; } html.mx-dark .text-primary-emphasis { color: #93c5fd !important; } html.mx-dark .border-primary-subtle { border-color: rgba(59,130,246,.35) !important; }
html.mx-dark [style*="background: #fff;"],
html.mx-dark [style*="background:#fff;"],
html.mx-dark [style*="background: #ffffff"],
html.mx-dark [style*="background:#ffffff"],
html.mx-dark [style*="background: white;"],
html.mx-dark [style*="background:white;"],
html.mx-dark [style*="background: #FFF;"],
html.mx-dark [style*="background:#FFF;"],
html.mx-dark [style*="background: #FFFFFF"],
html.mx-dark [style*="background:#FFFFFF"],
html.mx-dark [style*="background-color: #fff;"],
html.mx-dark [style*="background-color:#fff;"],
html.mx-dark [style*="background-color: #ffffff"],
html.mx-dark [style*="background-color:#ffffff"],
html.mx-dark [style*="background-color: white;"],
html.mx-dark [style*="background-color:white;"],
html.mx-dark [style*="background-color: #FFF;"],
html.mx-dark [style*="background-color:#FFF;"],
html.mx-dark [style*="background-color: #FFFFFF"],
html.mx-dark [style*="background-color:#FFFFFF"] { background-color: var(--d-surface) !important; background-image: none !important; }
html.mx-dark [style*="background: #f8fafc"],
html.mx-dark [style*="background:#f8fafc"],
html.mx-dark [style*="background: #f9fafb"],
html.mx-dark [style*="background:#f9fafb"],
html.mx-dark [style*="background: #fafafa"],
html.mx-dark [style*="background:#fafafa"],
html.mx-dark [style*="background: #f8f9fa"],
html.mx-dark [style*="background:#f8f9fa"],
html.mx-dark [style*="background-color: #f8fafc"],
html.mx-dark [style*="background-color:#f8fafc"],
html.mx-dark [style*="background-color: #f9fafb"],
html.mx-dark [style*="background-color:#f9fafb"],
html.mx-dark [style*="background-color: #fafafa"],
html.mx-dark [style*="background-color:#fafafa"],
html.mx-dark [style*="background-color: #f8f9fa"],
html.mx-dark [style*="background-color:#f8f9fa"] { background-color: var(--d-surface-2) !important; }
html.mx-dark [style*="background: #f1f5f9"],
html.mx-dark [style*="background:#f1f5f9"],
html.mx-dark [style*="background: #f3f4f6"],
html.mx-dark [style*="background:#f3f4f6"],
html.mx-dark [style*="background: #e2e8f0"],
html.mx-dark [style*="background:#e2e8f0"],
html.mx-dark [style*="background: #eef2f7"],
html.mx-dark [style*="background:#eef2f7"],
html.mx-dark [style*="background-color: #f1f5f9"],
html.mx-dark [style*="background-color:#f1f5f9"],
html.mx-dark [style*="background-color: #f3f4f6"],
html.mx-dark [style*="background-color:#f3f4f6"],
html.mx-dark [style*="background-color: #e2e8f0"],
html.mx-dark [style*="background-color:#e2e8f0"],
html.mx-dark [style*="background-color: #eef2f7"],
html.mx-dark [style*="background-color:#eef2f7"] { background-color: var(--d-surface-3) !important; }
html.mx-dark [style*="color: #0f172a"],
html.mx-dark [style*="color:#0f172a"],
html.mx-dark [style*="color: #1e293b"],
html.mx-dark [style*="color:#1e293b"],
html.mx-dark [style*="color: #111827"],
html.mx-dark [style*="color:#111827"],
html.mx-dark [style*="color: #020617"],
html.mx-dark [style*="color:#020617"],
html.mx-dark [style*="color: #000;"],
html.mx-dark [style*="color:#000;"],
html.mx-dark [style*="color: #212529"],
html.mx-dark [style*="color:#212529"] { color: var(--d-strong) !important; }
html.mx-dark [style*="color: #334155"],
html.mx-dark [style*="color:#334155"],
html.mx-dark [style*="color: #374151"],
html.mx-dark [style*="color:#374151"],
html.mx-dark [style*="color: #475569"],
html.mx-dark [style*="color:#475569"] { color: #cbd5e1 !important; }
html.mx-dark [style*="color: #64748b"],
html.mx-dark [style*="color:#64748b"],
html.mx-dark [style*="color: #6b7280"],
html.mx-dark [style*="color:#6b7280"] { color: var(--d-muted) !important; }
html.mx-dark [style*="border-color: #cbd5e1"],
html.mx-dark [style*="border-color:#cbd5e1"],
html.mx-dark [style*="border-color: #e2e8f0"],
html.mx-dark [style*="border-color:#e2e8f0"],
html.mx-dark [style*="border-color: #f1f5f9"],
html.mx-dark [style*="border-color:#f1f5f9"],
html.mx-dark [style*="border-color: #e5e7eb"],
html.mx-dark [style*="border-color:#e5e7eb"],
html.mx-dark [style*="border: #cbd5e1"],
html.mx-dark [style*="border:#cbd5e1"],
html.mx-dark [style*="border: #e2e8f0"],
html.mx-dark [style*="border:#e2e8f0"],
html.mx-dark [style*="border: #f1f5f9"],
html.mx-dark [style*="border:#f1f5f9"],
html.mx-dark [style*="border: #e5e7eb"],
html.mx-dark [style*="border:#e5e7eb"] { border-color: var(--d-border-strong) !important; }
html.mx-dark [style*="border-bottom: 1px solid #e2e8f0"],
html.mx-dark [style*="border-bottom:1px solid #e2e8f0"],
html.mx-dark [style*="border-bottom: 1px solid #f1f5f9"],
html.mx-dark [style*="border-bottom:1px solid #f1f5f9"],
html.mx-dark [style*="border-bottom: 1px solid #e5e7eb"],
html.mx-dark [style*="border-bottom:1px solid #e5e7eb"],
html.mx-dark [style*="border-top: 1px solid #e2e8f0"],
html.mx-dark [style*="border-top:1px solid #e2e8f0"],
html.mx-dark [style*="border-top: 1px solid #f1f5f9"],
html.mx-dark [style*="border-top:1px solid #f1f5f9"],
html.mx-dark [style*="border-top: 1px solid #e5e7eb"],
html.mx-dark [style*="border-top:1px solid #e5e7eb"],
html.mx-dark [style*="border-right: 1px solid #e2e8f0"],
html.mx-dark [style*="border-right:1px solid #e2e8f0"],
html.mx-dark [style*="border-right: 1px solid #f1f5f9"],
html.mx-dark [style*="border-right:1px solid #f1f5f9"],
html.mx-dark [style*="border-right: 1px solid #e5e7eb"],
html.mx-dark [style*="border-right:1px solid #e5e7eb"],
html.mx-dark [style*="border-left: 1px solid #e2e8f0"],
html.mx-dark [style*="border-left:1px solid #e2e8f0"],
html.mx-dark [style*="border-left: 1px solid #f1f5f9"],
html.mx-dark [style*="border-left:1px solid #f1f5f9"],
html.mx-dark [style*="border-left: 1px solid #e5e7eb"],
html.mx-dark [style*="border-left:1px solid #e5e7eb"] { border-color: var(--d-border) !important; }
html.mx-dark .card, html.mx-dark .modal-content, html.mx-dark .offcanvas, html.mx-dark .dropdown-menu, html.mx-dark .list-group-item, html.mx-dark .accordion-item, html.mx-dark .popover, html.mx-dark .toast { background-color: var(--d-surface) !important; color: var(--d-text); border-color: var(--d-border) !important; }
html.mx-dark .card-header, html.mx-dark .card-footer, html.mx-dark .modal-header, html.mx-dark .modal-footer, html.mx-dark .offcanvas-header { background-color: transparent; border-color: var(--d-border) !important; }
html.mx-dark .dropdown-item { color: var(--d-text) !important; }
html.mx-dark .dropdown-item:hover, html.mx-dark .dropdown-item:focus { background-color: var(--d-surface-3) !important; color: var(--d-strong) !important; }
html.mx-dark .form-control, html.mx-dark .form-select, html.mx-dark input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), html.mx-dark select, html.mx-dark textarea { background-color: var(--d-surface-2) !important; color: var(--d-strong) !important; border-color: var(--d-border-strong) !important; }
html.mx-dark .form-control:focus, html.mx-dark .form-select:focus, html.mx-dark input:focus, html.mx-dark select:focus, html.mx-dark textarea:focus { background-color: var(--d-surface-2) !important; }
html.mx-dark .input-group-text { background-color: var(--d-surface-3) !important; color: var(--d-muted) !important; border-color: var(--d-border-strong) !important; }
html.mx-dark .form-check-input:not(:checked) { background-color: var(--d-surface-2) !important; border-color: var(--d-border-strong) !important; }
html.mx-dark .table { --bs-table-bg: transparent; --bs-table-color: var(--d-text); --bs-table-border-color: var(--d-border); --bs-table-striped-bg: rgba(148,163,184,.05); --bs-table-hover-bg: rgba(148,163,184,.08); color: var(--d-text); }
html.mx-dark .table > :not(caption) > * > * { border-color: var(--d-border) !important; }
html.mx-dark thead, html.mx-dark .table-light { --bs-table-bg: var(--d-surface-2); --bs-table-color: var(--d-muted); }
html.mx-dark .btn-light, html.mx-dark .btn-outline-secondary, html.mx-dark .btn-outline-dark { background-color: var(--d-surface-3) !important; color: var(--d-text) !important; border-color: var(--d-border-strong) !important; }
html.mx-dark .btn-close { filter: invert(1) grayscale(1) brightness(2); }
html.mx-dark .nav-tabs { border-color: var(--d-border); }
html.mx-dark .nav-tabs .nav-link.active { background-color: var(--d-surface); border-color: var(--d-border) var(--d-border) var(--d-surface); color: var(--d-strong); }
html.mx-dark .page-link { background-color: var(--d-surface); border-color: var(--d-border); color: var(--d-text); }
html.mx-dark .badge.bg-light, html.mx-dark .badge.text-dark { color: var(--d-text) !important; }
html.mx-dark .bg-warning.text-dark, html.mx-dark .bg-warning .text-dark, html.mx-dark .bg-info.text-dark, html.mx-dark .bg-white.text-dark.badge,
html.mx-dark [class*="bg-amber-3"].text-slate-900, html.mx-dark [class*="bg-amber-4"].text-slate-900, html.mx-dark [class*="bg-yellow-3"].text-slate-900, html.mx-dark [class*="bg-yellow-4"].text-slate-900,
html.mx-dark [class*="bg-amber-4"] .text-slate-900, html.mx-dark [class*="bg-yellow-4"] .text-slate-900 { color: #111827 !important; }
html.mx-dark .dp { --dp-ink: #f1f5f9; --dp-ink-2: #cbd5e1; --dp-muted: #94a3b8; --dp-faint: #64748b; --dp-line: rgba(148,163,184,.18); --dp-line-2: rgba(148,163,184,.1); --dp-bg: #111a2e; --dp-soft: #16213a; --dp-good: #6ee7b7; --dp-bad: #fca5a5; }
html.mx-dark .dp-curr-btn.is-active, html.mx-dark .dp-method.is-on, html.mx-dark .dp-curr-tag { background: color-mix(in srgb, var(--dp-accent) 22%, #111a2e) !important; color: #f8fafc !important; }
html.mx-dark .dp-preset.is-on { background: var(--dp-accent) !important; border-color: var(--dp-accent) !important; color: var(--dp-accent-ink) !important; }
html.mx-dark .dp-amount { border-color: rgba(148,163,184,.28) !important; }
html.mx-dark .dp-convert-preview { background: #16213a !important; border-color: rgba(148,163,184,.28) !important; color: #cbd5e1 !important; }
html.mx-dark .dp-convert-badge { background: rgba(16,185,129,.14) !important; color: #6ee7b7 !important; border-color: rgba(16,185,129,.35) !important; }
html.mx-dark .pg { --pg-ink: #f8fafc; --pg-text: #cbd5e1; --pg-muted: #94a3b8; --pg-line: rgba(148,163,184,.16); --pg-theme-soft: color-mix(in srgb, var(--pg-theme) 16%, #111a2e); --pg-theme-line: color-mix(in srgb, var(--pg-theme) 40%, #111a2e); }
html.mx-dark .pg-hero { background: radial-gradient(900px 260px at 15% 0%, color-mix(in srgb, var(--pg-theme) 22%, transparent), transparent 70%), linear-gradient(180deg, var(--pg-theme-soft), #0b1120) !important; }
html.mx-dark .mx-keep-light.mx-keep-light { background-color: rgba(255,255,255,.95) !important; }
html.mx-dark code, html.mx-dark pre { color: #f9a8d4; }
html.mx-dark kbd { background: var(--d-surface-3); }