:root{--theme-primary:#20a4f3;--theme-secondary:#3878ff;--theme-bg:#07101f;--theme-surface:#111d31;--theme-surface-alpha:#111d31eb;--theme-text:#eaf2ff;--theme-muted:#8fa1bc;--theme-border:#263b5d;--theme-radius:16px;--theme-blur:0px;--theme-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html,body{font-family:var(--theme-font)!important}body{background-color:var(--theme-bg)!important;color:var(--theme-text)}.card,.login-card,.chat-card,.admin-card,.panel,.admin-main section{border-color:var(--theme-border)!important}.card,.login-card,.chat-card,.panel{background-color:var(--theme-surface-alpha)!important;backdrop-filter:blur(var(--theme-blur));border-radius:var(--theme-radius)!important}button,.btn,.login-submit{--accent:var(--theme-primary)}a{color:var(--theme-primary)}

/* Chatfal theme bridge: the chat shell previously painted an opaque background over the page theme. */
body.chat-page,.chat-page .chat-shell,.chat-page .chat-layout{background-color:var(--theme-bg)!important;background-image:none!important}
.chat-page .chat-shell>.nav,
.chat-page .radio-bar,
.chat-page .radio-info-bar,
.chat-page .system-announcement,
.chat-page .chat-panel,
.chat-page .presence-panel,
.chat-page .room-panel{background-color:var(--theme-surface-alpha)!important;border-color:var(--theme-border)!important;backdrop-filter:blur(var(--theme-blur));-webkit-backdrop-filter:blur(var(--theme-blur))}
.chat-page .chat-panel,.chat-page .presence-panel,.chat-page .room-panel{border-radius:var(--theme-radius)!important}
.chat-page .chat-header,
.chat-page .smiley-toolbar,
.chat-page .chat-form,
.chat-page .presence-panel>h2,
.chat-page .room-panel>h2{background-color:color-mix(in srgb,var(--theme-surface) 82%,transparent)!important;border-color:var(--theme-border)!important}
.chat-page .messages{background:transparent!important}
.chat-page .room-link,
.chat-page .presence-item,
.chat-page .user-row{background-color:color-mix(in srgb,var(--theme-surface) 78%,transparent)!important;border-color:var(--theme-border)!important}
.chat-page .bubble{border-color:var(--theme-border)!important}
.chat-page .chat-form textarea{background-color:color-mix(in srgb,var(--theme-surface) 82%,white 8%)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}