/* Wizarr — Catppuccin Macchiato.
 * Official palette: https://github.com/catppuccin/palette
 * Loaded after Wizarr's CSS; compatible with either saved appearance setting.
 * Only presentation changes: existing forms, HTMX fragments, and navigation remain native.
 */
:root {
  --ctp-rosewater: #f4dbd6;
  --ctp-flamingo: #f0c6c6;
  --ctp-pink: #f5bde6;
  --ctp-mauve: #c6a0f6;
  --ctp-red: #ed8796;
  --ctp-maroon: #ee99a0;
  --ctp-peach: #f5a97f;
  --ctp-yellow: #eed49f;
  --ctp-green: #a6da95;
  --ctp-teal: #8bd5ca;
  --ctp-sky: #91d7e3;
  --ctp-sapphire: #7dc4e4;
  --ctp-blue: #8aadf4;
  --ctp-lavender: #b7bdf8;
  --ctp-text: #cad3f5;
  --ctp-subtext1: #b8c0e0;
  --ctp-subtext0: #a5adcb;
  --ctp-overlay2: #939ab7;
  --ctp-overlay1: #8087a2;
  --ctp-overlay0: #6e738d;
  --ctp-surface2: #5b6078;
  --ctp-surface1: #494d64;
  --ctp-surface0: #363a4f;
  --ctp-base: #24273a;
  --ctp-mantle: #1e2030;
  --ctp-crust: #181926;
  color-scheme: dark;
  --color-primary: var(--ctp-mauve) !important;
  --color-primary_hover: var(--ctp-blue) !important;
  --color-secondary: var(--ctp-lavender) !important;
  --color-white: var(--ctp-text);
  --color-black: var(--ctp-crust);
  --color-gray-50: var(--ctp-base);
  --color-gray-100: var(--ctp-mantle);
  --color-gray-200: var(--ctp-surface1);
  --color-gray-300: var(--ctp-surface2);
  --color-gray-400: var(--ctp-subtext0);
  --color-gray-500: var(--ctp-overlay0);
  --color-gray-600: var(--ctp-surface2);
  --color-gray-700: var(--ctp-surface1);
  --color-gray-800: var(--ctp-surface0);
  --color-gray-900: var(--ctp-base);
  --color-gray-950: var(--ctp-crust);
  --color-slate-50: var(--ctp-base);
  --color-slate-100: var(--ctp-mantle);
  --color-slate-200: var(--ctp-surface1);
  --color-slate-300: var(--ctp-surface2);
  --color-slate-400: var(--ctp-subtext0);
  --color-slate-500: var(--ctp-overlay0);
  --color-slate-600: var(--ctp-surface2);
  --color-slate-700: var(--ctp-surface1);
  --color-slate-800: var(--ctp-surface0);
  --color-slate-900: var(--ctp-base);
  --color-slate-950: var(--ctp-crust);
  --color-zinc-50: var(--ctp-base);
  --color-zinc-100: var(--ctp-mantle);
  --color-zinc-200: var(--ctp-surface1);
  --color-zinc-300: var(--ctp-surface2);
  --color-zinc-400: var(--ctp-subtext0);
  --color-zinc-500: var(--ctp-overlay0);
  --color-zinc-600: var(--ctp-surface2);
  --color-zinc-700: var(--ctp-surface1);
  --color-zinc-800: var(--ctp-surface0);
  --color-zinc-900: var(--ctp-base);
  --color-zinc-950: var(--ctp-crust);
  --color-neutral-50: var(--ctp-base);
  --color-neutral-100: var(--ctp-mantle);
  --color-neutral-200: var(--ctp-surface1);
  --color-neutral-300: var(--ctp-surface2);
  --color-neutral-400: var(--ctp-subtext0);
  --color-neutral-500: var(--ctp-overlay0);
  --color-neutral-600: var(--ctp-surface2);
  --color-neutral-700: var(--ctp-surface1);
  --color-neutral-800: var(--ctp-surface0);
  --color-neutral-900: var(--ctp-base);
  --color-neutral-950: var(--ctp-crust);
  --color-stone-50: var(--ctp-base);
  --color-stone-100: var(--ctp-mantle);
  --color-stone-200: var(--ctp-surface1);
  --color-stone-300: var(--ctp-surface2);
  --color-stone-400: var(--ctp-subtext0);
  --color-stone-500: var(--ctp-overlay0);
  --color-stone-600: var(--ctp-surface2);
  --color-stone-700: var(--ctp-surface1);
  --color-stone-800: var(--ctp-surface0);
  --color-stone-900: var(--ctp-base);
  --color-stone-950: var(--ctp-crust);
  --color-red-50: var(--ctp-red);
  --color-red-100: var(--ctp-red);
  --color-red-200: var(--ctp-red);
  --color-red-300: var(--ctp-red);
  --color-red-400: var(--ctp-red);
  --color-red-500: var(--ctp-red);
  --color-red-600: var(--ctp-red);
  --color-red-700: var(--ctp-red);
  --color-red-800: var(--ctp-red);
  --color-red-900: var(--ctp-red);
  --color-red-950: var(--ctp-red);
  --color-rose-50: var(--ctp-maroon);
  --color-rose-100: var(--ctp-maroon);
  --color-rose-200: var(--ctp-maroon);
  --color-rose-300: var(--ctp-maroon);
  --color-rose-400: var(--ctp-maroon);
  --color-rose-500: var(--ctp-maroon);
  --color-rose-600: var(--ctp-maroon);
  --color-rose-700: var(--ctp-maroon);
  --color-rose-800: var(--ctp-maroon);
  --color-rose-900: var(--ctp-maroon);
  --color-rose-950: var(--ctp-maroon);
  --color-orange-50: var(--ctp-peach);
  --color-orange-100: var(--ctp-peach);
  --color-orange-200: var(--ctp-peach);
  --color-orange-300: var(--ctp-peach);
  --color-orange-400: var(--ctp-peach);
  --color-orange-500: var(--ctp-peach);
  --color-orange-600: var(--ctp-peach);
  --color-orange-700: var(--ctp-peach);
  --color-orange-800: var(--ctp-peach);
  --color-orange-900: var(--ctp-peach);
  --color-orange-950: var(--ctp-peach);
  --color-amber-50: var(--ctp-yellow);
  --color-amber-100: var(--ctp-yellow);
  --color-amber-200: var(--ctp-yellow);
  --color-amber-300: var(--ctp-yellow);
  --color-amber-400: var(--ctp-yellow);
  --color-amber-500: var(--ctp-yellow);
  --color-amber-600: var(--ctp-yellow);
  --color-amber-700: var(--ctp-yellow);
  --color-amber-800: var(--ctp-yellow);
  --color-amber-900: var(--ctp-yellow);
  --color-amber-950: var(--ctp-yellow);
  --color-yellow-50: var(--ctp-yellow);
  --color-yellow-100: var(--ctp-yellow);
  --color-yellow-200: var(--ctp-yellow);
  --color-yellow-300: var(--ctp-yellow);
  --color-yellow-400: var(--ctp-yellow);
  --color-yellow-500: var(--ctp-yellow);
  --color-yellow-600: var(--ctp-yellow);
  --color-yellow-700: var(--ctp-yellow);
  --color-yellow-800: var(--ctp-yellow);
  --color-yellow-900: var(--ctp-yellow);
  --color-yellow-950: var(--ctp-yellow);
  --color-lime-50: var(--ctp-green);
  --color-lime-100: var(--ctp-green);
  --color-lime-200: var(--ctp-green);
  --color-lime-300: var(--ctp-green);
  --color-lime-400: var(--ctp-green);
  --color-lime-500: var(--ctp-green);
  --color-lime-600: var(--ctp-green);
  --color-lime-700: var(--ctp-green);
  --color-lime-800: var(--ctp-green);
  --color-lime-900: var(--ctp-green);
  --color-lime-950: var(--ctp-green);
  --color-green-50: var(--ctp-green);
  --color-green-100: var(--ctp-green);
  --color-green-200: var(--ctp-green);
  --color-green-300: var(--ctp-green);
  --color-green-400: var(--ctp-green);
  --color-green-500: var(--ctp-green);
  --color-green-600: var(--ctp-green);
  --color-green-700: var(--ctp-green);
  --color-green-800: var(--ctp-green);
  --color-green-900: var(--ctp-green);
  --color-green-950: var(--ctp-green);
  --color-emerald-50: var(--ctp-green);
  --color-emerald-100: var(--ctp-green);
  --color-emerald-200: var(--ctp-green);
  --color-emerald-300: var(--ctp-green);
  --color-emerald-400: var(--ctp-green);
  --color-emerald-500: var(--ctp-green);
  --color-emerald-600: var(--ctp-green);
  --color-emerald-700: var(--ctp-green);
  --color-emerald-800: var(--ctp-green);
  --color-emerald-900: var(--ctp-green);
  --color-emerald-950: var(--ctp-green);
  --color-teal-50: var(--ctp-teal);
  --color-teal-100: var(--ctp-teal);
  --color-teal-200: var(--ctp-teal);
  --color-teal-300: var(--ctp-teal);
  --color-teal-400: var(--ctp-teal);
  --color-teal-500: var(--ctp-teal);
  --color-teal-600: var(--ctp-teal);
  --color-teal-700: var(--ctp-teal);
  --color-teal-800: var(--ctp-teal);
  --color-teal-900: var(--ctp-teal);
  --color-teal-950: var(--ctp-teal);
  --color-cyan-50: var(--ctp-sky);
  --color-cyan-100: var(--ctp-sky);
  --color-cyan-200: var(--ctp-sky);
  --color-cyan-300: var(--ctp-sky);
  --color-cyan-400: var(--ctp-sky);
  --color-cyan-500: var(--ctp-sky);
  --color-cyan-600: var(--ctp-sky);
  --color-cyan-700: var(--ctp-sky);
  --color-cyan-800: var(--ctp-sky);
  --color-cyan-900: var(--ctp-sky);
  --color-cyan-950: var(--ctp-sky);
  --color-sky-50: var(--ctp-sapphire);
  --color-sky-100: var(--ctp-sapphire);
  --color-sky-200: var(--ctp-sapphire);
  --color-sky-300: var(--ctp-sapphire);
  --color-sky-400: var(--ctp-sapphire);
  --color-sky-500: var(--ctp-sapphire);
  --color-sky-600: var(--ctp-sapphire);
  --color-sky-700: var(--ctp-sapphire);
  --color-sky-800: var(--ctp-sapphire);
  --color-sky-900: var(--ctp-sapphire);
  --color-sky-950: var(--ctp-sapphire);
  --color-blue-50: var(--ctp-blue);
  --color-blue-100: var(--ctp-blue);
  --color-blue-200: var(--ctp-blue);
  --color-blue-300: var(--ctp-blue);
  --color-blue-400: var(--ctp-blue);
  --color-blue-500: var(--ctp-blue);
  --color-blue-600: var(--ctp-blue);
  --color-blue-700: var(--ctp-blue);
  --color-blue-800: var(--ctp-blue);
  --color-blue-900: var(--ctp-blue);
  --color-blue-950: var(--ctp-blue);
  --color-indigo-50: var(--ctp-lavender);
  --color-indigo-100: var(--ctp-lavender);
  --color-indigo-200: var(--ctp-lavender);
  --color-indigo-300: var(--ctp-lavender);
  --color-indigo-400: var(--ctp-lavender);
  --color-indigo-500: var(--ctp-lavender);
  --color-indigo-600: var(--ctp-lavender);
  --color-indigo-700: var(--ctp-lavender);
  --color-indigo-800: var(--ctp-lavender);
  --color-indigo-900: var(--ctp-lavender);
  --color-indigo-950: var(--ctp-lavender);
  --color-violet-50: var(--ctp-mauve);
  --color-violet-100: var(--ctp-mauve);
  --color-violet-200: var(--ctp-mauve);
  --color-violet-300: var(--ctp-mauve);
  --color-violet-400: var(--ctp-mauve);
  --color-violet-500: var(--ctp-mauve);
  --color-violet-600: var(--ctp-mauve);
  --color-violet-700: var(--ctp-mauve);
  --color-violet-800: var(--ctp-mauve);
  --color-violet-900: var(--ctp-mauve);
  --color-violet-950: var(--ctp-mauve);
  --color-purple-50: var(--ctp-mauve);
  --color-purple-100: var(--ctp-mauve);
  --color-purple-200: var(--ctp-mauve);
  --color-purple-300: var(--ctp-mauve);
  --color-purple-400: var(--ctp-mauve);
  --color-purple-500: var(--ctp-mauve);
  --color-purple-600: var(--ctp-mauve);
  --color-purple-700: var(--ctp-mauve);
  --color-purple-800: var(--ctp-mauve);
  --color-purple-900: var(--ctp-mauve);
  --color-purple-950: var(--ctp-mauve);
  --color-fuchsia-50: var(--ctp-pink);
  --color-fuchsia-100: var(--ctp-pink);
  --color-fuchsia-200: var(--ctp-pink);
  --color-fuchsia-300: var(--ctp-pink);
  --color-fuchsia-400: var(--ctp-pink);
  --color-fuchsia-500: var(--ctp-pink);
  --color-fuchsia-600: var(--ctp-pink);
  --color-fuchsia-700: var(--ctp-pink);
  --color-fuchsia-800: var(--ctp-pink);
  --color-fuchsia-900: var(--ctp-pink);
  --color-fuchsia-950: var(--ctp-pink);
  --color-pink-50: var(--ctp-pink);
  --color-pink-100: var(--ctp-pink);
  --color-pink-200: var(--ctp-pink);
  --color-pink-300: var(--ctp-pink);
  --color-pink-400: var(--ctp-pink);
  --color-pink-500: var(--ctp-pink);
  --color-pink-600: var(--ctp-pink);
  --color-pink-700: var(--ctp-pink);
  --color-pink-800: var(--ctp-pink);
  --color-pink-900: var(--ctp-pink);
  --color-pink-950: var(--ctp-pink);
}

