/* ===== Theme system ===== */
:root {
  --c-surface2: #0f172a;
  --c-surface: #1e293b;
  --c-border: #334155;
  --c-border2: #475569;
  --c-border3: #64748b;
  --c-text: #ffffff;
  --c-text-muted: #94a3b8;
  --c-text-dim: #64748b;
  --c-text-dimmer: #cbd5e1;
  --c-emerald-dark: #064e3b;
  --c-emerald: #059669;
  --c-emerald-lt: #10b981;
  --c-red-dark: #7f1d1d;
  --c-red: #dc2626;
  --c-purple-dark: #581c87;
  --c-purple: #9333ea;
  --c-purple-lt: #a855f7;
  --c-amber-dark: #78350f;
  --c-amber: #d97706;
  --c-amber-dk: #b45309;
  --c-blue: #2563eb;
  --c-blue-lt: #3b82f6;
  --c-orange-dark: #7c2d12;
  --c-orange: #ea580c;
  --c-orange-lt: #fdba74;
  --c-indigo-dark: #312e81;
  --c-indigo: #4f46e5;
  --c-indigo-lt: #6366f1;
  --c-yellow: #facc15;
  --c-yellow-dk: #eab308;
  --c-cyan: #22d3ee;
  --c-pink: #f472b6;
  --c-pink-lt: #f9a8d4;
  --c-page-bg: #0f172a;
  --c-font: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --c-heading-font: 'Inter', ui-sans-serif, system-ui, sans-serif;
}
[data-theme="fantasy"] {
  --c-surface2: #1c1610;
  --c-surface: #2a2118;
  --c-border: #4a3a26;
  --c-border2: #5c4a34;
  --c-border3: #6e5c42;
  --c-text: #e8dcc0;
  --c-text-muted: #a89270;
  --c-text-dim: #8a7860;
  --c-text-dimmer: #d4c4a0;
  --c-emerald-dark: #1a2e1a;
  --c-emerald: #6ba85c;
  --c-emerald-lt: #85c470;
  --c-red-dark: #3d0e0e;
  --c-red: #c94f4f;
  --c-purple-dark: #2a1a3d;
  --c-purple: #9169c9;
  --c-purple-lt: #a685d6;
  --c-amber-dark: #4a3410;
  --c-amber: #d1a23d;
  --c-amber-dk: #b3872e;
  --c-blue: #4a80b3;
  --c-blue-lt: #5f97c9;
  --c-orange-dark: #3d1f0e;
  --c-orange: #c9803d;
  --c-orange-lt: #d9985a;
  --c-indigo-dark: #241a3d;
  --c-indigo: #7a69c4;
  --c-indigo-lt: #8f80d1;
  --c-yellow: #d9b854;
  --c-yellow-dk: #bfa03f;
  --c-cyan: #5fa8a8;
  --c-pink: #c46f8f;
  --c-pink-lt: #d1859f;
  --c-page-bg: #14100c;
  --c-font: 'EB Garamond', 'Georgia', serif;
  --c-heading-font: 'Cinzel', 'Georgia', serif;
}
[data-theme="cyberpunk"] {
  --c-surface2: #0a0410;
  --c-surface: #160a20;
  --c-border: #3d0a2e;
  --c-border2: #5c1044;
  --c-border3: #7a1858;
  --c-text: #f0f0ff;
  --c-text-muted: #ff2079;
  --c-text-dim: #c8548a;
  --c-text-dimmer: #ffd0e8;
  --c-emerald-dark: #0a2e1a;
  --c-emerald: #00a86b;
  --c-emerald-lt: #00d98a;
  --c-red-dark: #3d000e;
  --c-red: #ff003c;
  --c-purple-dark: #2a0a3d;
  --c-purple: #c724ea;
  --c-purple-lt: #e040f0;
  --c-amber-dark: #3d2e00;
  --c-amber: #ffe600;
  --c-amber-dk: #d9c300;
  --c-blue: #00c8ff;
  --c-blue-lt: #40d8ff;
  --c-orange-dark: #3d1200;
  --c-orange: #ff6b00;
  --c-orange-lt: #ff9040;
  --c-indigo-dark: #1e0a3d;
  --c-indigo: #ab5cf0;
  --c-indigo-lt: #a855f7;
  --c-yellow: #ffe600;
  --c-yellow-dk: #d9c300;
  --c-cyan: #00e5ff;
  --c-pink: #ff2079;
  --c-pink-lt: #ff5599;
  --c-page-bg: #050208;
  --c-font: 'Rajdhani', 'Courier New', monospace;
  --c-heading-font: 'Orbitron', 'Courier New', monospace;
}
[data-theme="futuristic"] {
  --c-surface2: #0a0e16;
  --c-surface: #121a26;
  --c-border: #2a3d52;
  --c-border2: #3d5670;
  --c-border3: #4d6d8a;
  --c-text: #e0f2ff;
  --c-text-muted: #7fa8c9;
  --c-text-dim: #4d6d85;
  --c-text-dimmer: #c0e0f5;
  --c-emerald-dark: #0a2e28;
  --c-emerald: #0e9488;
  --c-emerald-lt: #14b8a6;
  --c-red-dark: #3d1418;
  --c-red: #f87171;
  --c-purple-dark: #1e1a3d;
  --c-purple: #818cf8;
  --c-purple-lt: #a5b4fc;
  --c-amber-dark: #1a3040;
  --c-amber: #67e8f9;
  --c-amber-dk: #22d3ee;
  --c-blue: #38bdf8;
  --c-blue-lt: #7dd3fc;
  --c-orange-dark: #1a2d40;
  --c-orange: #67e8f9;
  --c-orange-lt: #a5f3fc;
  --c-indigo-dark: #1a1a40;
  --c-indigo: #818cf8;
  --c-indigo-lt: #a5b4fc;
  --c-yellow: #a3e635;
  --c-yellow-dk: #84cc16;
  --c-cyan: #67e8f9;
  --c-pink: #c4b5fd;
  --c-pink-lt: #ddd6fe;
  --c-page-bg: #060a10;
  --c-font: 'Exo 2', 'Segoe UI', sans-serif;
  --c-heading-font: 'Orbitron', 'Segoe UI', sans-serif;
}
[data-theme="kawaii"] {
  /* A deliberately light theme -- pastel/cream, unlike the other
     four -- so text colors below skew dark for contrast instead
     of light-on-dark like everywhere else. Every color pairing in
     this theme (text-on-surface, text-on-page, white-on-button)
     has been checked against a 3:1/4.5:1 contrast-ratio target,
     not eyeballed. */
  --c-surface2: #f5ddec;
  --c-surface: #faeef4;
  --c-border: #e0a8c8;
  --c-border2: #d190b8;
  --c-border3: #c078a8;
  --c-text: #3d1830;
  --c-text-muted: #8a5570;
  --c-text-dim: #a8759a;
  --c-text-dimmer: #5c2f4a;
  --c-emerald-dark: #d4ecdf;
  --c-emerald: #2d7a54;
  --c-emerald-lt: #3d9668;
  --c-red-dark: #f5dce2;
  --c-red: #a83d54;
  --c-purple-dark: #e8dcf0;
  --c-purple: #6b3d94;
  --c-purple-lt: #8557ad;
  --c-amber-dark: #f0e0c8;
  --c-amber: #8a5c28;
  --c-amber-dk: #734a1f;
  --c-blue: #2d7494;
  --c-blue-lt: #3d8fad;
  --c-orange-dark: #f0ddc8;
  --c-orange: #985022;
  --c-orange-lt: #b06838;
  --c-indigo-dark: #e0dcf0;
  --c-indigo: #5c4d94;
  --c-indigo-lt: #7563ad;
  --c-yellow: #7a6320;
  --c-yellow-dk: #655118;
  --c-cyan: #1f6e6e;
  --c-pink: #a83d70;
  --c-pink-lt: #c05a8a;
  --c-page-bg: #e8b8d0;
  --c-font: 'Quicksand', 'Comic Sans MS', sans-serif;
  --c-heading-font: 'Baloo 2', 'Comic Sans MS', sans-serif;
}
 /* Kawaii-specific: text-white is correct on the theme's own dark,
   saturated accent-color buttons (bg-emerald-600 text-white etc --
   those pass contrast fine), but wrong wherever it sits directly
   on a light surface with no colored button background of its
   own: modal titles (h1-h4) and the many bg-slate-600/700
   "-"/"+" buttons throughout the NPC Crafter, whose slate-700
   equivalent (--c-border2) is light enough that white text on it
   fails contrast (2.5:1, needs 3:1). Scoped narrowly so it never
   touches the buttons that need white to stay white. */
[data-theme="cyberpunk"] [class*="text-slate-500"],
[data-theme="cyberpunk"] [class*="text-slate-600"],
[data-theme="cyberpunk"] [class*="text-slate-700"] {
    /* Same root cause as the Kawaii fix above: these numbers map
       correctly for bg-/border- use, but as TEXT they're far too
       dark against Cyberpunk's near-black surfaces. */
    color: #d070a8 !important;
}
        /* Per-theme, per-button-color text fix: many of this app's
   accent colors are bright/pastel by design (especially in
   Fantasy, Cyberpunk, and Futuristic), which makes literal
   white text on top of them fail contrast outright -- this
   was never just one button, a systematic check found white
   failing against nearly every button color in three whole
   themes. Verified computationally: black passes every one
   of these specific theme+color combinations with margin. */
