/* Keep the original hero and application marquee; replace only the backdrop. */
kale-welcome-backdrop { display:block; position:fixed; inset:0; z-index:0; pointer-events:none; }
.ifrog-hero-preview__overlay { background:linear-gradient(180deg,rgba(3,8,13,.64),rgba(3,8,13,.42) 45%,rgba(3,8,13,.8)); }
@media (max-width:700px) {
  .ifrog-hero-preview__nav-title { font-size:14px; }
  .ifrog-hero-preview__copy h1 > span:last-child { display:block; }
  .ifrog-hero-preview__carousel { bottom:max(12px,env(safe-area-inset-bottom)); }
  [data-background-toggle] { font-size:10px !important; padding:6px !important; }
}
.ifrog-hero-preview__subtitle { width:90vw; max-width:1100px; white-space:normal; text-wrap:balance; font-size:clamp(15px,1.65vw,24px); line-height:1.55; }

/* Match the welcome surface while starting, without the old white modal flash. */
body:has(#app:empty) { background:#070b11; }
.runtime-config-state { background:#070b11 !important; color:#f1f5f9; }
.runtime-config-card { background:transparent !important; border:0 !important; box-shadow:none !important; padding:24px !important; max-width:calc(100vw - 48px); }
.runtime-config-title { color:#f1f5f9 !important; font-size:18px !important; }
.runtime-config-description { color:#94a3b8 !important; font-size:14px !important; }
.runtime-config-spinner { width:28px !important; height:28px !important; border-color:#243443 !important; border-top-color:#22d3ee !important; }
.runtime-config-error-detail { color:#94a3b8 !important; overflow-wrap:anywhere; }

.kale-home-heading { color:var(--app-text, #f5f5f5) !important; font-size:clamp(24px,2.4vw,42px) !important; font-weight:700 !important; letter-spacing:0 !important; line-height:1.4 !important; text-wrap:balance; }
.kale-home-heading-accent { color:#f59e0b; }
.kale-sidebar-brand-name { color:var(--app-text, #f5f5f5); font-size:15px; font-weight:700; line-height:1.3; white-space:nowrap; }
html.theme-light .kale-home-heading, html.theme-light .kale-sidebar-brand-name { color:#111111 !important; }
html:not(.theme-light) .kale-home-heading, html:not(.theme-light) .kale-sidebar-brand-name { color:#f5f5f5 !important; }


/* Monochrome provider marks are white on dark surfaces and black on light surfaces. */
html.theme-light img[src*="/brand/model-icons/v1/openai.svg"],
html.theme-light img[src*="/brand/model-icons/v1/xai.svg"] { filter: invert(1); }