html, body {
  background-color: var(--ctp-base) !important;
  color: var(--ctp-text);
  scrollbar-color: var(--ctp-surface2) var(--ctp-mantle);
}
body { accent-color: var(--ctp-mauve); }
::selection { background: var(--ctp-mauve); color: var(--ctp-base); }
:is([class*="text-gray-"], [class*="text-slate-"], [class*="text-white"], [class*="text-black"]) {
  color: var(--ctp-text);
}
:is(p, small, label)[class*="text-gray-"],
:is(.text-gray-400, .text-gray-500, .text-gray-600, .dark\:text-gray-400) {
  color: var(--ctp-subtext1);
}
::placeholder { color: var(--ctp-subtext0) !important; opacity: 1; }
:is([class*="bg-white"], .bg-gray-100, .dark\:bg-gray-800) {
  background-color: var(--ctp-mantle);
}
:is(nav, aside, header, footer)[class*="bg-"] {
  background-color: var(--ctp-mantle);
}
:is([class*="border-gray-"], [class*="border-white"], [class*="divide-gray-"]) {
  border-color: var(--ctp-surface1);
}
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select) {
  background-color: var(--ctp-surface0) !important;
  color: var(--ctp-text) !important;
  border-color: var(--ctp-surface2) !important;
  caret-color: var(--ctp-rosewater);
}
:is(input, textarea, select):focus {
  border-color: var(--ctp-mauve) !important;
  --tw-ring-color: color-mix(in srgb, var(--ctp-mauve) 40%, transparent);
}
:is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--ctp-mauve);
  outline-offset: 3px;
}
:is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--ctp-mauve);
}
:is(input[type="checkbox"], input[type="radio"]):checked {
  background-color: var(--ctp-mauve);
  border-color: var(--ctp-mauve);
}
input:-webkit-autofill {
  -webkit-text-fill-color: var(--ctp-text);
  -webkit-box-shadow: 0 0 0 1000px var(--ctp-surface0) inset;
  caret-color: var(--ctp-rosewater);
}
:is(.bg-primary, .bg-primary_hover, .bg-blue-500, .bg-blue-600, .bg-blue-700,
    .bg-green-500, .bg-green-600, .bg-red-500, .bg-red-600,
    .bg-purple-600, .bg-indigo-600),