/*@src [data-theme="modern"] [class*="bg-emerald-500"][class*="text-white"],
[data-theme="modern"] [class*="bg-emerald-600"][class*="text-white"],
[data-theme="modern"] [class*="bg-emerald-700"][class*="text-white"],
[data-theme="modern"] [class*="bg-amber-500"][class*="text-white"],
[data-theme="modern"] [class*="bg-amber-600"][class*="text-white"],
[data-theme="modern"] [class*="bg-amber-700"][class*="text-white"],
[data-theme="modern"] [class*="bg-orange-500"][class*="text-white"],
[data-theme="modern"] [class*="bg-orange-600"][class*="text-white"],
[data-theme="modern"] [class*="bg-pink-500"][class*="text-white"],
[data-theme="modern"] [class*="bg-pink-600"][class*="text-white"],
[data-theme="modern"] [class*="bg-cyan-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-emerald-500"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-emerald-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-emerald-700"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-blue-500"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-blue-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-purple-500"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-purple-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-purple-700"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-amber-500"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-amber-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-amber-700"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-orange-500"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-orange-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-pink-500"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-pink-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-red-600"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-red-700"][class*="text-white"],
[data-theme="fantasy"] [class*="bg-cyan-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-emerald-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-emerald-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-emerald-700"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-blue-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-blue-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-purple-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-purple-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-purple-700"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-indigo-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-indigo-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-indigo-700"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-amber-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-amber-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-amber-700"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-orange-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-orange-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-pink-500"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-pink-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-red-600"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-red-700"][class*="text-white"],
[data-theme="cyberpunk"] [class*="bg-cyan-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-emerald-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-emerald-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-emerald-700"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-blue-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-blue-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-purple-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-purple-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-purple-700"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-indigo-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-indigo-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-indigo-700"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-amber-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-amber-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-amber-700"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-orange-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-orange-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-pink-500"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-pink-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-red-600"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-red-700"][class*="text-white"],
[data-theme="futuristic"] [class*="bg-cyan-600"][class*="text-white"]*/
[data-theme="modern"] .hover\:bg-emerald-500.hover\:text-white,
[data-theme="modern"] .hover\:bg-emerald-500.text-white,
[data-theme="modern"] .hover\:bg-emerald-500.text-white\/50,
[data-theme="modern"] .bg-emerald-600.hover\:text-white,
[data-theme="modern"] .bg-emerald-600.text-white,
[data-theme="modern"] .bg-emerald-600.text-white\/50,
[data-theme="modern"] .hover\:bg-emerald-600.hover\:text-white,
[data-theme="modern"] .hover\:bg-emerald-600.text-white,
[data-theme="modern"] .hover\:bg-emerald-600.text-white\/50,
[data-theme="modern"] .bg-emerald-700.hover\:text-white,
[data-theme="modern"] .bg-emerald-700.text-white,
[data-theme="modern"] .bg-emerald-700.text-white\/50,
[data-theme="modern"] .hover\:bg-emerald-700.hover\:text-white,
[data-theme="modern"] .hover\:bg-emerald-700.text-white,
[data-theme="modern"] .hover\:bg-emerald-700.text-white\/50,
[data-theme="modern"] .hover\:bg-amber-500.hover\:text-white,
[data-theme="modern"] .hover\:bg-amber-500.text-white,
[data-theme="modern"] .hover\:bg-amber-500.text-white\/50,
[data-theme="modern"] .bg-amber-600.hover\:text-white,
[data-theme="modern"] .bg-amber-600.text-white,
[data-theme="modern"] .bg-amber-600.text-white\/50,
[data-theme="modern"] .bg-amber-600\/20.hover\:text-white,
[data-theme="modern"] .bg-amber-600\/20.text-white,
[data-theme="modern"] .bg-amber-600\/20.text-white\/50,
[data-theme="modern"] .bg-amber-600\/40.hover\:text-white,
[data-theme="modern"] .bg-amber-600\/40.text-white,
[data-theme="modern"] .bg-amber-600\/40.text-white\/50,
[data-theme="modern"] .hover\:bg-amber-600.hover\:text-white,
[data-theme="modern"] .hover\:bg-amber-600.text-white,
[data-theme="modern"] .hover\:bg-amber-600.text-white\/50,
[data-theme="modern"] .hover\:bg-amber-600\/40.hover\:text-white,
[data-theme="modern"] .hover\:bg-amber-600\/40.text-white,
[data-theme="modern"] .hover\:bg-amber-600\/40.text-white\/50,
[data-theme="modern"] .bg-amber-700.hover\:text-white,
[data-theme="modern"] .bg-amber-700.text-white,
[data-theme="modern"] .bg-amber-700.text-white\/50,
[data-theme="modern"] .hover\:bg-amber-700.hover\:text-white,
[data-theme="modern"] .hover\:bg-amber-700.text-white,
[data-theme="modern"] .hover\:bg-amber-700.text-white\/50,
[data-theme="modern"] .hover\:bg-orange-500.hover\:text-white,
[data-theme="modern"] .hover\:bg-orange-500.text-white,
[data-theme="modern"] .hover\:bg-orange-500.text-white\/50,
[data-theme="modern"] .bg-orange-600.hover\:text-white,
[data-theme="modern"] .bg-orange-600.text-white,
[data-theme="modern"] .bg-orange-600.text-white\/50,
[data-theme="modern"] .bg-orange-600\/20.hover\:text-white,
[data-theme="modern"] .bg-orange-600\/20.text-white,
[data-theme="modern"] .bg-orange-600\/20.text-white\/50,
[data-theme="modern"] .bg-orange-600\/40.hover\:text-white,
[data-theme="modern"] .bg-orange-600\/40.text-white,
[data-theme="modern"] .bg-orange-600\/40.text-white\/50,
[data-theme="modern"] .hover\:bg-orange-600\/40.hover\:text-white,
[data-theme="modern"] .hover\:bg-orange-600\/40.text-white,
[data-theme="modern"] .hover\:bg-orange-600\/40.text-white\/50,
[data-theme="modern"] .bg-cyan-600.hover\:text-white,
[data-theme="modern"] .bg-cyan-600.text-white,
[data-theme="modern"] .bg-cyan-600.text-white\/50,
[data-theme="modern"] .bg-cyan-600\/20.hover\:text-white,
[data-theme="modern"] .bg-cyan-600\/20.text-white,
[data-theme="modern"] .bg-cyan-600\/20.text-white\/50,
[data-theme="modern"] .bg-cyan-600\/40.hover\:text-white,
[data-theme="modern"] .bg-cyan-600\/40.text-white,
[data-theme="modern"] .bg-cyan-600\/40.text-white\/50,
[data-theme="modern"] .bg-cyan-600\/50.hover\:text-white,
[data-theme="modern"] .bg-cyan-600\/50.text-white,
[data-theme="modern"] .bg-cyan-600\/50.text-white\/50,
[data-theme="modern"] .hover\:bg-cyan-600\/40.hover\:text-white,
[data-theme="modern"] .hover\:bg-cyan-600\/40.text-white,
[data-theme="modern"] .hover\:bg-cyan-600\/40.text-white\/50,
[data-theme="fantasy"] .hover\:bg-emerald-500.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-emerald-500.text-white,
[data-theme="fantasy"] .hover\:bg-emerald-500.text-white\/50,
[data-theme="fantasy"] .bg-emerald-600.hover\:text-white,
[data-theme="fantasy"] .bg-emerald-600.text-white,
[data-theme="fantasy"] .bg-emerald-600.text-white\/50,
[data-theme="fantasy"] .hover\:bg-emerald-600.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-emerald-600.text-white,
[data-theme="fantasy"] .hover\:bg-emerald-600.text-white\/50,
[data-theme="fantasy"] .bg-emerald-700.hover\:text-white,
[data-theme="fantasy"] .bg-emerald-700.text-white,
[data-theme="fantasy"] .bg-emerald-700.text-white\/50,
[data-theme="fantasy"] .hover\:bg-emerald-700.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-emerald-700.text-white,
[data-theme="fantasy"] .hover\:bg-emerald-700.text-white\/50,
[data-theme="fantasy"] .hover\:bg-blue-500.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-blue-500.text-white,
[data-theme="fantasy"] .hover\:bg-blue-500.text-white\/50,
[data-theme="fantasy"] .bg-blue-600.hover\:text-white,
[data-theme="fantasy"] .bg-blue-600.text-white,
[data-theme="fantasy"] .bg-blue-600.text-white\/50,
[data-theme="fantasy"] .hover\:bg-purple-500.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-purple-500.text-white,
[data-theme="fantasy"] .hover\:bg-purple-500.text-white\/50,
[data-theme="fantasy"] .bg-purple-600.hover\:text-white,
[data-theme="fantasy"] .bg-purple-600.text-white,
[data-theme="fantasy"] .bg-purple-600.text-white\/50,
[data-theme="fantasy"] .bg-purple-600\/20.hover\:text-white,
[data-theme="fantasy"] .bg-purple-600\/20.text-white,
[data-theme="fantasy"] .bg-purple-600\/20.text-white\/50,
[data-theme="fantasy"] .bg-purple-600\/40.hover\:text-white,
[data-theme="fantasy"] .bg-purple-600\/40.text-white,
[data-theme="fantasy"] .bg-purple-600\/40.text-white\/50,
[data-theme="fantasy"] .hover\:bg-purple-600.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-purple-600.text-white,
[data-theme="fantasy"] .hover\:bg-purple-600.text-white\/50,
[data-theme="fantasy"] .hover\:bg-purple-600\/40.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-purple-600\/40.text-white,
[data-theme="fantasy"] .hover\:bg-purple-600\/40.text-white\/50,
[data-theme="fantasy"] .bg-purple-700.hover\:text-white,
[data-theme="fantasy"] .bg-purple-700.text-white,
[data-theme="fantasy"] .bg-purple-700.text-white\/50,
[data-theme="fantasy"] .hover\:bg-amber-500.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-amber-500.text-white,
[data-theme="fantasy"] .hover\:bg-amber-500.text-white\/50,
[data-theme="fantasy"] .bg-amber-600.hover\:text-white,
[data-theme="fantasy"] .bg-amber-600.text-white,
[data-theme="fantasy"] .bg-amber-600.text-white\/50,
[data-theme="fantasy"] .bg-amber-600\/20.hover\:text-white,
[data-theme="fantasy"] .bg-amber-600\/20.text-white,
[data-theme="fantasy"] .bg-amber-600\/20.text-white\/50,
[data-theme="fantasy"] .bg-amber-600\/40.hover\:text-white,
[data-theme="fantasy"] .bg-amber-600\/40.text-white,
[data-theme="fantasy"] .bg-amber-600\/40.text-white\/50,
[data-theme="fantasy"] .hover\:bg-amber-600.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-amber-600.text-white,
[data-theme="fantasy"] .hover\:bg-amber-600.text-white\/50,
[data-theme="fantasy"] .hover\:bg-amber-600\/40.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-amber-600\/40.text-white,
[data-theme="fantasy"] .hover\:bg-amber-600\/40.text-white\/50,
[data-theme="fantasy"] .bg-amber-700.hover\:text-white,
[data-theme="fantasy"] .bg-amber-700.text-white,
[data-theme="fantasy"] .bg-amber-700.text-white\/50,
[data-theme="fantasy"] .hover\:bg-amber-700.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-amber-700.text-white,
[data-theme="fantasy"] .hover\:bg-amber-700.text-white\/50,
[data-theme="fantasy"] .hover\:bg-orange-500.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-orange-500.text-white,
[data-theme="fantasy"] .hover\:bg-orange-500.text-white\/50,
[data-theme="fantasy"] .bg-orange-600.hover\:text-white,
[data-theme="fantasy"] .bg-orange-600.text-white,
[data-theme="fantasy"] .bg-orange-600.text-white\/50,
[data-theme="fantasy"] .bg-orange-600\/20.hover\:text-white,
[data-theme="fantasy"] .bg-orange-600\/20.text-white,
[data-theme="fantasy"] .bg-orange-600\/20.text-white\/50,
[data-theme="fantasy"] .bg-orange-600\/40.hover\:text-white,
[data-theme="fantasy"] .bg-orange-600\/40.text-white,
[data-theme="fantasy"] .bg-orange-600\/40.text-white\/50,
[data-theme="fantasy"] .hover\:bg-orange-600\/40.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-orange-600\/40.text-white,
[data-theme="fantasy"] .hover\:bg-orange-600\/40.text-white\/50,
[data-theme="fantasy"] .bg-red-600.hover\:text-white,
[data-theme="fantasy"] .bg-red-600.text-white,
[data-theme="fantasy"] .bg-red-600.text-white\/50,
[data-theme="fantasy"] .bg-red-600\/20.hover\:text-white,
[data-theme="fantasy"] .bg-red-600\/20.text-white,
[data-theme="fantasy"] .bg-red-600\/20.text-white\/50,
[data-theme="fantasy"] .bg-red-600\/40.hover\:text-white,
[data-theme="fantasy"] .bg-red-600\/40.text-white,
[data-theme="fantasy"] .bg-red-600\/40.text-white\/50,
[data-theme="fantasy"] .bg-red-600\/50.hover\:text-white,
[data-theme="fantasy"] .bg-red-600\/50.text-white,
[data-theme="fantasy"] .bg-red-600\/50.text-white\/50,
[data-theme="fantasy"] .hover\:bg-red-600.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-red-600.text-white,
[data-theme="fantasy"] .hover\:bg-red-600.text-white\/50,
[data-theme="fantasy"] .hover\:bg-red-600\/40.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-red-600\/40.text-white,
[data-theme="fantasy"] .hover\:bg-red-600\/40.text-white\/50,
[data-theme="fantasy"] .bg-red-700.hover\:text-white,
[data-theme="fantasy"] .bg-red-700.text-white,
[data-theme="fantasy"] .bg-red-700.text-white\/50,
[data-theme="fantasy"] .hover\:bg-red-700.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-red-700.text-white,
[data-theme="fantasy"] .hover\:bg-red-700.text-white\/50,
[data-theme="fantasy"] .bg-cyan-600.hover\:text-white,
[data-theme="fantasy"] .bg-cyan-600.text-white,
[data-theme="fantasy"] .bg-cyan-600.text-white\/50,
[data-theme="fantasy"] .bg-cyan-600\/20.hover\:text-white,
[data-theme="fantasy"] .bg-cyan-600\/20.text-white,
[data-theme="fantasy"] .bg-cyan-600\/20.text-white\/50,
[data-theme="fantasy"] .bg-cyan-600\/40.hover\:text-white,
[data-theme="fantasy"] .bg-cyan-600\/40.text-white,
[data-theme="fantasy"] .bg-cyan-600\/40.text-white\/50,
[data-theme="fantasy"] .bg-cyan-600\/50.hover\:text-white,
[data-theme="fantasy"] .bg-cyan-600\/50.text-white,
[data-theme="fantasy"] .bg-cyan-600\/50.text-white\/50,
[data-theme="fantasy"] .hover\:bg-cyan-600\/40.hover\:text-white,
[data-theme="fantasy"] .hover\:bg-cyan-600\/40.text-white,
[data-theme="fantasy"] .hover\:bg-cyan-600\/40.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-emerald-500.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-emerald-500.text-white,
[data-theme="cyberpunk"] .hover\:bg-emerald-500.text-white\/50,
[data-theme="cyberpunk"] .bg-emerald-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-emerald-600.text-white,
[data-theme="cyberpunk"] .bg-emerald-600.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-emerald-600.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-emerald-600.text-white,
[data-theme="cyberpunk"] .hover\:bg-emerald-600.text-white\/50,
[data-theme="cyberpunk"] .bg-emerald-700.hover\:text-white,
[data-theme="cyberpunk"] .bg-emerald-700.text-white,
[data-theme="cyberpunk"] .bg-emerald-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-emerald-700.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-emerald-700.text-white,
[data-theme="cyberpunk"] .hover\:bg-emerald-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-blue-500.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-blue-500.text-white,
[data-theme="cyberpunk"] .hover\:bg-blue-500.text-white\/50,
[data-theme="cyberpunk"] .bg-blue-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-blue-600.text-white,
[data-theme="cyberpunk"] .bg-blue-600.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-purple-500.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-purple-500.text-white,
[data-theme="cyberpunk"] .hover\:bg-purple-500.text-white\/50,
[data-theme="cyberpunk"] .bg-purple-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-purple-600.text-white,
[data-theme="cyberpunk"] .bg-purple-600.text-white\/50,
[data-theme="cyberpunk"] .bg-purple-600\/20.hover\:text-white,
[data-theme="cyberpunk"] .bg-purple-600\/20.text-white,
[data-theme="cyberpunk"] .bg-purple-600\/20.text-white\/50,
[data-theme="cyberpunk"] .bg-purple-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .bg-purple-600\/40.text-white,
[data-theme="cyberpunk"] .bg-purple-600\/40.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-purple-600.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-purple-600.text-white,
[data-theme="cyberpunk"] .hover\:bg-purple-600.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-purple-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-purple-600\/40.text-white,
[data-theme="cyberpunk"] .hover\:bg-purple-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-purple-700.hover\:text-white,
[data-theme="cyberpunk"] .bg-purple-700.text-white,
[data-theme="cyberpunk"] .bg-purple-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-indigo-500.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-500.text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-500.text-white\/50,
[data-theme="cyberpunk"] .bg-indigo-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-indigo-600.text-white,
[data-theme="cyberpunk"] .bg-indigo-600.text-white\/50,
[data-theme="cyberpunk"] .bg-indigo-600\/20.hover\:text-white,
[data-theme="cyberpunk"] .bg-indigo-600\/20.text-white,
[data-theme="cyberpunk"] .bg-indigo-600\/20.text-white\/50,
[data-theme="cyberpunk"] .bg-indigo-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .bg-indigo-600\/40.text-white,
[data-theme="cyberpunk"] .bg-indigo-600\/40.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-indigo-600.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-600.text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-600.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-indigo-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-600\/40.text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-indigo-700.hover\:text-white,
[data-theme="cyberpunk"] .bg-indigo-700.text-white,
[data-theme="cyberpunk"] .bg-indigo-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-indigo-700.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-700.text-white,
[data-theme="cyberpunk"] .hover\:bg-indigo-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-amber-500.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-500.text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-500.text-white\/50,
[data-theme="cyberpunk"] .bg-amber-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-amber-600.text-white,
[data-theme="cyberpunk"] .bg-amber-600.text-white\/50,
[data-theme="cyberpunk"] .bg-amber-600\/20.hover\:text-white,
[data-theme="cyberpunk"] .bg-amber-600\/20.text-white,
[data-theme="cyberpunk"] .bg-amber-600\/20.text-white\/50,
[data-theme="cyberpunk"] .bg-amber-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .bg-amber-600\/40.text-white,
[data-theme="cyberpunk"] .bg-amber-600\/40.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-amber-600.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-600.text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-600.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-amber-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-600\/40.text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-amber-700.hover\:text-white,
[data-theme="cyberpunk"] .bg-amber-700.text-white,
[data-theme="cyberpunk"] .bg-amber-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-amber-700.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-700.text-white,
[data-theme="cyberpunk"] .hover\:bg-amber-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-orange-500.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-orange-500.text-white,
[data-theme="cyberpunk"] .hover\:bg-orange-500.text-white\/50,
[data-theme="cyberpunk"] .bg-orange-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-orange-600.text-white,
[data-theme="cyberpunk"] .bg-orange-600.text-white\/50,
[data-theme="cyberpunk"] .bg-orange-600\/20.hover\:text-white,
[data-theme="cyberpunk"] .bg-orange-600\/20.text-white,
[data-theme="cyberpunk"] .bg-orange-600\/20.text-white\/50,
[data-theme="cyberpunk"] .bg-orange-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .bg-orange-600\/40.text-white,
[data-theme="cyberpunk"] .bg-orange-600\/40.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-orange-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-orange-600\/40.text-white,
[data-theme="cyberpunk"] .hover\:bg-orange-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-red-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-red-600.text-white,
[data-theme="cyberpunk"] .bg-red-600.text-white\/50,
[data-theme="cyberpunk"] .bg-red-600\/20.hover\:text-white,
[data-theme="cyberpunk"] .bg-red-600\/20.text-white,
[data-theme="cyberpunk"] .bg-red-600\/20.text-white\/50,
[data-theme="cyberpunk"] .bg-red-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .bg-red-600\/40.text-white,
[data-theme="cyberpunk"] .bg-red-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-red-600\/50.hover\:text-white,
[data-theme="cyberpunk"] .bg-red-600\/50.text-white,
[data-theme="cyberpunk"] .bg-red-600\/50.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-red-600.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-red-600.text-white,
[data-theme="cyberpunk"] .hover\:bg-red-600.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-red-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-red-600\/40.text-white,
[data-theme="cyberpunk"] .hover\:bg-red-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-red-700.hover\:text-white,
[data-theme="cyberpunk"] .bg-red-700.text-white,
[data-theme="cyberpunk"] .bg-red-700.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-red-700.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-red-700.text-white,
[data-theme="cyberpunk"] .hover\:bg-red-700.text-white\/50,
[data-theme="cyberpunk"] .bg-cyan-600.hover\:text-white,
[data-theme="cyberpunk"] .bg-cyan-600.text-white,
[data-theme="cyberpunk"] .bg-cyan-600.text-white\/50,
[data-theme="cyberpunk"] .bg-cyan-600\/20.hover\:text-white,
[data-theme="cyberpunk"] .bg-cyan-600\/20.text-white,
[data-theme="cyberpunk"] .bg-cyan-600\/20.text-white\/50,
[data-theme="cyberpunk"] .bg-cyan-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .bg-cyan-600\/40.text-white,
[data-theme="cyberpunk"] .bg-cyan-600\/40.text-white\/50,
[data-theme="cyberpunk"] .bg-cyan-600\/50.hover\:text-white,
[data-theme="cyberpunk"] .bg-cyan-600\/50.text-white,
[data-theme="cyberpunk"] .bg-cyan-600\/50.text-white\/50,
[data-theme="cyberpunk"] .hover\:bg-cyan-600\/40.hover\:text-white,
[data-theme="cyberpunk"] .hover\:bg-cyan-600\/40.text-white,
[data-theme="cyberpunk"] .hover\:bg-cyan-600\/40.text-white\/50,
[data-theme="futuristic"] .hover\:bg-emerald-500.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-emerald-500.text-white,
[data-theme="futuristic"] .hover\:bg-emerald-500.text-white\/50,
[data-theme="futuristic"] .bg-emerald-600.hover\:text-white,
[data-theme="futuristic"] .bg-emerald-600.text-white,
[data-theme="futuristic"] .bg-emerald-600.text-white\/50,
[data-theme="futuristic"] .hover\:bg-emerald-600.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-emerald-600.text-white,
[data-theme="futuristic"] .hover\:bg-emerald-600.text-white\/50,
[data-theme="futuristic"] .bg-emerald-700.hover\:text-white,
[data-theme="futuristic"] .bg-emerald-700.text-white,
[data-theme="futuristic"] .bg-emerald-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-emerald-700.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-emerald-700.text-white,
[data-theme="futuristic"] .hover\:bg-emerald-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-blue-500.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-blue-500.text-white,
[data-theme="futuristic"] .hover\:bg-blue-500.text-white\/50,
[data-theme="futuristic"] .bg-blue-600.hover\:text-white,
[data-theme="futuristic"] .bg-blue-600.text-white,
[data-theme="futuristic"] .bg-blue-600.text-white\/50,
[data-theme="futuristic"] .hover\:bg-purple-500.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-purple-500.text-white,
[data-theme="futuristic"] .hover\:bg-purple-500.text-white\/50,
[data-theme="futuristic"] .bg-purple-600.hover\:text-white,
[data-theme="futuristic"] .bg-purple-600.text-white,
[data-theme="futuristic"] .bg-purple-600.text-white\/50,
[data-theme="futuristic"] .bg-purple-600\/20.hover\:text-white,
[data-theme="futuristic"] .bg-purple-600\/20.text-white,
[data-theme="futuristic"] .bg-purple-600\/20.text-white\/50,
[data-theme="futuristic"] .bg-purple-600\/40.hover\:text-white,
[data-theme="futuristic"] .bg-purple-600\/40.text-white,
[data-theme="futuristic"] .bg-purple-600\/40.text-white\/50,
[data-theme="futuristic"] .hover\:bg-purple-600.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-purple-600.text-white,
[data-theme="futuristic"] .hover\:bg-purple-600.text-white\/50,
[data-theme="futuristic"] .hover\:bg-purple-600\/40.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-purple-600\/40.text-white,
[data-theme="futuristic"] .hover\:bg-purple-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-purple-700.hover\:text-white,
[data-theme="futuristic"] .bg-purple-700.text-white,
[data-theme="futuristic"] .bg-purple-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-indigo-500.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-indigo-500.text-white,
[data-theme="futuristic"] .hover\:bg-indigo-500.text-white\/50,
[data-theme="futuristic"] .bg-indigo-600.hover\:text-white,
[data-theme="futuristic"] .bg-indigo-600.text-white,
[data-theme="futuristic"] .bg-indigo-600.text-white\/50,
[data-theme="futuristic"] .bg-indigo-600\/20.hover\:text-white,
[data-theme="futuristic"] .bg-indigo-600\/20.text-white,
[data-theme="futuristic"] .bg-indigo-600\/20.text-white\/50,
[data-theme="futuristic"] .bg-indigo-600\/40.hover\:text-white,
[data-theme="futuristic"] .bg-indigo-600\/40.text-white,
[data-theme="futuristic"] .bg-indigo-600\/40.text-white\/50,
[data-theme="futuristic"] .hover\:bg-indigo-600.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-indigo-600.text-white,
[data-theme="futuristic"] .hover\:bg-indigo-600.text-white\/50,
[data-theme="futuristic"] .hover\:bg-indigo-600\/40.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-indigo-600\/40.text-white,
[data-theme="futuristic"] .hover\:bg-indigo-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-indigo-700.hover\:text-white,
[data-theme="futuristic"] .bg-indigo-700.text-white,
[data-theme="futuristic"] .bg-indigo-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-indigo-700.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-indigo-700.text-white,
[data-theme="futuristic"] .hover\:bg-indigo-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-amber-500.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-amber-500.text-white,
[data-theme="futuristic"] .hover\:bg-amber-500.text-white\/50,
[data-theme="futuristic"] .bg-amber-600.hover\:text-white,
[data-theme="futuristic"] .bg-amber-600.text-white,
[data-theme="futuristic"] .bg-amber-600.text-white\/50,
[data-theme="futuristic"] .bg-amber-600\/20.hover\:text-white,
[data-theme="futuristic"] .bg-amber-600\/20.text-white,
[data-theme="futuristic"] .bg-amber-600\/20.text-white\/50,
[data-theme="futuristic"] .bg-amber-600\/40.hover\:text-white,
[data-theme="futuristic"] .bg-amber-600\/40.text-white,
[data-theme="futuristic"] .bg-amber-600\/40.text-white\/50,
[data-theme="futuristic"] .hover\:bg-amber-600.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-amber-600.text-white,
[data-theme="futuristic"] .hover\:bg-amber-600.text-white\/50,
[data-theme="futuristic"] .hover\:bg-amber-600\/40.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-amber-600\/40.text-white,
[data-theme="futuristic"] .hover\:bg-amber-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-amber-700.hover\:text-white,
[data-theme="futuristic"] .bg-amber-700.text-white,
[data-theme="futuristic"] .bg-amber-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-amber-700.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-amber-700.text-white,
[data-theme="futuristic"] .hover\:bg-amber-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-orange-500.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-orange-500.text-white,
[data-theme="futuristic"] .hover\:bg-orange-500.text-white\/50,
[data-theme="futuristic"] .bg-orange-600.hover\:text-white,
[data-theme="futuristic"] .bg-orange-600.text-white,
[data-theme="futuristic"] .bg-orange-600.text-white\/50,
[data-theme="futuristic"] .bg-orange-600\/20.hover\:text-white,
[data-theme="futuristic"] .bg-orange-600\/20.text-white,
[data-theme="futuristic"] .bg-orange-600\/20.text-white\/50,
[data-theme="futuristic"] .bg-orange-600\/40.hover\:text-white,
[data-theme="futuristic"] .bg-orange-600\/40.text-white,
[data-theme="futuristic"] .bg-orange-600\/40.text-white\/50,
[data-theme="futuristic"] .hover\:bg-orange-600\/40.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-orange-600\/40.text-white,
[data-theme="futuristic"] .hover\:bg-orange-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-red-600.hover\:text-white,
[data-theme="futuristic"] .bg-red-600.text-white,
[data-theme="futuristic"] .bg-red-600.text-white\/50,
[data-theme="futuristic"] .bg-red-600\/20.hover\:text-white,
[data-theme="futuristic"] .bg-red-600\/20.text-white,
[data-theme="futuristic"] .bg-red-600\/20.text-white\/50,
[data-theme="futuristic"] .bg-red-600\/40.hover\:text-white,
[data-theme="futuristic"] .bg-red-600\/40.text-white,
[data-theme="futuristic"] .bg-red-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-red-600\/50.hover\:text-white,
[data-theme="futuristic"] .bg-red-600\/50.text-white,
[data-theme="futuristic"] .bg-red-600\/50.text-white\/50,
[data-theme="futuristic"] .hover\:bg-red-600.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-red-600.text-white,
[data-theme="futuristic"] .hover\:bg-red-600.text-white\/50,
[data-theme="futuristic"] .hover\:bg-red-600\/40.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-red-600\/40.text-white,
[data-theme="futuristic"] .hover\:bg-red-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-red-700.hover\:text-white,
[data-theme="futuristic"] .bg-red-700.text-white,
[data-theme="futuristic"] .bg-red-700.text-white\/50,
[data-theme="futuristic"] .hover\:bg-red-700.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-red-700.text-white,
[data-theme="futuristic"] .hover\:bg-red-700.text-white\/50,
[data-theme="futuristic"] .bg-cyan-600.hover\:text-white,
[data-theme="futuristic"] .bg-cyan-600.text-white,
[data-theme="futuristic"] .bg-cyan-600.text-white\/50,
[data-theme="futuristic"] .bg-cyan-600\/20.hover\:text-white,
[data-theme="futuristic"] .bg-cyan-600\/20.text-white,
[data-theme="futuristic"] .bg-cyan-600\/20.text-white\/50,
[data-theme="futuristic"] .bg-cyan-600\/40.hover\:text-white,
[data-theme="futuristic"] .bg-cyan-600\/40.text-white,
[data-theme="futuristic"] .bg-cyan-600\/40.text-white\/50,
[data-theme="futuristic"] .bg-cyan-600\/50.hover\:text-white,
[data-theme="futuristic"] .bg-cyan-600\/50.text-white,
[data-theme="futuristic"] .bg-cyan-600\/50.text-white\/50,
[data-theme="futuristic"] .hover\:bg-cyan-600\/40.hover\:text-white,
[data-theme="futuristic"] .hover\:bg-cyan-600\/40.text-white,
[data-theme="futuristic"] .hover\:bg-cyan-600\/40.text-white\/50 {
    color: #000000 !important;
}
 [data-theme="kawaii"] [class*="text-slate-500"],
