/* Genesis presentation overlay for the fixed LibreChat v0.8.8 artifact.
   No application logic, credential access, or high-contrast overrides. */
html:not(.high-contrast) {
  --theme-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --theme-control-radius: 0.5rem;
  --theme-surface-radius: 0.75rem;
  --theme-large-surface-radius: 1rem;
}
html.light:not(.high-contrast) {
  --surface-primary: 245 245 247;
  --presentation: 245 245 247;
  --surface-primary-alt: 255 255 255;
  --surface-primary-contrast: 237 242 245;
  --surface-secondary: 255 255 255;
  --surface-secondary-alt: 237 242 245;
  --surface-tertiary: 237 242 245;
  --surface-tertiary-alt: 255 255 255;
  --surface-dialog: 255 255 255;
  --surface-chat: 255 255 255;
  --surface-code: 237 242 245;
  --surface-active: 229 239 250;
  --surface-active-alt: 219 233 249;
  --surface-hover: 237 242 245;
  --surface-hover-alt: 221 228 234;
  --surface-composer-hover: 237 242 245;
  --header-primary: 245 245 247;
  --header-hover: 237 242 245;
  --header-button-hover: 237 242 245;
  --text-primary: 23 32 51;
  --text-secondary: 71 85 105;
  --text-secondary-alt: 85 97 116;
  --text-tertiary: 99 110 128;
  --text-muted: 99 110 128;
  --accent-primary: 23 100 191;
  --accent-primary-hover: 18 79 153;
  --ring-primary: 23 100 191;
  --link: 23 100 191;
  --link-hover: 18 79 153;
  --surface-submit: 23 100 191;
  --surface-submit-hover: 18 79 153;
  --border-light: 221 228 234;
  --border-medium: 205 216 228;
  --border-medium-alt: 205 216 228;
  --border-heavy: 151 167 188;
}
html.dark:not(.high-contrast) {
  --surface-primary: 8 9 11;
  --presentation: 8 9 11;
  --surface-primary-alt: 23 32 51;
  --surface-primary-contrast: 32 44 64;
  --surface-secondary: 23 32 51;
  --surface-secondary-alt: 32 44 64;
  --surface-tertiary: 32 44 64;
  --surface-tertiary-alt: 23 32 51;
  --surface-dialog: 23 32 51;
  --surface-chat: 23 32 51;
  --surface-code: 23 32 51;
  --surface-active: 40 60 88;
  --surface-active-alt: 47 68 98;
  --surface-hover: 32 44 64;
  --surface-hover-alt: 47 62 85;
  --surface-composer-hover: 32 44 64;
  --header-primary: 8 9 11;
  --header-hover: 32 44 64;
  --header-button-hover: 32 44 64;
  --text-primary: 245 245 247;
  --text-secondary: 195 207 224;
  --text-secondary-alt: 169 182 201;
  --text-tertiary: 169 182 201;
  --text-muted: 169 182 201;
  --accent-primary: 130 182 255;
  --accent-primary-hover: 167 205 255;
  --ring-primary: 130 182 255;
  --link: 130 182 255;
  --link-hover: 167 205 255;
  --surface-submit: 23 100 191;
  --surface-submit-hover: 32 118 216;
  --border-light: 52 66 88;
  --border-medium: 68 85 111;
  --border-medium-alt: 68 85 111;
  --border-heavy: 113 133 162;
}
html:not(.high-contrast) body {
  font-family: var(--theme-font-family);
}
/* A decorative brand mark above the existing native navigation controls. */
div:has(> #close-sidebar-button)::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  min-height: 36px;
  margin: 2px auto 4px;
  background: url('/genesis-brand/logo.png') center / 30px 30px no-repeat;
}
html:not(.high-contrast) [data-testid^="nav-panel-"][aria-pressed="true"] {
  color: rgb(var(--accent-primary));
  background: rgb(var(--surface-active));
}
html:not(.high-contrast) #prompt-textarea {
  font-family: var(--theme-font-family);
}
html:not(.high-contrast) .bg-surface-chat:has(#prompt-textarea) {
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgb(23 32 51 / 0.06);
}
html:not(.high-contrast) #send-button:not(:disabled) {
  background: rgb(var(--surface-submit));
  color: white;
}
html:not(.high-contrast) #send-button:not(:disabled):hover {
  background: rgb(var(--surface-submit-hover));
}
@media (max-height: 600px) {
  div:has(> #close-sidebar-button)::before { height: 28px; min-height: 28px; background-size: 24px; margin: 0 auto; }
}