:is(button, a)[class*="from-primary"],
:is(button, a)[style*="linear-gradient"] {
  color: var(--ctp-base) !important;
}
:is(.bg-primary, .bg-primary_hover, .bg-blue-500, .bg-blue-600, .bg-blue-700,
    .bg-green-500, .bg-green-600, .bg-red-500, .bg-red-600,
    .bg-purple-600, .bg-indigo-600) :is(svg, span),
:is(button, a)[class*="from-primary"] :is(svg, span) {
  color: inherit !important;
}
:is(a, button)[class*="hover:bg-gray-"]:hover {
  background-color: var(--ctp-surface0);
  color: var(--ctp-text);
}
a.text-primary, a.text-secondary, .prose a { color: var(--ctp-blue); }
:is(button, a, div)[style*="background: linear-gradient"] {
  background: linear-gradient(100deg, var(--ctp-mauve), var(--ctp-blue)) !important;
}
/* Invitation pages include their own colors and animated backgrounds. */
#invite-section {
  background: radial-gradient(ellipse at top, color-mix(in srgb, var(--ctp-mauve) 10%, var(--ctp-base)), var(--ctp-base)) !important;
}
#invite-section > div.absolute[class*="bg-gradient"] {
  background: linear-gradient(135deg, #24273acc, #1e2030e6) !important;
}
#page-header h1 {
  background-image: linear-gradient(100deg, var(--ctp-mauve), var(--ctp-lavender), var(--ctp-blue));
  color: transparent;
}
#main-container > div { background-color: var(--ctp-mantle); border-color: var(--ctp-surface1); }
#invite-section .shimmer-particles { color: var(--ctp-lavender); }
#invite-section .particle { background: var(--ctp-lavender); }
.prose, .markdown-content, .wizard-content {
  color: var(--ctp-text);
  --tw-prose-body: var(--ctp-text);
  --tw-prose-headings: var(--ctp-text);
  --tw-prose-lead: var(--ctp-subtext1);
  --tw-prose-links: var(--ctp-blue);
  --tw-prose-bold: var(--ctp-text);
  --tw-prose-counters: var(--ctp-subtext0);
  --tw-prose-bullets: var(--ctp-mauve);
  --tw-prose-hr: var(--ctp-surface1);
  --tw-prose-quotes: var(--ctp-subtext1);
  --tw-prose-quote-borders: var(--ctp-mauve);
  --tw-prose-code: var(--ctp-pink);
  --tw-prose-pre-code: var(--ctp-text);
  --tw-prose-pre-bg: var(--ctp-crust);
  --tw-prose-th-borders: var(--ctp-surface2);
  --tw-prose-td-borders: var(--ctp-surface1);
}
:is(pre, code, .CodeMirror, .cm-editor) {
  background-color: var(--ctp-crust);
  color: var(--ctp-text);
}

