/* GENERATED by scripts/gen_theme_css.py - edit the generator, not this file. */
:focus-visible { outline: 2px solid #FACC15; outline-offset: 2px; }
.skip-link { position: absolute; left: -9999px; top: 0.5rem; z-index: 100; }
.skip-link:focus { left: 0.5rem; background: #FACC15; color: #111827; padding: 0.5rem 0.75rem; border-radius: 0.5rem; font-weight: 600; }
html[data-theme="dark"] {
  color-scheme: dark;
  --lm-bg: #0e1116;        /* page */
  --lm-surface: #171b22;   /* cards, modal (bg-white) */
  --lm-surface-2: #1e232c; /* bg-gray-50: table heads, subtle fills */
  --lm-surface-3: #262c36; /* bg-gray-100 */
  --lm-surface-4: #303744; /* bg-gray-200 */
  --lm-surface-5: #3b4351; /* bg-gray-300 */
  --lm-border-1: #252a33;
  --lm-border-2: #2e3440;
  --lm-border-3: #3a4250;
  --lm-text-1: #e8ebf0;    /* gray-900 */
  --lm-text-2: #dce0e7;    /* gray-800 */
  --lm-text-3: #c6ccd5;    /* gray-700 */
  --lm-text-4: #a7afba;    /* gray-600 */
  --lm-text-5: #8d96a2;    /* gray-500 */
}
html[data-theme="dark"] * { scrollbar-color: #4B5563 transparent; }
html[data-theme="dark"] body.bg-gray-100 { background-color: var(--lm-bg); }
html[data-theme="dark"] .bg-white { background-color: var(--lm-surface); }
html[data-theme="dark"] .bg-gray-50 { background-color: var(--lm-surface-2); }
html[data-theme="dark"] .bg-gray-100 { background-color: var(--lm-surface-3); }
html[data-theme="dark"] .bg-gray-200 { background-color: var(--lm-surface-4); }
html[data-theme="dark"] .bg-gray-300 { background-color: var(--lm-surface-5); }
html[data-theme="dark"] .hover\:bg-white:hover { background-color: var(--lm-surface-2); }
html[data-theme="dark"] .hover\:bg-gray-50:hover { background-color: var(--lm-surface-3); }
html[data-theme="dark"] .hover\:bg-gray-100:hover { background-color: var(--lm-surface-4); }
html[data-theme="dark"] .hover\:bg-gray-200:hover { background-color: var(--lm-surface-5); }
html[data-theme="dark"] .text-gray-900 { color: var(--lm-text-1); }
html[data-theme="dark"] .hover\:text-gray-900:hover { color: var(--lm-text-1); }
html[data-theme="dark"] .text-gray-800 { color: var(--lm-text-2); }
html[data-theme="dark"] .hover\:text-gray-800:hover { color: var(--lm-text-1); }
html[data-theme="dark"] .text-gray-700 { color: var(--lm-text-3); }
html[data-theme="dark"] .hover\:text-gray-700:hover { color: var(--lm-text-1); }
html[data-theme="dark"] .text-gray-600 { color: var(--lm-text-4); }
html[data-theme="dark"] .hover\:text-gray-600:hover { color: var(--lm-text-1); }
html[data-theme="dark"] .text-gray-500 { color: var(--lm-text-5); }
html[data-theme="dark"] .hover\:text-gray-500:hover { color: var(--lm-text-1); }
html[data-theme="dark"] .text-black { color: var(--lm-text-1); }
html[data-theme="dark"] .border-gray-100 { border-color: var(--lm-border-1); }
html[data-theme="dark"] .divide-gray-100 > :not(:last-child) { border-color: var(--lm-border-1); }
html[data-theme="dark"] .border-gray-200 { border-color: var(--lm-border-2); }
html[data-theme="dark"] .divide-gray-200 > :not(:last-child) { border-color: var(--lm-border-2); }
html[data-theme="dark"] .border-gray-300 { border-color: var(--lm-border-3); }
html[data-theme="dark"] .divide-gray-300 > :not(:last-child) { border-color: var(--lm-border-3); }
html[data-theme="dark"] .bg-red-50 { background-color: color-mix(in oklab, var(--color-red-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-red-50:hover { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); }
html[data-theme="dark"] .bg-red-100 { background-color: color-mix(in oklab, var(--color-red-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-red-100:hover { background-color: color-mix(in oklab, var(--color-red-500) 26%, transparent); }
html[data-theme="dark"] .bg-red-200 { background-color: color-mix(in oklab, var(--color-red-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-red-200:hover { background-color: color-mix(in oklab, var(--color-red-500) 34%, transparent); }
html[data-theme="dark"] .text-red-600 { color: var(--color-red-400); }
html[data-theme="dark"] .hover\:text-red-600:hover { color: var(--color-red-200); }
html[data-theme="dark"] .text-red-700 { color: var(--color-red-300); }
html[data-theme="dark"] .hover\:text-red-700:hover { color: var(--color-red-200); }
html[data-theme="dark"] .text-red-800 { color: var(--color-red-200); }
html[data-theme="dark"] .hover\:text-red-800:hover { color: var(--color-red-200); }
html[data-theme="dark"] .text-red-900 { color: var(--color-red-200); }
html[data-theme="dark"] .hover\:text-red-900:hover { color: var(--color-red-200); }
html[data-theme="dark"] .border-red-100 { border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); }
html[data-theme="dark"] .border-red-200 { border-color: color-mix(in oklab, var(--color-red-500) 35%, transparent); }
html[data-theme="dark"] .border-red-300 { border-color: color-mix(in oklab, var(--color-red-500) 45%, transparent); }
html[data-theme="dark"] .bg-orange-50 { background-color: color-mix(in oklab, var(--color-orange-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-orange-50:hover { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); }
html[data-theme="dark"] .bg-orange-100 { background-color: color-mix(in oklab, var(--color-orange-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-orange-100:hover { background-color: color-mix(in oklab, var(--color-orange-500) 26%, transparent); }
html[data-theme="dark"] .bg-orange-200 { background-color: color-mix(in oklab, var(--color-orange-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-orange-200:hover { background-color: color-mix(in oklab, var(--color-orange-500) 34%, transparent); }
html[data-theme="dark"] .text-orange-600 { color: var(--color-orange-400); }
html[data-theme="dark"] .hover\:text-orange-600:hover { color: var(--color-orange-200); }
html[data-theme="dark"] .text-orange-700 { color: var(--color-orange-300); }
html[data-theme="dark"] .hover\:text-orange-700:hover { color: var(--color-orange-200); }
html[data-theme="dark"] .text-orange-800 { color: var(--color-orange-200); }
html[data-theme="dark"] .hover\:text-orange-800:hover { color: var(--color-orange-200); }
html[data-theme="dark"] .text-orange-900 { color: var(--color-orange-200); }
html[data-theme="dark"] .hover\:text-orange-900:hover { color: var(--color-orange-200); }
html[data-theme="dark"] .border-orange-100 { border-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent); }
html[data-theme="dark"] .border-orange-200 { border-color: color-mix(in oklab, var(--color-orange-500) 35%, transparent); }
html[data-theme="dark"] .border-orange-300 { border-color: color-mix(in oklab, var(--color-orange-500) 45%, transparent); }
html[data-theme="dark"] .bg-amber-50 { background-color: color-mix(in oklab, var(--color-amber-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-amber-50:hover { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); }
html[data-theme="dark"] .bg-amber-100 { background-color: color-mix(in oklab, var(--color-amber-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-amber-100:hover { background-color: color-mix(in oklab, var(--color-amber-500) 26%, transparent); }
html[data-theme="dark"] .bg-amber-200 { background-color: color-mix(in oklab, var(--color-amber-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-amber-200:hover { background-color: color-mix(in oklab, var(--color-amber-500) 34%, transparent); }
html[data-theme="dark"] .text-amber-600 { color: var(--color-amber-400); }
html[data-theme="dark"] .hover\:text-amber-600:hover { color: var(--color-amber-200); }
html[data-theme="dark"] .text-amber-700 { color: var(--color-amber-300); }
html[data-theme="dark"] .hover\:text-amber-700:hover { color: var(--color-amber-200); }
html[data-theme="dark"] .text-amber-800 { color: var(--color-amber-200); }
html[data-theme="dark"] .hover\:text-amber-800:hover { color: var(--color-amber-200); }
html[data-theme="dark"] .text-amber-900 { color: var(--color-amber-200); }
html[data-theme="dark"] .hover\:text-amber-900:hover { color: var(--color-amber-200); }
html[data-theme="dark"] .border-amber-100 { border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); }
html[data-theme="dark"] .border-amber-200 { border-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent); }
html[data-theme="dark"] .border-amber-300 { border-color: color-mix(in oklab, var(--color-amber-500) 45%, transparent); }
html[data-theme="dark"] .bg-yellow-50 { background-color: color-mix(in oklab, var(--color-yellow-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-yellow-50:hover { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); }
html[data-theme="dark"] .bg-yellow-100 { background-color: color-mix(in oklab, var(--color-yellow-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-yellow-100:hover { background-color: color-mix(in oklab, var(--color-yellow-500) 26%, transparent); }
html[data-theme="dark"] .bg-yellow-200 { background-color: color-mix(in oklab, var(--color-yellow-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-yellow-200:hover { background-color: color-mix(in oklab, var(--color-yellow-500) 34%, transparent); }
html[data-theme="dark"] .text-yellow-600 { color: var(--color-yellow-400); }
html[data-theme="dark"] .hover\:text-yellow-600:hover { color: var(--color-yellow-200); }
html[data-theme="dark"] .text-yellow-700 { color: var(--color-yellow-300); }
html[data-theme="dark"] .hover\:text-yellow-700:hover { color: var(--color-yellow-200); }
html[data-theme="dark"] .text-yellow-800 { color: var(--color-yellow-200); }
html[data-theme="dark"] .hover\:text-yellow-800:hover { color: var(--color-yellow-200); }
html[data-theme="dark"] .text-yellow-900 { color: var(--color-yellow-200); }
html[data-theme="dark"] .hover\:text-yellow-900:hover { color: var(--color-yellow-200); }
html[data-theme="dark"] .border-yellow-100 { border-color: color-mix(in oklab, var(--color-yellow-500) 25%, transparent); }
html[data-theme="dark"] .border-yellow-200 { border-color: color-mix(in oklab, var(--color-yellow-500) 35%, transparent); }
html[data-theme="dark"] .border-yellow-300 { border-color: color-mix(in oklab, var(--color-yellow-500) 45%, transparent); }
html[data-theme="dark"] .bg-lime-50 { background-color: color-mix(in oklab, var(--color-lime-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-lime-50:hover { background-color: color-mix(in oklab, var(--color-lime-500) 20%, transparent); }
html[data-theme="dark"] .bg-lime-100 { background-color: color-mix(in oklab, var(--color-lime-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-lime-100:hover { background-color: color-mix(in oklab, var(--color-lime-500) 26%, transparent); }
html[data-theme="dark"] .bg-lime-200 { background-color: color-mix(in oklab, var(--color-lime-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-lime-200:hover { background-color: color-mix(in oklab, var(--color-lime-500) 34%, transparent); }
html[data-theme="dark"] .text-lime-600 { color: var(--color-lime-400); }
html[data-theme="dark"] .hover\:text-lime-600:hover { color: var(--color-lime-200); }
html[data-theme="dark"] .text-lime-700 { color: var(--color-lime-300); }
html[data-theme="dark"] .hover\:text-lime-700:hover { color: var(--color-lime-200); }
html[data-theme="dark"] .text-lime-800 { color: var(--color-lime-200); }
html[data-theme="dark"] .hover\:text-lime-800:hover { color: var(--color-lime-200); }
html[data-theme="dark"] .text-lime-900 { color: var(--color-lime-200); }
html[data-theme="dark"] .hover\:text-lime-900:hover { color: var(--color-lime-200); }
html[data-theme="dark"] .border-lime-100 { border-color: color-mix(in oklab, var(--color-lime-500) 25%, transparent); }
html[data-theme="dark"] .border-lime-200 { border-color: color-mix(in oklab, var(--color-lime-500) 35%, transparent); }
html[data-theme="dark"] .border-lime-300 { border-color: color-mix(in oklab, var(--color-lime-500) 45%, transparent); }
html[data-theme="dark"] .bg-green-50 { background-color: color-mix(in oklab, var(--color-green-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-green-50:hover { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); }
html[data-theme="dark"] .bg-green-100 { background-color: color-mix(in oklab, var(--color-green-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-green-100:hover { background-color: color-mix(in oklab, var(--color-green-500) 26%, transparent); }
html[data-theme="dark"] .bg-green-200 { background-color: color-mix(in oklab, var(--color-green-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-green-200:hover { background-color: color-mix(in oklab, var(--color-green-500) 34%, transparent); }
html[data-theme="dark"] .text-green-600 { color: var(--color-green-400); }
html[data-theme="dark"] .hover\:text-green-600:hover { color: var(--color-green-200); }
html[data-theme="dark"] .text-green-700 { color: var(--color-green-300); }
html[data-theme="dark"] .hover\:text-green-700:hover { color: var(--color-green-200); }
html[data-theme="dark"] .text-green-800 { color: var(--color-green-200); }
html[data-theme="dark"] .hover\:text-green-800:hover { color: var(--color-green-200); }
html[data-theme="dark"] .text-green-900 { color: var(--color-green-200); }
html[data-theme="dark"] .hover\:text-green-900:hover { color: var(--color-green-200); }
html[data-theme="dark"] .border-green-100 { border-color: color-mix(in oklab, var(--color-green-500) 25%, transparent); }
html[data-theme="dark"] .border-green-200 { border-color: color-mix(in oklab, var(--color-green-500) 35%, transparent); }
html[data-theme="dark"] .border-green-300 { border-color: color-mix(in oklab, var(--color-green-500) 45%, transparent); }
html[data-theme="dark"] .bg-emerald-50 { background-color: color-mix(in oklab, var(--color-emerald-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-emerald-50:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); }
html[data-theme="dark"] .bg-emerald-100 { background-color: color-mix(in oklab, var(--color-emerald-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-emerald-100:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 26%, transparent); }
html[data-theme="dark"] .bg-emerald-200 { background-color: color-mix(in oklab, var(--color-emerald-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-emerald-200:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 34%, transparent); }
html[data-theme="dark"] .text-emerald-600 { color: var(--color-emerald-400); }
html[data-theme="dark"] .hover\:text-emerald-600:hover { color: var(--color-emerald-200); }
html[data-theme="dark"] .text-emerald-700 { color: var(--color-emerald-300); }
html[data-theme="dark"] .hover\:text-emerald-700:hover { color: var(--color-emerald-200); }
html[data-theme="dark"] .text-emerald-800 { color: var(--color-emerald-200); }
html[data-theme="dark"] .hover\:text-emerald-800:hover { color: var(--color-emerald-200); }
html[data-theme="dark"] .text-emerald-900 { color: var(--color-emerald-200); }
html[data-theme="dark"] .hover\:text-emerald-900:hover { color: var(--color-emerald-200); }
html[data-theme="dark"] .border-emerald-100 { border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); }
html[data-theme="dark"] .border-emerald-200 { border-color: color-mix(in oklab, var(--color-emerald-500) 35%, transparent); }
html[data-theme="dark"] .border-emerald-300 { border-color: color-mix(in oklab, var(--color-emerald-500) 45%, transparent); }
html[data-theme="dark"] .bg-teal-50 { background-color: color-mix(in oklab, var(--color-teal-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-teal-50:hover { background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); }
html[data-theme="dark"] .bg-teal-100 { background-color: color-mix(in oklab, var(--color-teal-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-teal-100:hover { background-color: color-mix(in oklab, var(--color-teal-500) 26%, transparent); }
html[data-theme="dark"] .bg-teal-200 { background-color: color-mix(in oklab, var(--color-teal-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-teal-200:hover { background-color: color-mix(in oklab, var(--color-teal-500) 34%, transparent); }
html[data-theme="dark"] .text-teal-600 { color: var(--color-teal-400); }
html[data-theme="dark"] .hover\:text-teal-600:hover { color: var(--color-teal-200); }
html[data-theme="dark"] .text-teal-700 { color: var(--color-teal-300); }
html[data-theme="dark"] .hover\:text-teal-700:hover { color: var(--color-teal-200); }
html[data-theme="dark"] .text-teal-800 { color: var(--color-teal-200); }
html[data-theme="dark"] .hover\:text-teal-800:hover { color: var(--color-teal-200); }
html[data-theme="dark"] .text-teal-900 { color: var(--color-teal-200); }
html[data-theme="dark"] .hover\:text-teal-900:hover { color: var(--color-teal-200); }
html[data-theme="dark"] .border-teal-100 { border-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent); }
html[data-theme="dark"] .border-teal-200 { border-color: color-mix(in oklab, var(--color-teal-500) 35%, transparent); }
html[data-theme="dark"] .border-teal-300 { border-color: color-mix(in oklab, var(--color-teal-500) 45%, transparent); }
html[data-theme="dark"] .bg-cyan-50 { background-color: color-mix(in oklab, var(--color-cyan-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-cyan-50:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); }
html[data-theme="dark"] .bg-cyan-100 { background-color: color-mix(in oklab, var(--color-cyan-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-cyan-100:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 26%, transparent); }
html[data-theme="dark"] .bg-cyan-200 { background-color: color-mix(in oklab, var(--color-cyan-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-cyan-200:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 34%, transparent); }
html[data-theme="dark"] .text-cyan-600 { color: var(--color-cyan-400); }
html[data-theme="dark"] .hover\:text-cyan-600:hover { color: var(--color-cyan-200); }
html[data-theme="dark"] .text-cyan-700 { color: var(--color-cyan-300); }
html[data-theme="dark"] .hover\:text-cyan-700:hover { color: var(--color-cyan-200); }
html[data-theme="dark"] .text-cyan-800 { color: var(--color-cyan-200); }
html[data-theme="dark"] .hover\:text-cyan-800:hover { color: var(--color-cyan-200); }
html[data-theme="dark"] .text-cyan-900 { color: var(--color-cyan-200); }
html[data-theme="dark"] .hover\:text-cyan-900:hover { color: var(--color-cyan-200); }
html[data-theme="dark"] .border-cyan-100 { border-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent); }
html[data-theme="dark"] .border-cyan-200 { border-color: color-mix(in oklab, var(--color-cyan-500) 35%, transparent); }
html[data-theme="dark"] .border-cyan-300 { border-color: color-mix(in oklab, var(--color-cyan-500) 45%, transparent); }
html[data-theme="dark"] .bg-sky-50 { background-color: color-mix(in oklab, var(--color-sky-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-sky-50:hover { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); }
html[data-theme="dark"] .bg-sky-100 { background-color: color-mix(in oklab, var(--color-sky-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-sky-100:hover { background-color: color-mix(in oklab, var(--color-sky-500) 26%, transparent); }
html[data-theme="dark"] .bg-sky-200 { background-color: color-mix(in oklab, var(--color-sky-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-sky-200:hover { background-color: color-mix(in oklab, var(--color-sky-500) 34%, transparent); }
html[data-theme="dark"] .text-sky-600 { color: var(--color-sky-400); }
html[data-theme="dark"] .hover\:text-sky-600:hover { color: var(--color-sky-200); }
html[data-theme="dark"] .text-sky-700 { color: var(--color-sky-300); }
html[data-theme="dark"] .hover\:text-sky-700:hover { color: var(--color-sky-200); }
html[data-theme="dark"] .text-sky-800 { color: var(--color-sky-200); }
html[data-theme="dark"] .hover\:text-sky-800:hover { color: var(--color-sky-200); }
html[data-theme="dark"] .text-sky-900 { color: var(--color-sky-200); }
html[data-theme="dark"] .hover\:text-sky-900:hover { color: var(--color-sky-200); }
html[data-theme="dark"] .border-sky-100 { border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent); }
html[data-theme="dark"] .border-sky-200 { border-color: color-mix(in oklab, var(--color-sky-500) 35%, transparent); }
html[data-theme="dark"] .border-sky-300 { border-color: color-mix(in oklab, var(--color-sky-500) 45%, transparent); }
html[data-theme="dark"] .bg-blue-50 { background-color: color-mix(in oklab, var(--color-blue-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-blue-50:hover { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); }
html[data-theme="dark"] .bg-blue-100 { background-color: color-mix(in oklab, var(--color-blue-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-blue-100:hover { background-color: color-mix(in oklab, var(--color-blue-500) 26%, transparent); }
html[data-theme="dark"] .bg-blue-200 { background-color: color-mix(in oklab, var(--color-blue-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-blue-200:hover { background-color: color-mix(in oklab, var(--color-blue-500) 34%, transparent); }
html[data-theme="dark"] .text-blue-600 { color: var(--color-blue-400); }
html[data-theme="dark"] .hover\:text-blue-600:hover { color: var(--color-blue-200); }
html[data-theme="dark"] .text-blue-700 { color: var(--color-blue-300); }
html[data-theme="dark"] .hover\:text-blue-700:hover { color: var(--color-blue-200); }
html[data-theme="dark"] .text-blue-800 { color: var(--color-blue-200); }
html[data-theme="dark"] .hover\:text-blue-800:hover { color: var(--color-blue-200); }
html[data-theme="dark"] .text-blue-900 { color: var(--color-blue-200); }
html[data-theme="dark"] .hover\:text-blue-900:hover { color: var(--color-blue-200); }
html[data-theme="dark"] .border-blue-100 { border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); }
html[data-theme="dark"] .border-blue-200 { border-color: color-mix(in oklab, var(--color-blue-500) 35%, transparent); }
html[data-theme="dark"] .border-blue-300 { border-color: color-mix(in oklab, var(--color-blue-500) 45%, transparent); }
html[data-theme="dark"] .bg-indigo-50 { background-color: color-mix(in oklab, var(--color-indigo-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-indigo-50:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); }
html[data-theme="dark"] .bg-indigo-100 { background-color: color-mix(in oklab, var(--color-indigo-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-indigo-100:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 26%, transparent); }
html[data-theme="dark"] .bg-indigo-200 { background-color: color-mix(in oklab, var(--color-indigo-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-indigo-200:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 34%, transparent); }
html[data-theme="dark"] .text-indigo-600 { color: var(--color-indigo-400); }
html[data-theme="dark"] .hover\:text-indigo-600:hover { color: var(--color-indigo-200); }
html[data-theme="dark"] .text-indigo-700 { color: var(--color-indigo-300); }
html[data-theme="dark"] .hover\:text-indigo-700:hover { color: var(--color-indigo-200); }
html[data-theme="dark"] .text-indigo-800 { color: var(--color-indigo-200); }
html[data-theme="dark"] .hover\:text-indigo-800:hover { color: var(--color-indigo-200); }
html[data-theme="dark"] .text-indigo-900 { color: var(--color-indigo-200); }
html[data-theme="dark"] .hover\:text-indigo-900:hover { color: var(--color-indigo-200); }
html[data-theme="dark"] .border-indigo-100 { border-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent); }
html[data-theme="dark"] .border-indigo-200 { border-color: color-mix(in oklab, var(--color-indigo-500) 35%, transparent); }
html[data-theme="dark"] .border-indigo-300 { border-color: color-mix(in oklab, var(--color-indigo-500) 45%, transparent); }
html[data-theme="dark"] .bg-violet-50 { background-color: color-mix(in oklab, var(--color-violet-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-violet-50:hover { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); }
html[data-theme="dark"] .bg-violet-100 { background-color: color-mix(in oklab, var(--color-violet-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-violet-100:hover { background-color: color-mix(in oklab, var(--color-violet-500) 26%, transparent); }
html[data-theme="dark"] .bg-violet-200 { background-color: color-mix(in oklab, var(--color-violet-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-violet-200:hover { background-color: color-mix(in oklab, var(--color-violet-500) 34%, transparent); }
html[data-theme="dark"] .text-violet-600 { color: var(--color-violet-400); }
html[data-theme="dark"] .hover\:text-violet-600:hover { color: var(--color-violet-200); }
html[data-theme="dark"] .text-violet-700 { color: var(--color-violet-300); }
html[data-theme="dark"] .hover\:text-violet-700:hover { color: var(--color-violet-200); }
html[data-theme="dark"] .text-violet-800 { color: var(--color-violet-200); }
html[data-theme="dark"] .hover\:text-violet-800:hover { color: var(--color-violet-200); }
html[data-theme="dark"] .text-violet-900 { color: var(--color-violet-200); }
html[data-theme="dark"] .hover\:text-violet-900:hover { color: var(--color-violet-200); }
html[data-theme="dark"] .border-violet-100 { border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent); }
html[data-theme="dark"] .border-violet-200 { border-color: color-mix(in oklab, var(--color-violet-500) 35%, transparent); }
html[data-theme="dark"] .border-violet-300 { border-color: color-mix(in oklab, var(--color-violet-500) 45%, transparent); }
html[data-theme="dark"] .bg-purple-50 { background-color: color-mix(in oklab, var(--color-purple-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-purple-50:hover { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); }
html[data-theme="dark"] .bg-purple-100 { background-color: color-mix(in oklab, var(--color-purple-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-purple-100:hover { background-color: color-mix(in oklab, var(--color-purple-500) 26%, transparent); }
html[data-theme="dark"] .bg-purple-200 { background-color: color-mix(in oklab, var(--color-purple-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-purple-200:hover { background-color: color-mix(in oklab, var(--color-purple-500) 34%, transparent); }
html[data-theme="dark"] .text-purple-600 { color: var(--color-purple-400); }
html[data-theme="dark"] .hover\:text-purple-600:hover { color: var(--color-purple-200); }
html[data-theme="dark"] .text-purple-700 { color: var(--color-purple-300); }
html[data-theme="dark"] .hover\:text-purple-700:hover { color: var(--color-purple-200); }
html[data-theme="dark"] .text-purple-800 { color: var(--color-purple-200); }
html[data-theme="dark"] .hover\:text-purple-800:hover { color: var(--color-purple-200); }
html[data-theme="dark"] .text-purple-900 { color: var(--color-purple-200); }
html[data-theme="dark"] .hover\:text-purple-900:hover { color: var(--color-purple-200); }
html[data-theme="dark"] .border-purple-100 { border-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent); }
html[data-theme="dark"] .border-purple-200 { border-color: color-mix(in oklab, var(--color-purple-500) 35%, transparent); }
html[data-theme="dark"] .border-purple-300 { border-color: color-mix(in oklab, var(--color-purple-500) 45%, transparent); }
html[data-theme="dark"] .bg-fuchsia-50 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-fuchsia-50:hover { background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent); }
html[data-theme="dark"] .bg-fuchsia-100 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-fuchsia-100:hover { background-color: color-mix(in oklab, var(--color-fuchsia-500) 26%, transparent); }
html[data-theme="dark"] .bg-fuchsia-200 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-fuchsia-200:hover { background-color: color-mix(in oklab, var(--color-fuchsia-500) 34%, transparent); }
html[data-theme="dark"] .text-fuchsia-600 { color: var(--color-fuchsia-400); }
html[data-theme="dark"] .hover\:text-fuchsia-600:hover { color: var(--color-fuchsia-200); }
html[data-theme="dark"] .text-fuchsia-700 { color: var(--color-fuchsia-300); }
html[data-theme="dark"] .hover\:text-fuchsia-700:hover { color: var(--color-fuchsia-200); }
html[data-theme="dark"] .text-fuchsia-800 { color: var(--color-fuchsia-200); }
html[data-theme="dark"] .hover\:text-fuchsia-800:hover { color: var(--color-fuchsia-200); }
html[data-theme="dark"] .text-fuchsia-900 { color: var(--color-fuchsia-200); }
html[data-theme="dark"] .hover\:text-fuchsia-900:hover { color: var(--color-fuchsia-200); }
html[data-theme="dark"] .border-fuchsia-100 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 25%, transparent); }
html[data-theme="dark"] .border-fuchsia-200 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 35%, transparent); }
html[data-theme="dark"] .border-fuchsia-300 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 45%, transparent); }
html[data-theme="dark"] .bg-pink-50 { background-color: color-mix(in oklab, var(--color-pink-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-pink-50:hover { background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent); }
html[data-theme="dark"] .bg-pink-100 { background-color: color-mix(in oklab, var(--color-pink-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-pink-100:hover { background-color: color-mix(in oklab, var(--color-pink-500) 26%, transparent); }
html[data-theme="dark"] .bg-pink-200 { background-color: color-mix(in oklab, var(--color-pink-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-pink-200:hover { background-color: color-mix(in oklab, var(--color-pink-500) 34%, transparent); }
html[data-theme="dark"] .text-pink-600 { color: var(--color-pink-400); }
html[data-theme="dark"] .hover\:text-pink-600:hover { color: var(--color-pink-200); }
html[data-theme="dark"] .text-pink-700 { color: var(--color-pink-300); }
html[data-theme="dark"] .hover\:text-pink-700:hover { color: var(--color-pink-200); }
html[data-theme="dark"] .text-pink-800 { color: var(--color-pink-200); }
html[data-theme="dark"] .hover\:text-pink-800:hover { color: var(--color-pink-200); }
html[data-theme="dark"] .text-pink-900 { color: var(--color-pink-200); }
html[data-theme="dark"] .hover\:text-pink-900:hover { color: var(--color-pink-200); }
html[data-theme="dark"] .border-pink-100 { border-color: color-mix(in oklab, var(--color-pink-500) 25%, transparent); }
html[data-theme="dark"] .border-pink-200 { border-color: color-mix(in oklab, var(--color-pink-500) 35%, transparent); }
html[data-theme="dark"] .border-pink-300 { border-color: color-mix(in oklab, var(--color-pink-500) 45%, transparent); }
html[data-theme="dark"] .bg-rose-50 { background-color: color-mix(in oklab, var(--color-rose-500) 12%, transparent); }
html[data-theme="dark"] .hover\:bg-rose-50:hover { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); }
html[data-theme="dark"] .bg-rose-100 { background-color: color-mix(in oklab, var(--color-rose-500) 18%, transparent); }
html[data-theme="dark"] .hover\:bg-rose-100:hover { background-color: color-mix(in oklab, var(--color-rose-500) 26%, transparent); }
html[data-theme="dark"] .bg-rose-200 { background-color: color-mix(in oklab, var(--color-rose-500) 26%, transparent); }
html[data-theme="dark"] .hover\:bg-rose-200:hover { background-color: color-mix(in oklab, var(--color-rose-500) 34%, transparent); }
html[data-theme="dark"] .text-rose-600 { color: var(--color-rose-400); }
html[data-theme="dark"] .hover\:text-rose-600:hover { color: var(--color-rose-200); }
html[data-theme="dark"] .text-rose-700 { color: var(--color-rose-300); }
html[data-theme="dark"] .hover\:text-rose-700:hover { color: var(--color-rose-200); }
html[data-theme="dark"] .text-rose-800 { color: var(--color-rose-200); }
html[data-theme="dark"] .hover\:text-rose-800:hover { color: var(--color-rose-200); }
html[data-theme="dark"] .text-rose-900 { color: var(--color-rose-200); }
html[data-theme="dark"] .hover\:text-rose-900:hover { color: var(--color-rose-200); }
html[data-theme="dark"] .border-rose-100 { border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent); }
html[data-theme="dark"] .border-rose-200 { border-color: color-mix(in oklab, var(--color-rose-500) 35%, transparent); }
html[data-theme="dark"] .border-rose-300 { border-color: color-mix(in oklab, var(--color-rose-500) 45%, transparent); }
/* Dark text stays dark on bright brand buttons/badges. */
html[data-theme="dark"] :is(.bg-yellow-300, .bg-yellow-400, .bg-yellow-500, .bg-amber-300, .bg-amber-400, .nav-active):is(.text-gray-900, .text-gray-800, .text-gray-700, .text-black) { color: #111827; }
/* QR codes need a white quiet zone to scan; the sidebar logo tile stays white. */
html[data-theme="dark"] #checkin-qr, html[data-theme="dark"] #checkin-qr.bg-white, html[data-theme="dark"] .qr-keep-light, html[data-theme="dark"] #sidebar .bg-white { background-color: #fff; }
html[data-theme="dark"] img[src$=".svg"].invert-on-dark { filter: invert(1) hue-rotate(180deg); }
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), html[data-theme="dark"] select, html[data-theme="dark"] textarea {
  background-color: var(--lm-surface-2); color: var(--lm-text-1); border-color: var(--lm-border-3);
}
html[data-theme="dark"] ::placeholder { color: var(--lm-text-5); opacity: 1; }
html[data-theme="dark"] .shadow, html[data-theme="dark"] .shadow-sm, html[data-theme="dark"] .shadow-md, html[data-theme="dark"] .shadow-lg, html[data-theme="dark"] .shadow-2xl { --tw-shadow-color: rgb(0 0 0 / 0.5); }
/* DataTables */
html[data-theme="dark"] table.dataTable, html[data-theme="dark"] .dataTables_wrapper, html[data-theme="dark"] .dt-container { color: var(--lm-text-2); }
html[data-theme="dark"] table.dataTable tbody tr, html[data-theme="dark"] table.dataTable > tbody > tr { background-color: transparent; }
html[data-theme="dark"] table.dataTable thead th, html[data-theme="dark"] table.dataTable thead td { border-bottom-color: var(--lm-border-3); }
html[data-theme="dark"] table.dataTable tbody td, html[data-theme="dark"] table.dataTable > tbody > tr > td { border-top-color: var(--lm-border-2); }
html[data-theme="dark"] table.dataTable.stripe > tbody > tr:nth-child(odd) > *, html[data-theme="dark"] table.dataTable.display > tbody > tr:nth-child(odd) > * { box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 0.02); }
html[data-theme="dark"] table.dataTable.hover > tbody > tr:hover > *, html[data-theme="dark"] table.dataTable.display > tbody > tr:hover > * { box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 0.05); }
html[data-theme="dark"] .dt-paging .dt-paging-button, html[data-theme="dark"] .dataTables_paginate .paginate_button { color: var(--lm-text-3) !important; }
html[data-theme="dark"] .dt-paging .dt-paging-button.current, html[data-theme="dark"] .dataTables_paginate .paginate_button.current { background: var(--lm-surface-4) !important; color: var(--lm-text-1) !important; border-color: var(--lm-border-3) !important; }
/* Tom Select */
/* tom-select's own selectors are very specific (.ts-wrapper:not(.form-control)... .ts-control) */
html[data-theme="dark"] .ts-control, html[data-theme="dark"] .ts-wrapper .ts-control, html[data-theme="dark"] .ts-dropdown, html[data-theme="dark"] .ts-dropdown .option { background: var(--lm-surface-2) !important; background-image: none !important; color: var(--lm-text-1) !important; border-color: var(--lm-border-3) !important; }
html[data-theme="dark"] .ts-control input, html[data-theme="dark"] .ts-control .item { color: var(--lm-text-1) !important; }
html[data-theme="dark"] .ts-dropdown .active, html[data-theme="dark"] .ts-dropdown .option:hover { background: var(--lm-surface-4) !important; color: var(--lm-text-1) !important; }
html[data-theme="dark"] .ts-wrapper.multi .ts-control > div { background: var(--lm-surface-4); color: var(--lm-text-1); border-color: var(--lm-border-3); }
/* EasyMDE / CodeMirror */
html[data-theme="dark"] .EasyMDEContainer .CodeMirror, html[data-theme="dark"] .editor-toolbar { background: var(--lm-surface-2); color: var(--lm-text-1); border-color: var(--lm-border-3); }
html[data-theme="dark"] .editor-toolbar button { color: var(--lm-text-3) !important; }
html[data-theme="dark"] .editor-toolbar button:hover, html[data-theme="dark"] .editor-toolbar button.active { background: var(--lm-surface-4); border-color: var(--lm-border-3); }
html[data-theme="dark"] .CodeMirror-cursor { border-left-color: var(--lm-text-1); }
html[data-theme="dark"] .editor-preview, html[data-theme="dark"] .editor-preview-side { background: var(--lm-surface); color: var(--lm-text-2); }
/* driver.js tours */
html[data-theme="dark"] .driver-popover { background: var(--lm-surface); color: var(--lm-text-2); }
html[data-theme="dark"] .driver-popover-title { color: var(--lm-text-1); }
html[data-theme="dark"] .driver-popover-arrow { border-color: var(--lm-surface); }
/* Markdown output */
html[data-theme="dark"] .prose { --tw-prose-body: var(--lm-text-3); --tw-prose-headings: var(--lm-text-1); --tw-prose-links: #facc15; --tw-prose-bold: var(--lm-text-1); --tw-prose-code: var(--lm-text-1); color: var(--lm-text-3); }
html[data-theme="dark"] .prose :is(h1,h2,h3,h4,strong) { color: var(--lm-text-1); }
html[data-theme="dark"] .prose a { color: #facc15; }

/* Rich text: the About page and its editor look the same */
.rich { line-height: 1.65; overflow-wrap: anywhere; }
.rich > :first-child { margin-top: 0; }
.rich > :last-child { margin-bottom: 0; }
.rich p, .rich ul, .rich ol, .rich blockquote { margin: 0 0 1em; }
.rich h2 { font-size: 1.4rem; font-weight: 700; line-height: 1.3; margin: 1.4em 0 .5em; }
.rich h3 { font-size: 1.15rem; font-weight: 600; line-height: 1.35; margin: 1.2em 0 .4em; }
.rich ul { list-style: disc; padding-left: 1.5em; }
.rich ol { list-style: decimal; padding-left: 1.5em; }
.rich li > ul, .rich li > ol, .rich ul ul, .rich ol ol, .rich ul ol, .rich ol ul { margin: .25em 0 0; }
.rich blockquote { border-left: 4px solid #facc15; padding: .25em 0 .25em 1em; color: #4b5563; }
.rich a { color: #1d4ed8; text-decoration: underline; }
.rich img { max-width: 100%; height: auto; border-radius: .5rem; margin: .5em 0; }
.rich hr { border: 0; border-top: 1px solid #e5e7eb; margin: 1.5em 0; }
.rich code { font-family: ui-monospace, monospace; font-size: .9em; background: #f3f4f6; padding: 0 .25em; border-radius: .25rem; }
.rich-area:focus { outline: 2px solid #facc15; outline-offset: -1px; }
.rich-toolbar button { padding: .25rem .55rem; border-radius: .375rem; font-size: .8125rem; color: #374151; }
.rich-toolbar button:hover, .rich-toolbar button:focus-visible { background: #e5e7eb; }
.rich-sep { width: 1px; background: #d1d5db; margin: .2rem .25rem; }
html[data-theme="dark"] .rich blockquote { color: var(--lm-text-4); }
html[data-theme="dark"] .rich a { color: #facc15; }
html[data-theme="dark"] .rich hr { border-top-color: var(--lm-border-3); }
html[data-theme="dark"] .rich code { background: var(--lm-surface-3); }
html[data-theme="dark"] .rich :is(h2,h3,strong) { color: var(--lm-text-1); }
html[data-theme="dark"] .rich-toolbar button { color: var(--lm-text-3); }
html[data-theme="dark"] .rich-toolbar button:hover, html[data-theme="dark"] .rich-toolbar button:focus-visible { background: var(--lm-surface-4); }
html[data-theme="dark"] .rich-sep { background: var(--lm-border-3); }