/* Only active after an authenticated platform-frame theme message. */
:root[data-mx-theme=dark] {
 --mx-canvas:#0d0915; --mx-surface:#1a1322; --mx-surface-alt:#21192b; --mx-ink:#f3edf6; --mx-muted:#b7aabd; --mx-line:#3a2c46;
 --bg:var(--mx-canvas); --paper:var(--mx-surface); --panel:var(--mx-surface); --surface:var(--mx-surface); --card:var(--mx-surface);
 --line:var(--mx-line); --line-soft:#30243b; --border:var(--mx-line); --border-soft:#30243b;
 --ink:var(--mx-ink); --ink-2:#d3c7db; --text:var(--mx-ink); --text-primary:var(--mx-ink); --text-secondary:var(--mx-muted); --muted:var(--mx-muted);
 --dark:var(--mx-ink); --cream:#21192b;
 --gray-50:var(--mx-canvas); --gray-100:#30243b; --gray-200:var(--mx-line); --gray-400:var(--mx-muted); --gray-500:var(--mx-muted); --gray-700:#d3c7db;
 --rose-50:#30182a; --rose-100:#482038; --rose-200:#75344f; --mx-rose-700:#ff8fbc; --mx-rose-800:#ffafd0; --mx-rose-900:#ffd0e3; --mx-rose-950:#fce6ef;
 --mx-green:#83d6bb; --green-bg:#16372f; --mx-amber:#edc879; --amber-bg:#3c3019; --mx-red:#ffaaa5; --red-bg:#48252b; --mx-blue:#a6c8ff; --blue-bg:#20334b;
 --shadow:0 4px 20px #0002; --shadow-lg:0 24px 70px #0008;
 color-scheme:dark;
}
:root[data-mx-theme=dark] body { background:var(--mx-canvas); color:var(--mx-ink); }
:root[data-mx-theme=dark] :is(input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea) { background-color:var(--mx-surface-alt); color:var(--mx-ink); border-color:var(--mx-line); }
:root[data-mx-theme=dark] :is(input,textarea)::placeholder { color:var(--mx-muted); }
:root[data-mx-theme=dark] dialog { background:var(--mx-surface); color:var(--mx-ink); border-color:var(--mx-line); }

:root[data-mx-theme=dark] .bg-white{background-color:var(--mx-surface)}
:root[data-mx-theme=dark] .bg-gray-50,:root[data-mx-theme=dark] .hover\:bg-gray-50:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .bg-gray-100,:root[data-mx-theme=dark] .hover\:bg-gray-100:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .border-gray-200{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .border-gray-300{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .text-gray-400{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-gray-500{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-gray-600{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-gray-700{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-gray-800{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-gray-900{color:var(--mx-ink)}
:root[data-mx-theme=dark] .bg-slate-50,:root[data-mx-theme=dark] .hover\:bg-slate-50:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .bg-slate-100,:root[data-mx-theme=dark] .hover\:bg-slate-100:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .border-slate-200{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .border-slate-300{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .text-slate-400{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-slate-500{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-slate-600{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-slate-700{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-slate-800{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-slate-900{color:var(--mx-ink)}
:root[data-mx-theme=dark] .bg-zinc-50,:root[data-mx-theme=dark] .hover\:bg-zinc-50:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .bg-zinc-100,:root[data-mx-theme=dark] .hover\:bg-zinc-100:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .border-zinc-200{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .border-zinc-300{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .text-zinc-400{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-zinc-500{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-zinc-600{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-zinc-700{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-zinc-800{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-zinc-900{color:var(--mx-ink)}
:root[data-mx-theme=dark] .bg-brand-50{background-color:var(--rose-50)}
:root[data-mx-theme=dark] .bg-brand-100{background-color:var(--rose-50)}
:root[data-mx-theme=dark] .text-brand-700{color:var(--mx-rose-700)}
:root[data-mx-theme=dark] .text-brand-800{color:var(--mx-rose-700)}
:root[data-mx-theme=dark] .text-brand-900{color:var(--mx-rose-700)}
:root[data-mx-theme=dark] .text-brand-950{color:var(--mx-rose-700)}