:is(.bg-red-50, .dark\:bg-red-50, .bg-red-100, .dark\:bg-red-100, .bg-red-200, .dark\:bg-red-200, .bg-red-800, .dark\:bg-red-800, .bg-red-900, .dark\:bg-red-900, .bg-red-950, .dark\:bg-red-950) { background-color: color-mix(in srgb, var(--ctp-red) 14%, var(--ctp-mantle)); }
:is(.bg-rose-50, .dark\:bg-rose-50, .bg-rose-100, .dark\:bg-rose-100, .bg-rose-200, .dark\:bg-rose-200, .bg-rose-800, .dark\:bg-rose-800, .bg-rose-900, .dark\:bg-rose-900, .bg-rose-950, .dark\:bg-rose-950) { background-color: color-mix(in srgb, var(--ctp-maroon) 14%, var(--ctp-mantle)); }
:is(.bg-orange-50, .dark\:bg-orange-50, .bg-orange-100, .dark\:bg-orange-100, .bg-orange-200, .dark\:bg-orange-200, .bg-orange-800, .dark\:bg-orange-800, .bg-orange-900, .dark\:bg-orange-900, .bg-orange-950, .dark\:bg-orange-950) { background-color: color-mix(in srgb, var(--ctp-peach) 14%, var(--ctp-mantle)); }
:is(.bg-amber-50, .dark\:bg-amber-50, .bg-amber-100, .dark\:bg-amber-100, .bg-amber-200, .dark\:bg-amber-200, .bg-amber-800, .dark\:bg-amber-800, .bg-amber-900, .dark\:bg-amber-900, .bg-amber-950, .dark\:bg-amber-950) { background-color: color-mix(in srgb, var(--ctp-yellow) 14%, var(--ctp-mantle)); }
:is(.bg-yellow-50, .dark\:bg-yellow-50, .bg-yellow-100, .dark\:bg-yellow-100, .bg-yellow-200, .dark\:bg-yellow-200, .bg-yellow-800, .dark\:bg-yellow-800, .bg-yellow-900, .dark\:bg-yellow-900, .bg-yellow-950, .dark\:bg-yellow-950) { background-color: color-mix(in srgb, var(--ctp-yellow) 14%, var(--ctp-mantle)); }
:is(.bg-lime-50, .dark\:bg-lime-50, .bg-lime-100, .dark\:bg-lime-100, .bg-lime-200, .dark\:bg-lime-200, .bg-lime-800, .dark\:bg-lime-800, .bg-lime-900, .dark\:bg-lime-900, .bg-lime-950, .dark\:bg-lime-950) { background-color: color-mix(in srgb, var(--ctp-green) 14%, var(--ctp-mantle)); }
:is(.bg-green-50, .dark\:bg-green-50, .bg-green-100, .dark\:bg-green-100, .bg-green-200, .dark\:bg-green-200, .bg-green-800, .dark\:bg-green-800, .bg-green-900, .dark\:bg-green-900, .bg-green-950, .dark\:bg-green-950) { background-color: color-mix(in srgb, var(--ctp-green) 14%, var(--ctp-mantle)); }
:is(.bg-emerald-50, .dark\:bg-emerald-50, .bg-emerald-100, .dark\:bg-emerald-100, .bg-emerald-200, .dark\:bg-emerald-200, .bg-emerald-800, .dark\:bg-emerald-800, .bg-emerald-900, .dark\:bg-emerald-900, .bg-emerald-950, .dark\:bg-emerald-950) { background-color: color-mix(in srgb, var(--ctp-green) 14%, var(--ctp-mantle)); }
:is(.bg-teal-50, .dark\:bg-teal-50, .bg-teal-100, .dark\:bg-teal-100, .bg-teal-200, .dark\:bg-teal-200, .bg-teal-800, .dark\:bg-teal-800, .bg-teal-900, .dark\:bg-teal-900, .bg-teal-950, .dark\:bg-teal-950) { background-color: color-mix(in srgb, var(--ctp-teal) 14%, var(--ctp-mantle)); }
:is(.bg-cyan-50, .dark\:bg-cyan-50, .bg-cyan-100, .dark\:bg-cyan-100, .bg-cyan-200, .dark\:bg-cyan-200, .bg-cyan-800, .dark\:bg-cyan-800, .bg-cyan-900, .dark\:bg-cyan-900, .bg-cyan-950, .dark\:bg-cyan-950) { background-color: color-mix(in srgb, var(--ctp-sky) 14%, var(--ctp-mantle)); }
:is(.bg-sky-50, .dark\:bg-sky-50, .bg-sky-100, .dark\:bg-sky-100, .bg-sky-200, .dark\:bg-sky-200, .bg-sky-800, .dark\:bg-sky-800, .bg-sky-900, .dark\:bg-sky-900, .bg-sky-950, .dark\:bg-sky-950) { background-color: color-mix(in srgb, var(--ctp-sapphire) 14%, var(--ctp-mantle)); }
:is(.bg-blue-50, .dark\:bg-blue-50, .bg-blue-100, .dark\:bg-blue-100, .bg-blue-200, .dark\:bg-blue-200, .bg-blue-800, .dark\:bg-blue-800, .bg-blue-900, .dark\:bg-blue-900, .bg-blue-950, .dark\:bg-blue-950) { background-color: color-mix(in srgb, var(--ctp-blue) 14%, var(--ctp-mantle)); }
:is(.bg-indigo-50, .dark\:bg-indigo-50, .bg-indigo-100, .dark\:bg-indigo-100, .bg-indigo-200, .dark\:bg-indigo-200, .bg-indigo-800, .dark\:bg-indigo-800, .bg-indigo-900, .dark\:bg-indigo-900, .bg-indigo-950, .dark\:bg-indigo-950) { background-color: color-mix(in srgb, var(--ctp-lavender) 14%, var(--ctp-mantle)); }
:is(.bg-violet-50, .dark\:bg-violet-50, .bg-violet-100, .dark\:bg-violet-100, .bg-violet-200, .dark\:bg-violet-200, .bg-violet-800, .dark\:bg-violet-800, .bg-violet-900, .dark\:bg-violet-900, .bg-violet-950, .dark\:bg-violet-950) { background-color: color-mix(in srgb, var(--ctp-mauve) 14%, var(--ctp-mantle)); }
:is(.bg-purple-50, .dark\:bg-purple-50, .bg-purple-100, .dark\:bg-purple-100, .bg-purple-200, .dark\:bg-purple-200, .bg-purple-800, .dark\:bg-purple-800, .bg-purple-900, .dark\:bg-purple-900, .bg-purple-950, .dark\:bg-purple-950) { background-color: color-mix(in srgb, var(--ctp-mauve) 14%, var(--ctp-mantle)); }
:is(.bg-fuchsia-50, .dark\:bg-fuchsia-50, .bg-fuchsia-100, .dark\:bg-fuchsia-100, .bg-fuchsia-200, .dark\:bg-fuchsia-200, .bg-fuchsia-800, .dark\:bg-fuchsia-800, .bg-fuchsia-900, .dark\:bg-fuchsia-900, .bg-fuchsia-950, .dark\:bg-fuchsia-950) { background-color: color-mix(in srgb, var(--ctp-pink) 14%, var(--ctp-mantle)); }
:is(.bg-pink-50, .dark\:bg-pink-50, .bg-pink-100, .dark\:bg-pink-100, .bg-pink-200, .dark\:bg-pink-200, .bg-pink-800, .dark\:bg-pink-800, .bg-pink-900, .dark\:bg-pink-900, .bg-pink-950, .dark\:bg-pink-950) { background-color: color-mix(in srgb, var(--ctp-pink) 14%, var(--ctp-mantle)); }

#support-banner { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  #invite-section :is(.animate-blob, .shimmer-particles, .particle) { animation: none !important; }
}