[data-theme="kawaii"] [class*="text-slate-600"],
[data-theme="kawaii"] [class*="text-slate-700"],
[data-theme="kawaii"] [class*="text-slate-800"],
[data-theme="kawaii"] [class*="text-slate-900"] {
    /* These numbers were mapped (correctly, for bg-/border- use)
       to border-role variables that are far too light to read as
       KAWAII BODY TEXT -- this is the single biggest source of
       low-contrast text across the whole app under this theme,
       since text-slate-500/600/700+ is the most common way
       secondary/muted labels are styled throughout. A dedicated,
       properly-dark text color, scoped to the text- prefix only
       (bg-/border-slate-* keep their existing, correct mapping). */
    color: #7a4568 !important;
}
/*@src [data-theme="kawaii"] [class*="text-emerald-500"]*/
[data-theme="kawaii"] .text-emerald-500 { color: #0f5c35 !important; }
/*@src [data-theme="kawaii"] [class*="text-blue-500"]*/
[data-theme="kawaii"] .text-blue-500 { color: #0f5c7a !important; }
/*@src [data-theme="kawaii"] h1[class*="text-white"],
[data-theme="kawaii"] h2[class*="text-white"],
[data-theme="kawaii"] h3[class*="text-white"],
[data-theme="kawaii"] h4[class*="text-white"],
[data-theme="kawaii"] [class*="bg-slate-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-slate-700"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-slate-800"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-slate-900"][class*="text-white"]*/
[data-theme="kawaii"] h1.hover\:text-white,
[data-theme="kawaii"] h1.text-white,
[data-theme="kawaii"] h1.text-white\/50,
[data-theme="kawaii"] h2.hover\:text-white,
[data-theme="kawaii"] h2.text-white,
[data-theme="kawaii"] h2.text-white\/50,
[data-theme="kawaii"] h3.hover\:text-white,
[data-theme="kawaii"] h3.text-white,
[data-theme="kawaii"] h3.text-white\/50,
[data-theme="kawaii"] h4.hover\:text-white,
[data-theme="kawaii"] h4.text-white,
[data-theme="kawaii"] h4.text-white\/50,
[data-theme="kawaii"] .bg-slate-600.hover\:text-white,
[data-theme="kawaii"] .bg-slate-600.text-white,
[data-theme="kawaii"] .bg-slate-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-slate-600.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-slate-600.text-white,
[data-theme="kawaii"] .hover\:bg-slate-600.text-white\/50,
[data-theme="kawaii"] .bg-slate-700.hover\:text-white,
[data-theme="kawaii"] .bg-slate-700.text-white,
[data-theme="kawaii"] .bg-slate-700.text-white\/50,
[data-theme="kawaii"] .bg-slate-700\/50.hover\:text-white,
[data-theme="kawaii"] .bg-slate-700\/50.text-white,
[data-theme="kawaii"] .bg-slate-700\/50.text-white\/50,
[data-theme="kawaii"] .hover\:bg-slate-700.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-slate-700.text-white,
[data-theme="kawaii"] .hover\:bg-slate-700.text-white\/50,
[data-theme="kawaii"] .bg-slate-800.hover\:text-white,
[data-theme="kawaii"] .bg-slate-800.text-white,
[data-theme="kawaii"] .bg-slate-800.text-white\/50,
[data-theme="kawaii"] .bg-slate-800\/30.hover\:text-white,
[data-theme="kawaii"] .bg-slate-800\/30.text-white,
[data-theme="kawaii"] .bg-slate-800\/30.text-white\/50,
[data-theme="kawaii"] .bg-slate-800\/50.hover\:text-white,
[data-theme="kawaii"] .bg-slate-800\/50.text-white,
[data-theme="kawaii"] .bg-slate-800\/50.text-white\/50,
[data-theme="kawaii"] .bg-slate-800\/60.hover\:text-white,
[data-theme="kawaii"] .bg-slate-800\/60.text-white,
[data-theme="kawaii"] .bg-slate-800\/60.text-white\/50,
[data-theme="kawaii"] .bg-slate-800\/80.hover\:text-white,
[data-theme="kawaii"] .bg-slate-800\/80.text-white,
[data-theme="kawaii"] .bg-slate-800\/80.text-white\/50,
[data-theme="kawaii"] .hover\:bg-slate-800.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-slate-800.text-white,
[data-theme="kawaii"] .hover\:bg-slate-800.text-white\/50,
[data-theme="kawaii"] .hover\:bg-slate-800\/50.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-slate-800\/50.text-white,
[data-theme="kawaii"] .hover\:bg-slate-800\/50.text-white\/50,
[data-theme="kawaii"] .bg-slate-900.hover\:text-white,
[data-theme="kawaii"] .bg-slate-900.text-white,
[data-theme="kawaii"] .bg-slate-900.text-white\/50,
[data-theme="kawaii"] .bg-slate-900\/50.hover\:text-white,
[data-theme="kawaii"] .bg-slate-900\/50.text-white,
[data-theme="kawaii"] .bg-slate-900\/50.text-white\/50,
[data-theme="kawaii"] .bg-slate-900\/60.hover\:text-white,
[data-theme="kawaii"] .bg-slate-900\/60.text-white,
[data-theme="kawaii"] .bg-slate-900\/60.text-white\/50 {
    color: var(--c-text) !important;
}
/* Blanket default: text-white is dark under Kawaii UNLESS the
   element also carries one of the specific dark, saturated
   button-background classes whitelisted below. This is
   deliberately the inverse of enumerating every "bad" light
   context (headings, paragraphs, labels, confirm-dialog text,
   etc.) -- that list kept growing every time a new modal or
   control was added elsewhere in the app, since anything without
   an explicit bg-* class was silently missed. The set of
   legitimate dark-button backgrounds is small and closed, so
   whitelisting THAT is the version that can't be caught out by
   code added later. */
/*@src [data-theme="kawaii"] [class*="text-white"]*/
[data-theme="kawaii"] .hover\:text-white,
[data-theme="kawaii"] .text-white,
[data-theme="kawaii"] .text-white\/50 { color: var(--c-text) !important; }
/*@src [data-theme="kawaii"] [class*="bg-emerald-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-emerald-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-emerald-700"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-blue-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-blue-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-purple-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-purple-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-purple-700"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-indigo-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-indigo-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-indigo-700"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-amber-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-amber-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-amber-700"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-orange-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-orange-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-pink-500"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-pink-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-red-600"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-red-700"][class*="text-white"],
[data-theme="kawaii"] [class*="bg-cyan-600"][class*="text-white"]*/
[data-theme="kawaii"] .hover\:bg-emerald-500.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-emerald-500.text-white,
[data-theme="kawaii"] .hover\:bg-emerald-500.text-white\/50,
[data-theme="kawaii"] .bg-emerald-600.hover\:text-white,
[data-theme="kawaii"] .bg-emerald-600.text-white,
[data-theme="kawaii"] .bg-emerald-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-emerald-600.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-emerald-600.text-white,
[data-theme="kawaii"] .hover\:bg-emerald-600.text-white\/50,
[data-theme="kawaii"] .bg-emerald-700.hover\:text-white,
[data-theme="kawaii"] .bg-emerald-700.text-white,
[data-theme="kawaii"] .bg-emerald-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-emerald-700.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-emerald-700.text-white,
[data-theme="kawaii"] .hover\:bg-emerald-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-blue-500.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-blue-500.text-white,
[data-theme="kawaii"] .hover\:bg-blue-500.text-white\/50,
[data-theme="kawaii"] .bg-blue-600.hover\:text-white,
[data-theme="kawaii"] .bg-blue-600.text-white,
[data-theme="kawaii"] .bg-blue-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-purple-500.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-purple-500.text-white,
[data-theme="kawaii"] .hover\:bg-purple-500.text-white\/50,
[data-theme="kawaii"] .bg-purple-600.hover\:text-white,
[data-theme="kawaii"] .bg-purple-600.text-white,
[data-theme="kawaii"] .bg-purple-600.text-white\/50,
[data-theme="kawaii"] .bg-purple-600\/20.hover\:text-white,
[data-theme="kawaii"] .bg-purple-600\/20.text-white,
[data-theme="kawaii"] .bg-purple-600\/20.text-white\/50,
[data-theme="kawaii"] .bg-purple-600\/40.hover\:text-white,
[data-theme="kawaii"] .bg-purple-600\/40.text-white,
[data-theme="kawaii"] .bg-purple-600\/40.text-white\/50,
[data-theme="kawaii"] .hover\:bg-purple-600.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-purple-600.text-white,
[data-theme="kawaii"] .hover\:bg-purple-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-purple-600\/40.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-purple-600\/40.text-white,
[data-theme="kawaii"] .hover\:bg-purple-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-purple-700.hover\:text-white,
[data-theme="kawaii"] .bg-purple-700.text-white,
[data-theme="kawaii"] .bg-purple-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-indigo-500.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-indigo-500.text-white,
[data-theme="kawaii"] .hover\:bg-indigo-500.text-white\/50,
[data-theme="kawaii"] .bg-indigo-600.hover\:text-white,
[data-theme="kawaii"] .bg-indigo-600.text-white,
[data-theme="kawaii"] .bg-indigo-600.text-white\/50,
[data-theme="kawaii"] .bg-indigo-600\/20.hover\:text-white,
[data-theme="kawaii"] .bg-indigo-600\/20.text-white,
[data-theme="kawaii"] .bg-indigo-600\/20.text-white\/50,
[data-theme="kawaii"] .bg-indigo-600\/40.hover\:text-white,
[data-theme="kawaii"] .bg-indigo-600\/40.text-white,
[data-theme="kawaii"] .bg-indigo-600\/40.text-white\/50,
[data-theme="kawaii"] .hover\:bg-indigo-600.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-indigo-600.text-white,
[data-theme="kawaii"] .hover\:bg-indigo-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-indigo-600\/40.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-indigo-600\/40.text-white,
[data-theme="kawaii"] .hover\:bg-indigo-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-indigo-700.hover\:text-white,
[data-theme="kawaii"] .bg-indigo-700.text-white,
[data-theme="kawaii"] .bg-indigo-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-indigo-700.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-indigo-700.text-white,
[data-theme="kawaii"] .hover\:bg-indigo-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-amber-500.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-amber-500.text-white,
[data-theme="kawaii"] .hover\:bg-amber-500.text-white\/50,
[data-theme="kawaii"] .bg-amber-600.hover\:text-white,
[data-theme="kawaii"] .bg-amber-600.text-white,
[data-theme="kawaii"] .bg-amber-600.text-white\/50,
[data-theme="kawaii"] .bg-amber-600\/20.hover\:text-white,
[data-theme="kawaii"] .bg-amber-600\/20.text-white,
[data-theme="kawaii"] .bg-amber-600\/20.text-white\/50,
[data-theme="kawaii"] .bg-amber-600\/40.hover\:text-white,
[data-theme="kawaii"] .bg-amber-600\/40.text-white,
[data-theme="kawaii"] .bg-amber-600\/40.text-white\/50,
[data-theme="kawaii"] .hover\:bg-amber-600.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-amber-600.text-white,
[data-theme="kawaii"] .hover\:bg-amber-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-amber-600\/40.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-amber-600\/40.text-white,
[data-theme="kawaii"] .hover\:bg-amber-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-amber-700.hover\:text-white,
[data-theme="kawaii"] .bg-amber-700.text-white,
[data-theme="kawaii"] .bg-amber-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-amber-700.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-amber-700.text-white,
[data-theme="kawaii"] .hover\:bg-amber-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-orange-500.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-orange-500.text-white,
[data-theme="kawaii"] .hover\:bg-orange-500.text-white\/50,
[data-theme="kawaii"] .bg-orange-600.hover\:text-white,
[data-theme="kawaii"] .bg-orange-600.text-white,
[data-theme="kawaii"] .bg-orange-600.text-white\/50,
[data-theme="kawaii"] .bg-orange-600\/20.hover\:text-white,
[data-theme="kawaii"] .bg-orange-600\/20.text-white,
[data-theme="kawaii"] .bg-orange-600\/20.text-white\/50,
[data-theme="kawaii"] .bg-orange-600\/40.hover\:text-white,
[data-theme="kawaii"] .bg-orange-600\/40.text-white,
[data-theme="kawaii"] .bg-orange-600\/40.text-white\/50,
[data-theme="kawaii"] .hover\:bg-orange-600\/40.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-orange-600\/40.text-white,
[data-theme="kawaii"] .hover\:bg-orange-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-red-600.hover\:text-white,
[data-theme="kawaii"] .bg-red-600.text-white,
[data-theme="kawaii"] .bg-red-600.text-white\/50,
[data-theme="kawaii"] .bg-red-600\/20.hover\:text-white,
[data-theme="kawaii"] .bg-red-600\/20.text-white,
[data-theme="kawaii"] .bg-red-600\/20.text-white\/50,
[data-theme="kawaii"] .bg-red-600\/40.hover\:text-white,
[data-theme="kawaii"] .bg-red-600\/40.text-white,
[data-theme="kawaii"] .bg-red-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-red-600\/50.hover\:text-white,
[data-theme="kawaii"] .bg-red-600\/50.text-white,
[data-theme="kawaii"] .bg-red-600\/50.text-white\/50,
[data-theme="kawaii"] .hover\:bg-red-600.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-red-600.text-white,
[data-theme="kawaii"] .hover\:bg-red-600.text-white\/50,
[data-theme="kawaii"] .hover\:bg-red-600\/40.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-red-600\/40.text-white,
[data-theme="kawaii"] .hover\:bg-red-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-red-700.hover\:text-white,
[data-theme="kawaii"] .bg-red-700.text-white,
[data-theme="kawaii"] .bg-red-700.text-white\/50,
[data-theme="kawaii"] .hover\:bg-red-700.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-red-700.text-white,
[data-theme="kawaii"] .hover\:bg-red-700.text-white\/50,
[data-theme="kawaii"] .bg-cyan-600.hover\:text-white,
[data-theme="kawaii"] .bg-cyan-600.text-white,
[data-theme="kawaii"] .bg-cyan-600.text-white\/50,
[data-theme="kawaii"] .bg-cyan-600\/20.hover\:text-white,
[data-theme="kawaii"] .bg-cyan-600\/20.text-white,
[data-theme="kawaii"] .bg-cyan-600\/20.text-white\/50,
[data-theme="kawaii"] .bg-cyan-600\/40.hover\:text-white,
[data-theme="kawaii"] .bg-cyan-600\/40.text-white,
[data-theme="kawaii"] .bg-cyan-600\/40.text-white\/50,
[data-theme="kawaii"] .bg-cyan-600\/50.hover\:text-white,
[data-theme="kawaii"] .bg-cyan-600\/50.text-white,
[data-theme="kawaii"] .bg-cyan-600\/50.text-white\/50,
[data-theme="kawaii"] .hover\:bg-cyan-600\/40.hover\:text-white,
[data-theme="kawaii"] .hover\:bg-cyan-600\/40.text-white,
[data-theme="kawaii"] .hover\:bg-cyan-600\/40.text-white\/50 {
    color: #ffffff !important;
}
 
body { background: var(--c-page-bg) !important; font-family: var(--c-font); color: var(--c-text-dimmer); }
h1,h2,h3,h4,h5,h6 { font-family: var(--c-heading-font); }
.modal-content { font-family: var(--c-font); }
/*@src [class*="bg-amber-500"]*/
.hover\:bg-amber-500 { background-color: var(--c-amber-dk) !important; }
/*@src [class*="bg-amber-600"]*/
.bg-amber-600,
.bg-amber-600\/20,
.bg-amber-600\/40,
.hover\:bg-amber-600,
.hover\:bg-amber-600\/40 { background-color: var(--c-amber) !important; }
/*@src [class*="bg-amber-700"]*/
.bg-amber-700,
.hover\:bg-amber-700 { background-color: var(--c-amber-dk) !important; }
/*@src [class*="bg-amber-900"]*/
.bg-amber-900,
.bg-amber-900\/20,
.bg-amber-900\/30,
.bg-amber-900\/40,
.bg-amber-900\/50,
.hover\:bg-amber-900 { background-color: var(--c-amber-dark) !important; }
/*@src [class*="bg-blue-500"]*/
.hover\:bg-blue-500 { background-color: var(--c-blue-lt) !important; }
/*@src [class*="bg-blue-600"]*/
.bg-blue-600 { background-color: var(--c-blue) !important; }
/*@src [class*="bg-emerald-500"]*/
.hover\:bg-emerald-500 { background-color: var(--c-emerald-lt) !important; }
/*@src [class*="bg-emerald-600"]*/
.bg-emerald-600,
.hover\:bg-emerald-600 { background-color: var(--c-emerald) !important; }
/*@src [class*="bg-emerald-700"]*/
.bg-emerald-700,
.hover\:bg-emerald-700 { background-color: var(--c-emerald) !important; }
/*@src [class*="bg-emerald-900"]*/
.bg-emerald-900,
.bg-emerald-900\/30,
.bg-emerald-900\/40,
.bg-emerald-900\/50 { background-color: var(--c-emerald-dark) !important; }
/*@src [class*="bg-indigo-500"]*/
.hover\:bg-indigo-500 { background-color: var(--c-indigo-lt) !important; }
/*@src [class*="bg-indigo-600"]*/
.bg-indigo-600,
.bg-indigo-600\/20,
.bg-indigo-600\/40,
.hover\:bg-indigo-600,
.hover\:bg-indigo-600\/40 { background-color: var(--c-indigo) !important; }
/*@src [class*="bg-indigo-700"]*/
.bg-indigo-700,
.hover\:bg-indigo-700 { background-color: var(--c-indigo) !important; }
/*@src [class*="bg-indigo-900"]*/
.bg-indigo-900,
.bg-indigo-900\/20,
.bg-indigo-900\/30,
.bg-indigo-900\/50,
.hover\:bg-indigo-900,
.hover\:bg-indigo-900\/50 { background-color: var(--c-indigo-dark) !important; }
/*@src [class*="bg-orange-500"]*/
.hover\:bg-orange-500 { background-color: var(--c-orange-lt) !important; }
/*@src [class*="bg-orange-600"]*/
.bg-orange-600,
.bg-orange-600\/20,
.bg-orange-600\/40,
.hover\:bg-orange-600\/40 { background-color: var(--c-orange) !important; }
/*@src [class*="bg-pink-500"]*/
[class*="bg-pink-500"] { background-color: var(--c-pink-lt) !important; }
/*@src [class*="bg-pink-600"]*/
[class*="bg-pink-600"] { background-color: var(--c-pink) !important; }
/*@src [class*="bg-purple-500"]*/
.hover\:bg-purple-500 { background-color: var(--c-purple-lt) !important; }
/*@src [class*="bg-purple-600"]*/
.bg-purple-600,
.bg-purple-600\/20,
.bg-purple-600\/40,
.hover\:bg-purple-600,
.hover\:bg-purple-600\/40 { background-color: var(--c-purple) !important; }
/*@src [class*="bg-purple-700"]*/
.bg-purple-700 { background-color: var(--c-purple) !important; }
/*@src [class*="bg-red-500"]*/
.hover\:bg-red-500 { background-color: var(--c-red) !important; }
/*@src [class*="bg-red-600"]*/
.bg-red-600,
.bg-red-600\/20,
.bg-red-600\/40,
.bg-red-600\/50,
.hover\:bg-red-600,
.hover\:bg-red-600\/40 { background-color: var(--c-red) !important; }
/*@src [class*="bg-red-700"]*/
.bg-red-700,
.hover\:bg-red-700 { background-color: var(--c-red) !important; }
/*@src [class*="bg-red-900"]*/
.bg-red-900,
.bg-red-900\/20,
.bg-red-900\/30,
.bg-red-900\/40,
.bg-red-900\/50,
.hover\:bg-red-900,
.hover\:bg-red-900\/60 { background-color: var(--c-red-dark) !important; }
/*@src [class*="bg-slate-500"]*/
.hover\:bg-slate-500 { background-color: var(--c-border3) !important; }
/*@src [class*="bg-slate-600"]*/
.bg-slate-600,
.hover\:bg-slate-600 { background-color: var(--c-border2) !important; }
/*@src [class*="bg-slate-700"]*/
.bg-slate-700,
.bg-slate-700\/50,
.hover\:bg-slate-700 { background-color: var(--c-border) !important; }
/*@src [class*="bg-slate-800"]*/
.bg-slate-800,
.bg-slate-800\/30,
.bg-slate-800\/50,
.bg-slate-800\/60,
.bg-slate-800\/80,
.hover\:bg-slate-800,
.hover\:bg-slate-800\/50 { background-color: var(--c-surface) !important; }
/*@src [class*="bg-slate-900"]*/
.bg-slate-900,
.bg-slate-900\/50,
.bg-slate-900\/60 { background-color: var(--c-surface2) !important; }
/*@src [class*="border-amber-400"]*/
.border-amber-400 { border-color: var(--c-amber) !important; }
/*@src [class*="border-amber-600"]*/
.border-amber-600,
.hover\:border-amber-600 { border-color: var(--c-amber) !important; }
/*@src [class*="border-amber-800"]*/
.border-amber-800,
.border-amber-800\/40,
.border-amber-800\/50 { border-color: var(--c-amber-dark) !important; }
/*@src [class*="border-blue-500"]*/
.border-blue-500,
.hover\:border-blue-500 { border-color: var(--c-blue-lt) !important; }
/*@src [class*="border-cyan-900"]*/
.border-cyan-900 { border-color: var(--c-cyan) !important; }
/*@src [class*="border-emerald-600"]*/
.border-emerald-600,
.hover\:border-emerald-600 { border-color: var(--c-emerald) !important; }
/*@src [class*="border-emerald-700"]*/
.border-emerald-700,
.border-emerald-700\/40,
.border-emerald-700\/50 { border-color: var(--c-emerald) !important; }
/*@src [class*="border-emerald-800"]*/
.border-emerald-800,
.border-emerald-800\/50 { border-color: var(--c-emerald-dark) !important; }
/*@src [class*="border-emerald-900"]*/
.border-emerald-900,
.border-emerald-900\/50 { border-color: var(--c-emerald-dark) !important; }
/*@src [class*="border-green-500"]*/
.border-green-500 { border-color: var(--c-emerald) !important; }
/*@src [class*="border-indigo-500"]*/
.border-indigo-500,
.border-indigo-500\/50,
.hover\:border-indigo-500 { border-color: var(--c-indigo-lt) !important; }
/*@src [class*="border-indigo-600"]*/
.border-indigo-600 { border-color: var(--c-indigo) !important; }
/*@src [class*="border-indigo-700"]*/
.border-indigo-700,
.border-indigo-700\/50 { border-color: var(--c-indigo) !important; }
/*@src [class*="border-orange-600"]*/
.border-orange-600 { border-color: var(--c-orange) !important; }
/*@src [class*="border-orange-700"]*/
.border-orange-700,
.border-orange-700\/50 { border-color: var(--c-orange) !important; }
/*@src [class*="border-orange-900"]*/
.border-orange-900,
.border-orange-900\/50 { border-color: var(--c-orange-dark) !important; }
/*@src [class*="border-pink-600"]*/
.border-pink-600 { border-color: var(--c-pink) !important; }
/*@src [class*="border-pink-800"]*/
.border-pink-800 { border-color: var(--c-pink) !important; }
/*@src [class*="border-purple-500"]*/
.border-purple-500,
.hover\:border-purple-500 { border-color: var(--c-purple-lt) !important; }
/*@src [class*="border-purple-600"]*/
.border-purple-600 { border-color: var(--c-purple) !important; }
/*@src [class*="border-purple-700"]*/
.border-purple-700,
.border-purple-700\/50 { border-color: var(--c-purple) !important; }
/*@src [class*="border-purple-800"]*/
.border-purple-800,
.border-purple-800\/40,
.border-purple-800\/50,
.border-purple-800\/60 { border-color: var(--c-purple-dark) !important; }
/*@src [class*="border-purple-900"]*/
.border-purple-900,
.border-purple-900\/50 { border-color: var(--c-purple-dark) !important; }
/*@src [class*="border-red-500"]*/
.border-red-500,
.hover\:border-red-500 { border-color: var(--c-red) !important; }
/*@src [class*="border-red-600"]*/
.border-red-600,
.hover\:border-red-600 { border-color: var(--c-red) !important; }
/*@src [class*="border-red-700"]*/
.border-red-700,
.border-red-700\/50,
.hover\:border-red-700 { border-color: var(--c-red) !important; }
/*@src [class*="border-red-800"]*/
.border-red-800,
.border-red-800\/30,
.border-red-800\/40,
.border-red-800\/50,
.border-red-800\/70 { border-color: var(--c-red-dark) !important; }
/*@src [class*="border-red-900"]*/
.border-red-900,
.border-red-900\/40 { border-color: var(--c-red-dark) !important; }
/*@src [class*="border-slate-500"]*/
.border-slate-500,
.hover\:border-slate-500 { border-color: var(--c-border3) !important; }
/*@src [class*="border-slate-600"]*/
.border-slate-600 { border-color: var(--c-border2) !important; }
/*@src [class*="border-slate-700"]*/
.border-slate-700,
.border-slate-700\/50,
.hover\:border-slate-700 { border-color: var(--c-border) !important; }
/*@src [class*="border-slate-800"]*/
.border-slate-800 { border-color: var(--c-surface) !important; }
/*@src [class*="text-amber-300"]*/
.hover\:text-amber-300,
.text-amber-300,
.text-amber-300\/70 { color: var(--c-amber) !important; }
/*@src [class*="text-amber-400"]*/
.text-amber-400 { color: var(--c-amber) !important; }
/*@src [class*="text-amber-500"]*/
.text-amber-500,
.text-amber-500\/80 { color: var(--c-amber-dk) !important; }
/*@src [class*="text-blue-300"]*/
.hover\:text-blue-300,
.text-blue-300 { color: var(--c-blue-lt) !important; }
/*@src [class*="text-blue-400"]*/
.text-blue-400 { color: var(--c-blue) !important; }
/*@src [class*="text-blue-500"]*/
.text-blue-500 { color: var(--c-blue-lt) !important; }
/*@src [class*="text-cyan-300"]*/
.hover\:text-cyan-300,
.text-cyan-300,
.text-cyan-300\/80 { color: var(--c-cyan) !important; }
/*@src [class*="text-cyan-400"]*/
.text-cyan-400 { color: var(--c-cyan) !important; }
/*@src [class*="bg-cyan-600"]*/
.bg-cyan-600,
.bg-cyan-600\/20,
.bg-cyan-600\/40,
.bg-cyan-600\/50,
.hover\:bg-cyan-600\/40 { background-color: var(--c-cyan) !important; }
/*@src [class*="border-cyan-700"]*/
.border-cyan-700,
.border-cyan-700\/50 { border-color: color-mix(in srgb, var(--c-cyan) 50%, transparent) !important; }
/*@src [class*="text-emerald-300"]*/
.hover\:text-emerald-300,
.text-emerald-300 { color: var(--c-emerald-lt) !important; }
/*@src [class*="text-emerald-400"]*/
.text-emerald-400,
.text-emerald-400\/80 { color: var(--c-emerald) !important; }
/*@src [class*="text-emerald-500"]*/
.text-emerald-500 { color: var(--c-emerald-lt) !important; }
/*@src [class*="text-green-300"]*/
.text-green-300 { color: var(--c-emerald-lt) !important; }
/*@src [class*="text-indigo-300"]*/
.hover\:text-indigo-300,
.text-indigo-300 { color: var(--c-indigo-lt) !important; }
/*@src [class*="text-indigo-400"]*/
.hover\:text-indigo-400,
.text-indigo-400 { color: var(--c-indigo) !important; }
/*@src [class*="text-orange-300"]*/
.hover\:text-orange-300,
.text-orange-300 { color: var(--c-orange-lt) !important; }
/*@src [class*="text-orange-400"]*/
.text-orange-400,
.text-orange-400\/80 { color: var(--c-orange) !important; }
/*@src [class*="text-pink-300"]*/
.text-pink-300 { color: var(--c-pink-lt) !important; }
/*@src [class*="text-pink-400"]*/
.text-pink-400 { color: var(--c-pink-lt) !important; }
/*@src [class*="text-purple-300"]*/
.hover\:text-purple-300,
.text-purple-300 { color: var(--c-purple-lt) !important; }
/*@src [class*="text-purple-400"]*/
.text-purple-400 { color: var(--c-purple) !important; }
/*@src [class*="text-red-300"]*/
.hover\:text-red-300,
.text-red-300,
.text-red-300\/70,
.text-red-300\/80 { color: var(--c-red) !important; }
/*@src [class*="text-red-400"]*/
.hover\:text-red-400,
.text-red-400 { color: var(--c-red) !important; }
/*@src [class*="text-red-500"]*/
.hover\:text-red-500,
.text-red-500 { color: var(--c-red) !important; }
/*@src [class*="text-slate-200"]*/
.hover\:text-slate-200,
.text-slate-200 { color: var(--c-text-dimmer) !important; }
/*@src [class*="text-slate-300"]*/
.hover\:text-slate-300,
.text-slate-300 { color: var(--c-text-dimmer) !important; }
/*@src [class*="text-slate-400"]*/
.text-slate-400 { color: var(--c-text-muted) !important; }
/*@src [class*="text-slate-500"]*/
.text-slate-500 { color: var(--c-border3) !important; }
/*@src [class*="text-slate-600"]*/
.text-slate-600 { color: var(--c-border2) !important; }
/*@src [class*="text-slate-700"]*/
.text-slate-700 { color: var(--c-border) !important; }
/*@src [class*="text-yellow-400"]*/
.text-yellow-400 { color: var(--c-yellow) !important; }
/*@src [class*="text-yellow-500"]*/
.text-yellow-500,
.text-yellow-500\/50,
.text-yellow-500\/70 { color: var(--c-yellow-dk) !important; }
/* Opacity-variant rules repeated here (after the plain rules above) so they win the cascade for any element that has both an opacity-suffixed class and a plain class sharing the same prefix (e.g. bg-amber-600/20 vs bg-amber-600) -- equal specificity means source order decides. */
/*@src [class*="bg-amber-600/20"]*/
.bg-amber-600\/20 { background-color: color-mix(in srgb, var(--c-amber) 20%, transparent) !important; }
/*@src [class*="bg-amber-600/40"]*/
.bg-amber-600\/40,
.hover\:bg-amber-600\/40 { background-color: color-mix(in srgb, var(--c-amber) 40%, transparent) !important; }
/*@src [class*="bg-amber-900/40"]*/
.bg-amber-900\/40 { background-color: color-mix(in srgb, var(--c-amber-dark) 40%, transparent) !important; }
/*@src [class*="bg-amber-900/50"]*/
.bg-amber-900\/50 { background-color: color-mix(in srgb, var(--c-amber-dark) 50%, transparent) !important; }
/*@src [class*="bg-amber-950/30"]*/
.bg-amber-950\/30 { background-color: color-mix(in srgb, var(--c-amber-dark) 30%, transparent) !important; }
/*@src [class*="bg-blue-950/40"]*/
.bg-blue-950\/40 { background-color: color-mix(in srgb, var(--c-blue) 40%, transparent) !important; }
/*@src [class*="bg-emerald-900/30"]*/
.bg-emerald-900\/30 { background-color: color-mix(in srgb, var(--c-emerald-dark) 30%, transparent) !important; }
/*@src [class*="bg-emerald-900/50"]*/
.bg-emerald-900\/50 { background-color: color-mix(in srgb, var(--c-emerald-dark) 50%, transparent) !important; }
/*@src [class*="bg-green-950/40"]*/
.bg-green-950\/40 { background-color: color-mix(in srgb, var(--c-emerald-dark) 40%, transparent) !important; }
/*@src [class*="bg-indigo-600/20"]*/
.bg-indigo-600\/20 { background-color: color-mix(in srgb, var(--c-indigo) 20%, transparent) !important; }
/*@src [class*="bg-indigo-600/40"]*/
.bg-indigo-600\/40,
.hover\:bg-indigo-600\/40 { background-color: color-mix(in srgb, var(--c-indigo) 40%, transparent) !important; }
/*@src [class*="bg-indigo-800/50"]*/
.bg-indigo-800\/50,
.hover\:bg-indigo-800\/50 { background-color: color-mix(in srgb, var(--c-indigo-dark) 50%, transparent) !important; }
/*@src [class*="bg-indigo-900/20"]*/
.bg-indigo-900\/20 { background-color: color-mix(in srgb, var(--c-indigo-dark) 20%, transparent) !important; }
/*@src [class*="bg-indigo-900/30"]*/
.bg-indigo-900\/30 { background-color: color-mix(in srgb, var(--c-indigo-dark) 30%, transparent) !important; }
/*@src [class*="bg-orange-600/20"]*/
.bg-orange-600\/20 { background-color: color-mix(in srgb, var(--c-orange) 20%, transparent) !important; }
/*@src [class*="bg-orange-600/40"]*/
.bg-orange-600\/40,
.hover\:bg-orange-600\/40 { background-color: color-mix(in srgb, var(--c-orange) 40%, transparent) !important; }
/*@src [class*="bg-pink-800/50"]*/
.bg-pink-800\/50,
.hover\:bg-pink-800\/50 { background-color: color-mix(in srgb, var(--c-pink) 50%, transparent) !important; }
/*@src [class*="bg-pink-900/30"]*/
.bg-pink-900\/30 { background-color: color-mix(in srgb, var(--c-pink) 30%, transparent) !important; }
/*@src [class*="bg-purple-600/20"]*/
.bg-purple-600\/20 { background-color: color-mix(in srgb, var(--c-purple) 20%, transparent) !important; }
/*@src [class*="bg-purple-600/40"]*/
.bg-purple-600\/40,
.hover\:bg-purple-600\/40 { background-color: color-mix(in srgb, var(--c-purple) 40%, transparent) !important; }
/*@src [class*="bg-purple-900/10"]*/
.bg-purple-900\/10 { background-color: color-mix(in srgb, var(--c-purple-dark) 10%, transparent) !important; }
/*@src [class*="bg-purple-900/20"]*/
.bg-purple-900\/20 { background-color: color-mix(in srgb, var(--c-purple-dark) 20%, transparent) !important; }
/*@src [class*="bg-purple-900/30"]*/
.bg-purple-900\/30 { background-color: color-mix(in srgb, var(--c-purple-dark) 30%, transparent) !important; }
/*@src [class*="bg-purple-900/50"]*/
.bg-purple-900\/50,
.hover\:bg-purple-900\/50 { background-color: color-mix(in srgb, var(--c-purple-dark) 50%, transparent) !important; }
/*@src [class*="bg-red-600/20"]*/
.bg-red-600\/20 { background-color: color-mix(in srgb, var(--c-red) 20%, transparent) !important; }
/*@src [class*="bg-red-600/40"]*/
.bg-red-600\/40,
.hover\:bg-red-600\/40 { background-color: color-mix(in srgb, var(--c-red) 40%, transparent) !important; }
/*@src [class*="bg-red-600/50"]*/
.bg-red-600\/50 { background-color: color-mix(in srgb, var(--c-red) 50%, transparent) !important; }
/*@src [class*="bg-cyan-600/20"]*/
.bg-cyan-600\/20 { background-color: color-mix(in srgb, var(--c-cyan) 20%, transparent) !important; }
/*@src [class*="bg-cyan-600/40"]*/
.bg-cyan-600\/40,
.hover\:bg-cyan-600\/40 { background-color: color-mix(in srgb, var(--c-cyan) 40%, transparent) !important; }
/*@src [class*="border-cyan-700/50"]*/
.border-cyan-700\/50 { border-color: color-mix(in srgb, var(--c-cyan) 50%, transparent) !important; }
/*@src [class*="bg-red-900/30"]*/
.bg-red-900\/30 { background-color: color-mix(in srgb, var(--c-red-dark) 30%, transparent) !important; }
/*@src [class*="bg-red-900/40"]*/
.bg-red-900\/40 { background-color: color-mix(in srgb, var(--c-red-dark) 40%, transparent) !important; }
/*@src [class*="bg-red-900/50"]*/
.bg-red-900\/50 { background-color: color-mix(in srgb, var(--c-red-dark) 50%, transparent) !important; }
/*@src [class*="bg-red-950/40"]*/
.bg-red-950\/40 { background-color: color-mix(in srgb, var(--c-red-dark) 40%, transparent) !important; }
/*@src [class*="bg-slate-700/50"]*/
.bg-slate-700\/50 { background-color: color-mix(in srgb, var(--c-border) 50%, transparent) !important; }
/*@src [class*="bg-slate-800/30"]*/
.bg-slate-800\/30 { background-color: color-mix(in srgb, var(--c-surface) 30%, transparent) !important; }
/*@src [class*="bg-slate-800/50"]*/
.bg-slate-800\/50,
.hover\:bg-slate-800\/50 { background-color: color-mix(in srgb, var(--c-surface) 50%, transparent) !important; }
/*@src [class*="bg-slate-800/60"]*/
.bg-slate-800\/60 { background-color: color-mix(in srgb, var(--c-surface) 60%, transparent) !important; }
/*@src [class*="bg-slate-900/50"]*/
.bg-slate-900\/50 { background-color: color-mix(in srgb, var(--c-surface2) 50%, transparent) !important; }
/*@src [class*="border-amber-700/50"]*/
.border-amber-700\/50 { border-color: color-mix(in srgb, var(--c-amber-dk) 50%, transparent) !important; }
/*@src [class*="border-amber-800/50"]*/
.border-amber-800\/50 { border-color: color-mix(in srgb, var(--c-amber-dark) 50%, transparent) !important; }
/*@src [class*="border-cyan-800/50"]*/
.border-cyan-800\/50 { border-color: color-mix(in srgb, var(--c-cyan) 50%, transparent) !important; }
/*@src [class*="border-emerald-700/50"]*/
.border-emerald-700\/50 { border-color: color-mix(in srgb, var(--c-emerald) 50%, transparent) !important; }
/*@src [class*="border-emerald-800/50"]*/
.border-emerald-800\/50 { border-color: color-mix(in srgb, var(--c-emerald-dark) 50%, transparent) !important; }
/*@src [class*="border-emerald-900/50"]*/
.border-emerald-900\/50 { border-color: color-mix(in srgb, var(--c-emerald-dark) 50%, transparent) !important; }
/*@src [class*="border-indigo-500/50"]*/
.border-indigo-500\/50 { border-color: color-mix(in srgb, var(--c-indigo-lt) 50%, transparent) !important; }
/*@src [class*="border-indigo-700/50"]*/
.border-indigo-700\/50 { border-color: color-mix(in srgb, var(--c-indigo) 50%, transparent) !important; }
/*@src [class*="border-indigo-900/50"]*/
.border-indigo-900\/50 { border-color: color-mix(in srgb, var(--c-indigo-dark) 50%, transparent) !important; }
/*@src [class*="border-orange-700/50"]*/
.border-orange-700\/50 { border-color: color-mix(in srgb, var(--c-orange) 50%, transparent) !important; }
/*@src [class*="border-orange-800/50"]*/
.border-orange-800\/50 { border-color: color-mix(in srgb, var(--c-orange-dark) 50%, transparent) !important; }
/*@src [class*="border-orange-900/50"]*/
.border-orange-900\/50 { border-color: color-mix(in srgb, var(--c-orange-dark) 50%, transparent) !important; }
/*@src [class*="border-pink-500/50"]*/
.border-pink-500\/50 { border-color: color-mix(in srgb, var(--c-pink-lt) 50%, transparent) !important; }
/*@src [class*="border-pink-700/50"]*/
.border-pink-700\/50 { border-color: color-mix(in srgb, var(--c-pink) 50%, transparent) !important; }
/*@src [class*="border-purple-700/50"]*/
.border-purple-700\/50 { border-color: color-mix(in srgb, var(--c-purple) 50%, transparent) !important; }
/*@src [class*="border-purple-800/50"]*/
.border-purple-800\/50 { border-color: color-mix(in srgb, var(--c-purple-dark) 50%, transparent) !important; }
/*@src [class*="border-purple-900/50"]*/
.border-purple-900\/50 { border-color: color-mix(in srgb, var(--c-purple-dark) 50%, transparent) !important; }
/*@src [class*="border-red-700/50"]*/
.border-red-700\/50 { border-color: color-mix(in srgb, var(--c-red) 50%, transparent) !important; }
/*@src [class*="border-red-800/50"]*/
.border-red-800\/50 { border-color: color-mix(in srgb, var(--c-red-dark) 50%, transparent) !important; }
/*@src [class*="border-slate-700/50"]*/
.border-slate-700\/50 { border-color: color-mix(in srgb, var(--c-border) 50%, transparent) !important; }
/*@src [class*="border-yellow-900/50"]*/
.border-yellow-900\/50 { border-color: color-mix(in srgb, var(--c-yellow-dk) 50%, transparent) !important; }
/*@src [class*="divide-slate-700/50"] > :not([hidden]) ~ :not([hidden])*/
.divide-slate-700\/50 > :not([hidden]) ~ :not([hidden]) { border-color: color-mix(in srgb, var(--c-border2) 50%, transparent) !important; }
/*@src [class*="divide-slate-800/50"] > :not([hidden]) ~ :not([hidden])*/
.divide-slate-800\/50 > :not([hidden]) ~ :not([hidden]) { border-color: color-mix(in srgb, var(--c-border2) 50%, transparent) !important; }
/*@src [class*="text-emerald-400/80"]*/
.text-emerald-400\/80 { color: color-mix(in srgb, var(--c-emerald) 80%, transparent) !important; }
/*@src [class*="text-orange-400/80"]*/
.text-orange-400\/80 { color: color-mix(in srgb, var(--c-orange) 80%, transparent) !important; }
/*@src [class*="text-yellow-500/50"]*/
.text-yellow-500\/50 { color: color-mix(in srgb, var(--c-yellow-dk) 50%, transparent) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   INLINE-STYLE THEMING  (generated from a colour → theme-variable table)
   Popups, floating windows, menus and overlays built in JavaScript use inline
   hex colours (e.g. style="background:#1e293b"). These rules recognise those
   colours in the style attribute — both as written and as the browser
   re-serialises them (rgb()) — and swap in the active theme's variable, the
   same way the [class*="bg-slate-800"] rules above theme Tailwind classes.
   Inline styles never use !important, so these always win.
   ════════════════════════════════════════════════════════════════════════════ */
[style*="background:#0f172a" i],
[style*="background: #0f172a" i],
[style*="background-color:#0f172a" i],
[style*="background-color: #0f172a" i],
[style*="background: rgb(15, 23, 42)"],
[style*="background-color: rgb(15, 23, 42)"] { background-color: var(--c-surface2) !important; }
[style*="background:#1e293b" i],
[style*="background: #1e293b" i],
[style*="background-color:#1e293b" i],
[style*="background-color: #1e293b" i],
[style*="background: rgb(30, 41, 59)"],
[style*="background-color: rgb(30, 41, 59)"] { background-color: var(--c-surface) !important; }
[style*="background:#334155" i],
[style*="background: #334155" i],
[style*="background-color:#334155" i],
[style*="background-color: #334155" i],
[style*="background: rgb(51, 65, 85)"],
[style*="background-color: rgb(51, 65, 85)"] { background-color: var(--c-border) !important; }
[style*="background:#475569" i],
[style*="background: #475569" i],
[style*="background-color:#475569" i],
[style*="background-color: #475569" i],
[style*="background: rgb(71, 85, 105)"],
[style*="background-color: rgb(71, 85, 105)"] { background-color: var(--c-border2) !important; }
[style*="background:#1e3a5f" i],
[style*="background: #1e3a5f" i],
[style*="background-color:#1e3a5f" i],
[style*="background-color: #1e3a5f" i],
[style*="background: rgb(30, 58, 95)"],
[style*="background-color: rgb(30, 58, 95)"] { background-color: color-mix(in srgb, var(--c-blue) 24%, var(--c-surface)) !important; }
[style*="background:#1d4ed8" i],
[style*="background: #1d4ed8" i],
[style*="background-color:#1d4ed8" i],
[style*="background-color: #1d4ed8" i],
[style*="background: rgb(29, 78, 216)"],
[style*="background-color: rgb(29, 78, 216)"] { background-color: var(--c-blue) !important; }
[style*="background:#2563eb" i],
[style*="background: #2563eb" i],
[style*="background-color:#2563eb" i],
[style*="background-color: #2563eb" i],
[style*="background: rgb(37, 99, 235)"],
[style*="background-color: rgb(37, 99, 235)"] { background-color: var(--c-blue) !important; }
[style*="background:#059669" i],
[style*="background: #059669" i],
[style*="background-color:#059669" i],
[style*="background-color: #059669" i],
[style*="background: rgb(5, 150, 105)"],
[style*="background-color: rgb(5, 150, 105)"] { background-color: var(--c-emerald) !important; }
[style*="background:#065f46" i],
[style*="background: #065f46" i],
[style*="background-color:#065f46" i],
[style*="background-color: #065f46" i],
[style*="background: rgb(6, 95, 70)"],
[style*="background-color: rgb(6, 95, 70)"] { background-color: var(--c-emerald-dark) !important; }
[style*="background:#064e3b" i],
[style*="background: #064e3b" i],
[style*="background-color:#064e3b" i],
[style*="background-color: #064e3b" i],
[style*="background: rgb(6, 78, 59)"],
[style*="background-color: rgb(6, 78, 59)"] { background-color: var(--c-emerald-dark) !important; }
[style*="background:#7f1d1d" i],
[style*="background: #7f1d1d" i],
[style*="background-color:#7f1d1d" i],
[style*="background-color: #7f1d1d" i],
[style*="background: rgb(127, 29, 29)"],
[style*="background-color: rgb(127, 29, 29)"] { background-color: var(--c-red-dark) !important; }
[style*="background:#991b1b" i],
[style*="background: #991b1b" i],
[style*="background-color:#991b1b" i],
[style*="background-color: #991b1b" i],
[style*="background: rgb(153, 27, 27)"],
[style*="background-color: rgb(153, 27, 27)"] { background-color: var(--c-red-dark) !important; }
[style*="background:#dc2626" i],
[style*="background: #dc2626" i],
[style*="background-color:#dc2626" i],
[style*="background-color: #dc2626" i],
[style*="background: rgb(220, 38, 38)"],
[style*="background-color: rgb(220, 38, 38)"] { background-color: var(--c-red) !important; }
[style*="background:#b45309" i],
[style*="background: #b45309" i],
[style*="background-color:#b45309" i],
[style*="background-color: #b45309" i],
[style*="background: rgb(180, 83, 9)"],
[style*="background-color: rgb(180, 83, 9)"] { background-color: var(--c-amber-dk) !important; }
[style*="background:#78350f" i],
[style*="background: #78350f" i],
[style*="background-color:#78350f" i],
[style*="background-color: #78350f" i],
[style*="background: rgb(120, 53, 15)"],
[style*="background-color: rgb(120, 53, 15)"] { background-color: var(--c-amber-dark) !important; }
[style*="background:#4f46e5" i],
[style*="background: #4f46e5" i],
[style*="background-color:#4f46e5" i],
[style*="background-color: #4f46e5" i],
[style*="background: rgb(79, 70, 229)"],
[style*="background-color: rgb(79, 70, 229)"] { background-color: var(--c-indigo) !important; }
[style*="background:#312e81" i],
[style*="background: #312e81" i],
[style*="background-color:#312e81" i],
[style*="background-color: #312e81" i],
[style*="background: rgb(49, 46, 129)"],
[style*="background-color: rgb(49, 46, 129)"] { background-color: var(--c-indigo-dark) !important; }
[style*="background:#1e1b4b" i],
[style*="background: #1e1b4b" i],
[style*="background-color:#1e1b4b" i],
[style*="background-color: #1e1b4b" i],
[style*="background: rgb(30, 27, 75)"],
[style*="background-color: rgb(30, 27, 75)"] { background-color: var(--c-indigo-dark) !important; }
[style*="background:#7c3aed" i],
[style*="background: #7c3aed" i],
[style*="background-color:#7c3aed" i],
[style*="background-color: #7c3aed" i],
[style*="background: rgb(124, 58, 237)"],
[style*="background-color: rgb(124, 58, 237)"] { background-color: var(--c-purple) !important; }
[style*="background:#581c87" i],
[style*="background: #581c87" i],
[style*="background-color:#581c87" i],
[style*="background-color: #581c87" i],
[style*="background: rgb(88, 28, 135)"],
[style*="background-color: rgb(88, 28, 135)"] { background-color: var(--c-purple-dark) !important; }
[style*="solid #0f172a" i],
[style*="border-color:#0f172a" i],
[style*="border-color: #0f172a" i],
[style*="solid rgb(15, 23, 42)"],
[style*="border-color: rgb(15, 23, 42)"] { border-color: var(--c-surface2) !important; }
[style*="solid #1e293b" i],
[style*="border-color:#1e293b" i],
[style*="border-color: #1e293b" i],
[style*="solid rgb(30, 41, 59)"],
[style*="border-color: rgb(30, 41, 59)"] { border-color: var(--c-surface) !important; }
[style*="solid #334155" i],
[style*="border-color:#334155" i],
[style*="border-color: #334155" i],
[style*="solid rgb(51, 65, 85)"],
[style*="border-color: rgb(51, 65, 85)"] { border-color: var(--c-border) !important; }
[style*="solid #475569" i],
[style*="border-color:#475569" i],
[style*="border-color: #475569" i],
[style*="solid rgb(71, 85, 105)"],
[style*="border-color: rgb(71, 85, 105)"] { border-color: var(--c-border2) !important; }
[style*="solid #64748b" i],
[style*="border-color:#64748b" i],
[style*="border-color: #64748b" i],
[style*="solid rgb(100, 116, 139)"],
[style*="border-color: rgb(100, 116, 139)"] { border-color: var(--c-border3) !important; }
[style*="solid #e2e8f0" i],
[style*="border-color:#e2e8f0" i],
[style*="border-color: #e2e8f0" i],
[style*="solid rgb(226, 232, 240)"],
[style*="border-color: rgb(226, 232, 240)"] { border-color: var(--c-border3) !important; }
[style*="solid #2563eb" i],
[style*="border-color:#2563eb" i],
[style*="border-color: #2563eb" i],
[style*="solid rgb(37, 99, 235)"],
[style*="border-color: rgb(37, 99, 235)"] { border-color: var(--c-blue) !important; }
[style*="solid #3b82f6" i],
[style*="border-color:#3b82f6" i],
[style*="border-color: #3b82f6" i],
[style*="solid rgb(59, 130, 246)"],
[style*="border-color: rgb(59, 130, 246)"] { border-color: var(--c-blue-lt) !important; }
[style*="solid #10b981" i],
[style*="border-color:#10b981" i],
[style*="border-color: #10b981" i],
[style*="solid rgb(16, 185, 129)"],
[style*="border-color: rgb(16, 185, 129)"] { border-color: var(--c-emerald-lt) !important; }
[style*="solid #059669" i],
[style*="border-color:#059669" i],
[style*="border-color: #059669" i],
[style*="solid rgb(5, 150, 105)"],
[style*="border-color: rgb(5, 150, 105)"] { border-color: var(--c-emerald) !important; }
[style*="solid #065f46" i],
[style*="border-color:#065f46" i],
[style*="border-color: #065f46" i],
[style*="solid rgb(6, 95, 70)"],
[style*="border-color: rgb(6, 95, 70)"] { border-color: var(--c-emerald) !important; }
[style*="solid #7f1d1d" i],
[style*="border-color:#7f1d1d" i],
[style*="border-color: #7f1d1d" i],
[style*="solid rgb(127, 29, 29)"],
[style*="border-color: rgb(127, 29, 29)"] { border-color: var(--c-red) !important; }
[style*="solid #991b1b" i],
[style*="border-color:#991b1b" i],
[style*="border-color: #991b1b" i],
[style*="solid rgb(153, 27, 27)"],
[style*="border-color: rgb(153, 27, 27)"] { border-color: var(--c-red) !important; }
[style*="solid #ef4444" i],
[style*="border-color:#ef4444" i],
[style*="border-color: #ef4444" i],
[style*="solid rgb(239, 68, 68)"],
[style*="border-color: rgb(239, 68, 68)"] { border-color: var(--c-red) !important; }
[style*="solid #92400e" i],
[style*="border-color:#92400e" i],
[style*="border-color: #92400e" i],
[style*="solid rgb(146, 64, 14)"],
[style*="border-color: rgb(146, 64, 14)"] { border-color: var(--c-amber) !important; }
[style*="solid #4f46e5" i],
[style*="border-color:#4f46e5" i],
[style*="border-color: #4f46e5" i],
[style*="solid rgb(79, 70, 229)"],
[style*="border-color: rgb(79, 70, 229)"] { border-color: var(--c-indigo) !important; }
[style*="solid #6366f1" i],
[style*="border-color:#6366f1" i],
[style*="border-color: #6366f1" i],
[style*="solid rgb(99, 102, 241)"],
[style*="border-color: rgb(99, 102, 241)"] { border-color: var(--c-indigo-lt) !important; }
[style*="solid #7c3aed" i],
[style*="border-color:#7c3aed" i],
[style*="border-color: #7c3aed" i],
[style*="solid rgb(124, 58, 237)"],
[style*="border-color: rgb(124, 58, 237)"] { border-color: var(--c-purple) !important; }
[style*="solid #9333ea" i],
[style*="border-color:#9333ea" i],
[style*="border-color: #9333ea" i],
[style*="solid rgb(147, 51, 234)"],
[style*="border-color: rgb(147, 51, 234)"] { border-color: var(--c-purple) !important; }
[style*="solid #581c87" i],
[style*="border-color:#581c87" i],
[style*="border-color: #581c87" i],
[style*="solid rgb(88, 28, 135)"],
[style*="border-color: rgb(88, 28, 135)"] { border-color: var(--c-purple-dark) !important; }
[style*="solid #4c1d95" i],
[style*="border-color:#4c1d95" i],
[style*="border-color: #4c1d95" i],
[style*="solid rgb(76, 29, 149)"],
[style*="border-color: rgb(76, 29, 149)"] { border-color: var(--c-purple-dark) !important; }
[style*="color:#f8fafc" i]:not([style*="background-color:#f8fafc" i]):not([style*="border-color:#f8fafc" i]):not([style*="background-color: rgb(248, 250, 252)"]):not([style*="border-color: rgb(248, 250, 252)"]),
[style*="color: #f8fafc" i]:not([style*="background-color:#f8fafc" i]):not([style*="border-color:#f8fafc" i]):not([style*="background-color: rgb(248, 250, 252)"]):not([style*="border-color: rgb(248, 250, 252)"]),
[style*="color: rgb(248, 250, 252)"]:not([style*="background-color:#f8fafc" i]):not([style*="border-color:#f8fafc" i]):not([style*="background-color: rgb(248, 250, 252)"]):not([style*="border-color: rgb(248, 250, 252)"]) { color: var(--c-text) !important; }
[style*="color:#e2e8f0" i]:not([style*="background-color:#e2e8f0" i]):not([style*="border-color:#e2e8f0" i]):not([style*="background-color: rgb(226, 232, 240)"]):not([style*="border-color: rgb(226, 232, 240)"]),
[style*="color: #e2e8f0" i]:not([style*="background-color:#e2e8f0" i]):not([style*="border-color:#e2e8f0" i]):not([style*="background-color: rgb(226, 232, 240)"]):not([style*="border-color: rgb(226, 232, 240)"]),
[style*="color: rgb(226, 232, 240)"]:not([style*="background-color:#e2e8f0" i]):not([style*="border-color:#e2e8f0" i]):not([style*="background-color: rgb(226, 232, 240)"]):not([style*="border-color: rgb(226, 232, 240)"]) { color: var(--c-text) !important; }
[style*="color:#cbd5e1" i]:not([style*="background-color:#cbd5e1" i]):not([style*="border-color:#cbd5e1" i]):not([style*="background-color: rgb(203, 213, 225)"]):not([style*="border-color: rgb(203, 213, 225)"]),
[style*="color: #cbd5e1" i]:not([style*="background-color:#cbd5e1" i]):not([style*="border-color:#cbd5e1" i]):not([style*="background-color: rgb(203, 213, 225)"]):not([style*="border-color: rgb(203, 213, 225)"]),
[style*="color: rgb(203, 213, 225)"]:not([style*="background-color:#cbd5e1" i]):not([style*="border-color:#cbd5e1" i]):not([style*="background-color: rgb(203, 213, 225)"]):not([style*="border-color: rgb(203, 213, 225)"]) { color: var(--c-text-dimmer) !important; }
[style*="color:#94a3b8" i]:not([style*="background-color:#94a3b8" i]):not([style*="border-color:#94a3b8" i]):not([style*="background-color: rgb(148, 163, 184)"]):not([style*="border-color: rgb(148, 163, 184)"]),
[style*="color: #94a3b8" i]:not([style*="background-color:#94a3b8" i]):not([style*="border-color:#94a3b8" i]):not([style*="background-color: rgb(148, 163, 184)"]):not([style*="border-color: rgb(148, 163, 184)"]),
[style*="color: rgb(148, 163, 184)"]:not([style*="background-color:#94a3b8" i]):not([style*="border-color:#94a3b8" i]):not([style*="background-color: rgb(148, 163, 184)"]):not([style*="border-color: rgb(148, 163, 184)"]) { color: var(--c-text-muted) !important; }
[style*="color:#64748b" i]:not([style*="background-color:#64748b" i]):not([style*="border-color:#64748b" i]):not([style*="background-color: rgb(100, 116, 139)"]):not([style*="border-color: rgb(100, 116, 139)"]),
[style*="color: #64748b" i]:not([style*="background-color:#64748b" i]):not([style*="border-color:#64748b" i]):not([style*="background-color: rgb(100, 116, 139)"]):not([style*="border-color: rgb(100, 116, 139)"]),
[style*="color: rgb(100, 116, 139)"]:not([style*="background-color:#64748b" i]):not([style*="border-color:#64748b" i]):not([style*="background-color: rgb(100, 116, 139)"]):not([style*="border-color: rgb(100, 116, 139)"]) { color: var(--c-text-dim) !important; }
[style*="color:#475569" i]:not([style*="background-color:#475569" i]):not([style*="border-color:#475569" i]):not([style*="background-color: rgb(71, 85, 105)"]):not([style*="border-color: rgb(71, 85, 105)"]),
[style*="color: #475569" i]:not([style*="background-color:#475569" i]):not([style*="border-color:#475569" i]):not([style*="background-color: rgb(71, 85, 105)"]):not([style*="border-color: rgb(71, 85, 105)"]),
[style*="color: rgb(71, 85, 105)"]:not([style*="background-color:#475569" i]):not([style*="border-color:#475569" i]):not([style*="background-color: rgb(71, 85, 105)"]):not([style*="border-color: rgb(71, 85, 105)"]) { color: var(--c-text-dim) !important; }
[style*="color:#334155" i]:not([style*="background-color:#334155" i]):not([style*="border-color:#334155" i]):not([style*="background-color: rgb(51, 65, 85)"]):not([style*="border-color: rgb(51, 65, 85)"]),
[style*="color: #334155" i]:not([style*="background-color:#334155" i]):not([style*="border-color:#334155" i]):not([style*="background-color: rgb(51, 65, 85)"]):not([style*="border-color: rgb(51, 65, 85)"]),
[style*="color: rgb(51, 65, 85)"]:not([style*="background-color:#334155" i]):not([style*="border-color:#334155" i]):not([style*="background-color: rgb(51, 65, 85)"]):not([style*="border-color: rgb(51, 65, 85)"]) { color: var(--c-border2) !important; }
[style*="color:#93c5fd" i]:not([style*="background-color:#93c5fd" i]):not([style*="border-color:#93c5fd" i]):not([style*="background-color: rgb(147, 197, 253)"]):not([style*="border-color: rgb(147, 197, 253)"]),
[style*="color: #93c5fd" i]:not([style*="background-color:#93c5fd" i]):not([style*="border-color:#93c5fd" i]):not([style*="background-color: rgb(147, 197, 253)"]):not([style*="border-color: rgb(147, 197, 253)"]),
[style*="color: rgb(147, 197, 253)"]:not([style*="background-color:#93c5fd" i]):not([style*="border-color:#93c5fd" i]):not([style*="background-color: rgb(147, 197, 253)"]):not([style*="border-color: rgb(147, 197, 253)"]) { color: color-mix(in srgb, var(--c-blue-lt) 62%, var(--c-text)) !important; }
[style*="color:#6ee7b7" i]:not([style*="background-color:#6ee7b7" i]):not([style*="border-color:#6ee7b7" i]):not([style*="background-color: rgb(110, 231, 183)"]):not([style*="border-color: rgb(110, 231, 183)"]),
[style*="color: #6ee7b7" i]:not([style*="background-color:#6ee7b7" i]):not([style*="border-color:#6ee7b7" i]):not([style*="background-color: rgb(110, 231, 183)"]):not([style*="border-color: rgb(110, 231, 183)"]),
[style*="color: rgb(110, 231, 183)"]:not([style*="background-color:#6ee7b7" i]):not([style*="border-color:#6ee7b7" i]):not([style*="background-color: rgb(110, 231, 183)"]):not([style*="border-color: rgb(110, 231, 183)"]) { color: color-mix(in srgb, var(--c-emerald-lt) 62%, var(--c-text)) !important; }
[style*="color:#34d399" i]:not([style*="background-color:#34d399" i]):not([style*="border-color:#34d399" i]):not([style*="background-color: rgb(52, 211, 153)"]):not([style*="border-color: rgb(52, 211, 153)"]),
[style*="color: #34d399" i]:not([style*="background-color:#34d399" i]):not([style*="border-color:#34d399" i]):not([style*="background-color: rgb(52, 211, 153)"]):not([style*="border-color: rgb(52, 211, 153)"]),
[style*="color: rgb(52, 211, 153)"]:not([style*="background-color:#34d399" i]):not([style*="border-color:#34d399" i]):not([style*="background-color: rgb(52, 211, 153)"]):not([style*="border-color: rgb(52, 211, 153)"]) { color: color-mix(in srgb, var(--c-emerald-lt) 62%, var(--c-text)) !important; }
[style*="color:#a3e635" i]:not([style*="background-color:#a3e635" i]):not([style*="border-color:#a3e635" i]):not([style*="background-color: rgb(163, 230, 53)"]):not([style*="border-color: rgb(163, 230, 53)"]),
[style*="color: #a3e635" i]:not([style*="background-color:#a3e635" i]):not([style*="border-color:#a3e635" i]):not([style*="background-color: rgb(163, 230, 53)"]):not([style*="border-color: rgb(163, 230, 53)"]),
[style*="color: rgb(163, 230, 53)"]:not([style*="background-color:#a3e635" i]):not([style*="border-color:#a3e635" i]):not([style*="background-color: rgb(163, 230, 53)"]):not([style*="border-color: rgb(163, 230, 53)"]) { color: color-mix(in srgb, var(--c-emerald-lt) 62%, var(--c-text)) !important; }
[style*="color:#4ade80" i]:not([style*="background-color:#4ade80" i]):not([style*="border-color:#4ade80" i]):not([style*="background-color: rgb(74, 222, 128)"]):not([style*="border-color: rgb(74, 222, 128)"]),
[style*="color: #4ade80" i]:not([style*="background-color:#4ade80" i]):not([style*="border-color:#4ade80" i]):not([style*="background-color: rgb(74, 222, 128)"]):not([style*="border-color: rgb(74, 222, 128)"]),
[style*="color: rgb(74, 222, 128)"]:not([style*="background-color:#4ade80" i]):not([style*="border-color:#4ade80" i]):not([style*="background-color: rgb(74, 222, 128)"]):not([style*="border-color: rgb(74, 222, 128)"]) { color: color-mix(in srgb, var(--c-emerald-lt) 62%, var(--c-text)) !important; }
[style*="color:#fca5a5" i]:not([style*="background-color:#fca5a5" i]):not([style*="border-color:#fca5a5" i]):not([style*="background-color: rgb(252, 165, 165)"]):not([style*="border-color: rgb(252, 165, 165)"]),
[style*="color: #fca5a5" i]:not([style*="background-color:#fca5a5" i]):not([style*="border-color:#fca5a5" i]):not([style*="background-color: rgb(252, 165, 165)"]):not([style*="border-color: rgb(252, 165, 165)"]),
[style*="color: rgb(252, 165, 165)"]:not([style*="background-color:#fca5a5" i]):not([style*="border-color:#fca5a5" i]):not([style*="background-color: rgb(252, 165, 165)"]):not([style*="border-color: rgb(252, 165, 165)"]) { color: color-mix(in srgb, var(--c-red) 62%, var(--c-text)) !important; }
[style*="color:#f87171" i]:not([style*="background-color:#f87171" i]):not([style*="border-color:#f87171" i]):not([style*="background-color: rgb(248, 113, 113)"]):not([style*="border-color: rgb(248, 113, 113)"]),
[style*="color: #f87171" i]:not([style*="background-color:#f87171" i]):not([style*="border-color:#f87171" i]):not([style*="background-color: rgb(248, 113, 113)"]):not([style*="border-color: rgb(248, 113, 113)"]),
[style*="color: rgb(248, 113, 113)"]:not([style*="background-color:#f87171" i]):not([style*="border-color:#f87171" i]):not([style*="background-color: rgb(248, 113, 113)"]):not([style*="border-color: rgb(248, 113, 113)"]) { color: color-mix(in srgb, var(--c-red) 62%, var(--c-text)) !important; }
[style*="color:#ef4444" i]:not([style*="background-color:#ef4444" i]):not([style*="border-color:#ef4444" i]):not([style*="background-color: rgb(239, 68, 68)"]):not([style*="border-color: rgb(239, 68, 68)"]),
[style*="color: #ef4444" i]:not([style*="background-color:#ef4444" i]):not([style*="border-color:#ef4444" i]):not([style*="background-color: rgb(239, 68, 68)"]):not([style*="border-color: rgb(239, 68, 68)"]),
[style*="color: rgb(239, 68, 68)"]:not([style*="background-color:#ef4444" i]):not([style*="border-color:#ef4444" i]):not([style*="background-color: rgb(239, 68, 68)"]):not([style*="border-color: rgb(239, 68, 68)"]) { color: var(--c-red) !important; }
[style*="color:#fecaca" i]:not([style*="background-color:#fecaca" i]):not([style*="border-color:#fecaca" i]):not([style*="background-color: rgb(254, 202, 202)"]):not([style*="border-color: rgb(254, 202, 202)"]),
[style*="color: #fecaca" i]:not([style*="background-color:#fecaca" i]):not([style*="border-color:#fecaca" i]):not([style*="background-color: rgb(254, 202, 202)"]):not([style*="border-color: rgb(254, 202, 202)"]),
[style*="color: rgb(254, 202, 202)"]:not([style*="background-color:#fecaca" i]):not([style*="border-color:#fecaca" i]):not([style*="background-color: rgb(254, 202, 202)"]):not([style*="border-color: rgb(254, 202, 202)"]) { color: color-mix(in srgb, var(--c-red) 62%, var(--c-text)) !important; }
[style*="color:#fbbf24" i]:not([style*="background-color:#fbbf24" i]):not([style*="border-color:#fbbf24" i]):not([style*="background-color: rgb(251, 191, 36)"]):not([style*="border-color: rgb(251, 191, 36)"]),
[style*="color: #fbbf24" i]:not([style*="background-color:#fbbf24" i]):not([style*="border-color:#fbbf24" i]):not([style*="background-color: rgb(251, 191, 36)"]):not([style*="border-color: rgb(251, 191, 36)"]),
[style*="color: rgb(251, 191, 36)"]:not([style*="background-color:#fbbf24" i]):not([style*="border-color:#fbbf24" i]):not([style*="background-color: rgb(251, 191, 36)"]):not([style*="border-color: rgb(251, 191, 36)"]) { color: color-mix(in srgb, var(--c-amber) 62%, var(--c-text)) !important; }
[style*="color:#fde68a" i]:not([style*="background-color:#fde68a" i]):not([style*="border-color:#fde68a" i]):not([style*="background-color: rgb(253, 230, 138)"]):not([style*="border-color: rgb(253, 230, 138)"]),
[style*="color: #fde68a" i]:not([style*="background-color:#fde68a" i]):not([style*="border-color:#fde68a" i]):not([style*="background-color: rgb(253, 230, 138)"]):not([style*="border-color: rgb(253, 230, 138)"]),
[style*="color: rgb(253, 230, 138)"]:not([style*="background-color:#fde68a" i]):not([style*="border-color:#fde68a" i]):not([style*="background-color: rgb(253, 230, 138)"]):not([style*="border-color: rgb(253, 230, 138)"]) { color: color-mix(in srgb, var(--c-amber) 62%, var(--c-text)) !important; }
[style*="color:#f59e0b" i]:not([style*="background-color:#f59e0b" i]):not([style*="border-color:#f59e0b" i]):not([style*="background-color: rgb(245, 158, 11)"]):not([style*="border-color: rgb(245, 158, 11)"]),
[style*="color: #f59e0b" i]:not([style*="background-color:#f59e0b" i]):not([style*="border-color:#f59e0b" i]):not([style*="background-color: rgb(245, 158, 11)"]):not([style*="border-color: rgb(245, 158, 11)"]),
[style*="color: rgb(245, 158, 11)"]:not([style*="background-color:#f59e0b" i]):not([style*="border-color:#f59e0b" i]):not([style*="background-color: rgb(245, 158, 11)"]):not([style*="border-color: rgb(245, 158, 11)"]) { color: color-mix(in srgb, var(--c-amber) 62%, var(--c-text)) !important; }
[style*="color:#a5b4fc" i]:not([style*="background-color:#a5b4fc" i]):not([style*="border-color:#a5b4fc" i]):not([style*="background-color: rgb(165, 180, 252)"]):not([style*="border-color: rgb(165, 180, 252)"]),
[style*="color: #a5b4fc" i]:not([style*="background-color:#a5b4fc" i]):not([style*="border-color:#a5b4fc" i]):not([style*="background-color: rgb(165, 180, 252)"]):not([style*="border-color: rgb(165, 180, 252)"]),
[style*="color: rgb(165, 180, 252)"]:not([style*="background-color:#a5b4fc" i]):not([style*="border-color:#a5b4fc" i]):not([style*="background-color: rgb(165, 180, 252)"]):not([style*="border-color: rgb(165, 180, 252)"]) { color: color-mix(in srgb, var(--c-indigo-lt) 62%, var(--c-text)) !important; }
[style*="color:#818cf8" i]:not([style*="background-color:#818cf8" i]):not([style*="border-color:#818cf8" i]):not([style*="background-color: rgb(129, 140, 248)"]):not([style*="border-color: rgb(129, 140, 248)"]),
[style*="color: #818cf8" i]:not([style*="background-color:#818cf8" i]):not([style*="border-color:#818cf8" i]):not([style*="background-color: rgb(129, 140, 248)"]):not([style*="border-color: rgb(129, 140, 248)"]),
[style*="color: rgb(129, 140, 248)"]:not([style*="background-color:#818cf8" i]):not([style*="border-color:#818cf8" i]):not([style*="background-color: rgb(129, 140, 248)"]):not([style*="border-color: rgb(129, 140, 248)"]) { color: color-mix(in srgb, var(--c-indigo-lt) 62%, var(--c-text)) !important; }
[style*="color:#c7d2fe" i]:not([style*="background-color:#c7d2fe" i]):not([style*="border-color:#c7d2fe" i]):not([style*="background-color: rgb(199, 210, 254)"]):not([style*="border-color: rgb(199, 210, 254)"]),
[style*="color: #c7d2fe" i]:not([style*="background-color:#c7d2fe" i]):not([style*="border-color:#c7d2fe" i]):not([style*="background-color: rgb(199, 210, 254)"]):not([style*="border-color: rgb(199, 210, 254)"]),
[style*="color: rgb(199, 210, 254)"]:not([style*="background-color:#c7d2fe" i]):not([style*="border-color:#c7d2fe" i]):not([style*="background-color: rgb(199, 210, 254)"]):not([style*="border-color: rgb(199, 210, 254)"]) { color: color-mix(in srgb, var(--c-indigo-lt) 62%, var(--c-text)) !important; }
[style*="color:#e0e7ff" i]:not([style*="background-color:#e0e7ff" i]):not([style*="border-color:#e0e7ff" i]):not([style*="background-color: rgb(224, 231, 255)"]):not([style*="border-color: rgb(224, 231, 255)"]),
[style*="color: #e0e7ff" i]:not([style*="background-color:#e0e7ff" i]):not([style*="border-color:#e0e7ff" i]):not([style*="background-color: rgb(224, 231, 255)"]):not([style*="border-color: rgb(224, 231, 255)"]),
[style*="color: rgb(224, 231, 255)"]:not([style*="background-color:#e0e7ff" i]):not([style*="border-color:#e0e7ff" i]):not([style*="background-color: rgb(224, 231, 255)"]):not([style*="border-color: rgb(224, 231, 255)"]) { color: color-mix(in srgb, var(--c-indigo-lt) 62%, var(--c-text)) !important; }
[style*="color:#6366f1" i]:not([style*="background-color:#6366f1" i]):not([style*="border-color:#6366f1" i]):not([style*="background-color: rgb(99, 102, 241)"]):not([style*="border-color: rgb(99, 102, 241)"]),
[style*="color: #6366f1" i]:not([style*="background-color:#6366f1" i]):not([style*="border-color:#6366f1" i]):not([style*="background-color: rgb(99, 102, 241)"]):not([style*="border-color: rgb(99, 102, 241)"]),
[style*="color: rgb(99, 102, 241)"]:not([style*="background-color:#6366f1" i]):not([style*="border-color:#6366f1" i]):not([style*="background-color: rgb(99, 102, 241)"]):not([style*="border-color: rgb(99, 102, 241)"]) { color: var(--c-indigo-lt) !important; }
[style*="color:#c4b5fd" i]:not([style*="background-color:#c4b5fd" i]):not([style*="border-color:#c4b5fd" i]):not([style*="background-color: rgb(196, 181, 253)"]):not([style*="border-color: rgb(196, 181, 253)"]),
[style*="color: #c4b5fd" i]:not([style*="background-color:#c4b5fd" i]):not([style*="border-color:#c4b5fd" i]):not([style*="background-color: rgb(196, 181, 253)"]):not([style*="border-color: rgb(196, 181, 253)"]),
[style*="color: rgb(196, 181, 253)"]:not([style*="background-color:#c4b5fd" i]):not([style*="border-color:#c4b5fd" i]):not([style*="background-color: rgb(196, 181, 253)"]):not([style*="border-color: rgb(196, 181, 253)"]) { color: color-mix(in srgb, var(--c-purple-lt) 62%, var(--c-text)) !important; }
[style*="color:#c084fc" i]:not([style*="background-color:#c084fc" i]):not([style*="border-color:#c084fc" i]):not([style*="background-color: rgb(192, 132, 252)"]):not([style*="border-color: rgb(192, 132, 252)"]),
[style*="color: #c084fc" i]:not([style*="background-color:#c084fc" i]):not([style*="border-color:#c084fc" i]):not([style*="background-color: rgb(192, 132, 252)"]):not([style*="border-color: rgb(192, 132, 252)"]),
[style*="color: rgb(192, 132, 252)"]:not([style*="background-color:#c084fc" i]):not([style*="border-color:#c084fc" i]):not([style*="background-color: rgb(192, 132, 252)"]):not([style*="border-color: rgb(192, 132, 252)"]) { color: color-mix(in srgb, var(--c-purple-lt) 62%, var(--c-text)) !important; }
[style*="color:#22d3ee" i]:not([style*="background-color:#22d3ee" i]):not([style*="border-color:#22d3ee" i]):not([style*="background-color: rgb(34, 211, 238)"]):not([style*="border-color: rgb(34, 211, 238)"]),
[style*="color: #22d3ee" i]:not([style*="background-color:#22d3ee" i]):not([style*="border-color:#22d3ee" i]):not([style*="background-color: rgb(34, 211, 238)"]):not([style*="border-color: rgb(34, 211, 238)"]),
[style*="color: rgb(34, 211, 238)"]:not([style*="background-color:#22d3ee" i]):not([style*="border-color:#22d3ee" i]):not([style*="background-color: rgb(34, 211, 238)"]):not([style*="border-color: rgb(34, 211, 238)"]) { color: var(--c-cyan) !important; }
[style*="background:#0f172a" i][style*="color:#fff" i],
[style*="background: #0f172a" i][style*="color:#fff" i],
[style*="background:#0f172a" i][style*="color:#ffffff" i],
[style*="background: #0f172a" i][style*="color:#ffffff" i],
[style*="background:#1e293b" i][style*="color:#fff" i],
[style*="background: #1e293b" i][style*="color:#fff" i],
[style*="background:#1e293b" i][style*="color:#ffffff" i],
[style*="background: #1e293b" i][style*="color:#ffffff" i],
[style*="background:#334155" i][style*="color:#fff" i],
[style*="background: #334155" i][style*="color:#fff" i],
[style*="background:#334155" i][style*="color:#ffffff" i],
[style*="background: #334155" i][style*="color:#ffffff" i],
[style*="background:#475569" i][style*="color:#fff" i],
[style*="background: #475569" i][style*="color:#fff" i],
[style*="background:#475569" i][style*="color:#ffffff" i],
[style*="background: #475569" i][style*="color:#ffffff" i] { color: var(--c-text) !important; }

/* ===== Readable small text =====
   The smallest text sizes are bumped up everywhere. Fantasy's serif (EB Garamond) runs
   small, so it gets a little more on top. `html` in the selector beats Tailwind's own rule
   regardless of load order; inline styles (JS-built popups) need !important. */
html .text-\[7px\] { font-size: 9px; }
html[data-theme="fantasy"] .text-\[7px\] { font-size: 10px; }
html .text-\[8px\] { font-size: 9.5px; }
html[data-theme="fantasy"] .text-\[8px\] { font-size: 10.5px; }
html .text-\[9px\] { font-size: 10.5px; }
html[data-theme="fantasy"] .text-\[9px\] { font-size: 11.5px; }
html .text-\[10px\] { font-size: 11.5px; }
html[data-theme="fantasy"] .text-\[10px\] { font-size: 12.5px; }
html .text-\[11px\] { font-size: 12px; }
html[data-theme="fantasy"] .text-\[11px\] { font-size: 13px; }
html[data-theme="fantasy"] .text-xs { font-size: 0.82rem; }
html[data-theme="fantasy"] .text-sm { font-size: 0.93rem; }
[style*="font-size:0.45rem"] { font-size: .58rem !important; }
[style*="font-size: 0.45rem"] { font-size: .58rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.45rem"], html[data-theme="fantasy"] [style*="font-size: 0.45rem"] { font-size: .64rem !important; }
[style*="font-size:0.52rem"] { font-size: .62rem !important; }
[style*="font-size: 0.52rem"] { font-size: .62rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.52rem"], html[data-theme="fantasy"] [style*="font-size: 0.52rem"] { font-size: .68rem !important; }
[style*="font-size:0.55rem"] { font-size: .64rem !important; }
[style*="font-size: 0.55rem"] { font-size: .64rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.55rem"], html[data-theme="fantasy"] [style*="font-size: 0.55rem"] { font-size: .7rem !important; }
[style*="font-size:0.58rem"] { font-size: .66rem !important; }
[style*="font-size: 0.58rem"] { font-size: .66rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.58rem"], html[data-theme="fantasy"] [style*="font-size: 0.58rem"] { font-size: .72rem !important; }
[style*="font-size:.58rem"] { font-size: .66rem !important; }
[style*="font-size: .58rem"] { font-size: .66rem !important; }
html[data-theme="fantasy"] [style*="font-size:.58rem"], html[data-theme="fantasy"] [style*="font-size: .58rem"] { font-size: .72rem !important; }
[style*="font-size:0.6rem"] { font-size: .68rem !important; }
[style*="font-size: 0.6rem"] { font-size: .68rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.6rem"], html[data-theme="fantasy"] [style*="font-size: 0.6rem"] { font-size: .74rem !important; }
[style*="font-size:.6rem"] { font-size: .68rem !important; }
[style*="font-size: .6rem"] { font-size: .68rem !important; }
html[data-theme="fantasy"] [style*="font-size:.6rem"], html[data-theme="fantasy"] [style*="font-size: .6rem"] { font-size: .74rem !important; }
[style*="font-size:0.62rem"] { font-size: .7rem !important; }
[style*="font-size: 0.62rem"] { font-size: .7rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.62rem"], html[data-theme="fantasy"] [style*="font-size: 0.62rem"] { font-size: .76rem !important; }
[style*="font-size:.62rem"] { font-size: .7rem !important; }
[style*="font-size: .62rem"] { font-size: .7rem !important; }
html[data-theme="fantasy"] [style*="font-size:.62rem"], html[data-theme="fantasy"] [style*="font-size: .62rem"] { font-size: .76rem !important; }
[style*="font-size:0.65rem"] { font-size: .72rem !important; }
[style*="font-size: 0.65rem"] { font-size: .72rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.65rem"], html[data-theme="fantasy"] [style*="font-size: 0.65rem"] { font-size: .78rem !important; }
[style*="font-size:.65rem"] { font-size: .72rem !important; }
[style*="font-size: .65rem"] { font-size: .72rem !important; }
html[data-theme="fantasy"] [style*="font-size:.65rem"], html[data-theme="fantasy"] [style*="font-size: .65rem"] { font-size: .78rem !important; }
[style*="font-size:.66rem"] { font-size: .72rem !important; }
[style*="font-size: .66rem"] { font-size: .72rem !important; }
html[data-theme="fantasy"] [style*="font-size:.66rem"], html[data-theme="fantasy"] [style*="font-size: .66rem"] { font-size: .78rem !important; }
[style*="font-size:.68rem"] { font-size: .74rem !important; }
[style*="font-size: .68rem"] { font-size: .74rem !important; }
html[data-theme="fantasy"] [style*="font-size:.68rem"], html[data-theme="fantasy"] [style*="font-size: .68rem"] { font-size: .8rem !important; }
[style*="font-size:0.7rem"] { font-size: .75rem !important; }
[style*="font-size: 0.7rem"] { font-size: .75rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.7rem"], html[data-theme="fantasy"] [style*="font-size: 0.7rem"] { font-size: .8rem !important; }
[style*="font-size:.7rem"] { font-size: .75rem !important; }
[style*="font-size: .7rem"] { font-size: .75rem !important; }
html[data-theme="fantasy"] [style*="font-size:.7rem"], html[data-theme="fantasy"] [style*="font-size: .7rem"] { font-size: .8rem !important; }
[style*="font-size:.72rem"] { font-size: .76rem !important; }
[style*="font-size: .72rem"] { font-size: .76rem !important; }
html[data-theme="fantasy"] [style*="font-size:.72rem"], html[data-theme="fantasy"] [style*="font-size: .72rem"] { font-size: .82rem !important; }
[style*="font-size:9px"] { font-size: 10.5px !important; }
[style*="font-size: 9px"] { font-size: 10.5px !important; }
html[data-theme="fantasy"] [style*="font-size:9px"], html[data-theme="fantasy"] [style*="font-size: 9px"] { font-size: 11.5px !important; }
[style*="font-size:10px"] { font-size: 11.5px !important; }
[style*="font-size: 10px"] { font-size: 11.5px !important; }
html[data-theme="fantasy"] [style*="font-size:10px"], html[data-theme="fantasy"] [style*="font-size: 10px"] { font-size: 12.5px !important; }
[style*="font-size:11px"] { font-size: 12px !important; }
[style*="font-size: 11px"] { font-size: 12px !important; }
html[data-theme="fantasy"] [style*="font-size:11px"], html[data-theme="fantasy"] [style*="font-size: 11px"] { font-size: 13px !important; }
html[data-theme="fantasy"] [style*="font-size:0.75rem"], html[data-theme="fantasy"] [style*="font-size: 0.75rem"] { font-size: .8rem !important; }
html[data-theme="fantasy"] [style*="font-size:.75rem"], html[data-theme="fantasy"] [style*="font-size: .75rem"] { font-size: .8rem !important; }
html[data-theme="fantasy"] [style*="font-size:.76rem"], html[data-theme="fantasy"] [style*="font-size: .76rem"] { font-size: .81rem !important; }
html[data-theme="fantasy"] [style*="font-size:.78rem"], html[data-theme="fantasy"] [style*="font-size: .78rem"] { font-size: .83rem !important; }
html[data-theme="fantasy"] [style*="font-size:0.8rem"], html[data-theme="fantasy"] [style*="font-size: 0.8rem"] { font-size: .85rem !important; }
html[data-theme="fantasy"] [style*="font-size:.8rem"], html[data-theme="fantasy"] [style*="font-size: .8rem"] { font-size: .85rem !important; }
html[data-theme="fantasy"] :is(.apxd-b,.apxd-title span,.apxd-acts button,.apxd-q button,.apxd-q input,.apxd-seg button,.apxd-pool .chip,.apxd-pool .ph,.apxd-mod,.apxd-empty,.apxd-omen,.apxdlg-msg) { font-size: 0.76rem !important; }