.theme-midnight-ocean i{background:linear-gradient(145deg,#0d1726,#1765a8,#63c8ff)}
.theme-midnight-violet i{background:linear-gradient(145deg,#17101f,#60318a,#cf9cff)}

:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) :is(.chat-box,.tm-panel,.tm-chat){color:var(--navy)}
:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) :is(.message-bubble.theirs,.tm-messages article.theirs){background:#f4f7fb;color:#172433;border:1px solid #dbe4eb}
:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) :is(.message-bubble.mine,.tm-messages article.mine){background:linear-gradient(145deg,var(--accent2),color-mix(in srgb,var(--accent2) 68%,var(--accent)));color:#fff;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) :is(.message-bubble,.tm-messages article) :is(b,p,small,time,.message-meta){color:inherit}
:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) :is(.chat-compose textarea,.tm-chat textarea){background:#172a39;color:#f5fbff;border-color:#466071}
:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) :is(.chat-compose textarea,.tm-chat textarea)::placeholder{color:#b9c7d1;opacity:1}
:is([data-theme="midnight"],[data-theme="midnight-ocean"],[data-theme="midnight-violet"]) .tm-hint{color:#c8d5dd;opacity:.9}