/* Shares /static/theme.js and its browser preference with the signed-in app. */
.theme-button { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--ink); }
.theme-button:hover { background: var(--mint); }
.landing-appearance { width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 24px; border: 1px solid var(--line); border-radius: 18px; color: var(--ink); background: var(--paper); box-shadow: 0 24px 80px #08192b33; }
.landing-appearance::backdrop { background: #08192b80; backdrop-filter: blur(3px); }
.appearance-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.appearance-heading h2 { font-size: 24px; }
.appearance-heading .theme-button { font-size: 28px; }
.theme-setting { display: grid; gap: 8px; font-size: 14px; font-weight: 500; }
.theme-setting select { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--paper); font-size: 16px; }
.landing-appearance p { margin-top: 14px; font-size: 13px; line-height: 1.7; }
@media (max-width: 420px) {
  .header .brand img { width: 104px; }
  .header .language > span[aria-hidden] { display: none; }
  .menu-button { width: 44px; justify-content: center; }
  .menu-button > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .menu-button > span:last-child { font-size: 18px; }
}
/* Keep printed pages light. Media, photographs and video previews retain their original colors. */
@media screen {
  :root[data-theme="dark"] { color-scheme: dark; --paper: #0e1722; --ink: #e5edf5; --teal: #7ddbc6; --muted: #adbdcc; --line: #344757; --mint: #193b39; --surface: #172330; --soft: #1e2e3e; --action: #216c68; }
  [data-theme="dark"] .header { background: #0e1722f5; }
  [data-theme="dark"] .brand img { filter: brightness(0) invert(1); }
  [data-theme="dark"] .language select option { background: var(--paper); }
  [data-theme="dark"] :is(.demo-card, .solution, .solution-tags li, .industry-card, .industry-icon, .industry-questions li, .price-card, .price-card.featured) { background: var(--surface); border-color: var(--line); }
  [data-theme="dark"] :is(.why-section, .pricing-section, .brand-panel) { background: var(--surface); border-color: var(--line); }
  [data-theme="dark"] :is(.industry-conversation, .industry-card-heading, .contact-box) { background: var(--soft); border-color: var(--line); }
  [data-theme="dark"] :is(.service-icon, .price-icon), [data-theme="dark"] .industry-features li::before { background: var(--mint); color: var(--teal); }
  [data-theme="dark"] :is(.solution-price, .industry-outcomes h4, .industry-hint svg, .why-prose .why-belief, .industry-icon) { color: var(--teal); }
  [data-theme="dark"] :is(.industry-card-number, .step-number, .brand-panel-bottom) { color: var(--muted); }
  [data-theme="dark"] :is(.play-icon, .process-grid li, .why-story, .brand-panel-bottom, .contact-address, .founding-pill),
  [data-theme="dark"] .brand-orbit::before, [data-theme="dark"] .brand-orbit::after,
  [data-theme="dark"] .contact-box::before, [data-theme="dark"] .contact-box::after { border-color: var(--line); }
  [data-theme="dark"] .video-screen { background: #08192b; }
  [data-theme="dark"] .button { background: var(--action); border-color: var(--action); color: #fff; }
  [data-theme="dark"] .button:hover { background: #285d58; border-color: var(--teal); }
  [data-theme="dark"] .button.outline { background: transparent; border-color: var(--line); color: var(--teal); }
  [data-theme="dark"] .button.outline:hover { background: var(--mint); border-color: var(--teal); }
  [data-theme="dark"] .enterprise-details .button { background: #d7edcf; border-color: #d7edcf; color: #12333b; }
  [data-theme="dark"] .enterprise-details .button:hover { background: #b6d7ac; }
  [data-theme="dark"] :is(.playlist button:hover, .industry-shortcuts button:hover) { background: var(--soft); }
  [data-theme="dark"] :is(.playlist button[aria-pressed=true], .industry-shortcuts button[aria-pressed=true]) { background: var(--mint); border-color: var(--teal); color: var(--teal); }
  [data-theme="dark"] :is(.industry-card[data-active=true], .price-card.featured) { border-color: #528d84; }
  [data-theme="dark"] :is(.industry-questions li:nth-child(even), .industry-arrow, .skip) { background: var(--action); border-color: var(--action); color: #fff; }
  [data-theme="dark"] .industry-arrow:hover { background: #285d58; }
  [data-theme="dark"] .industry-arrow[aria-disabled=true] { background: transparent; border-color: var(--line); color: var(--muted); }
  [data-theme="dark"] .industry-progress { background: var(--line); }
  [data-theme="dark"] .industry-progress > span { background: var(--teal); }

  /* The adviser belongs to the same page, including its review and error states. */
  [data-theme="dark"] :is(.chat-launch-label, .website-chat, .chat-composer, .chat-message-body, .chat-input-wrap, .chat-review > textarea) { background: var(--surface); border-color: var(--line); }
  [data-theme="dark"] :is(.chat-header, .chat-toolbar) { background: var(--soft); border-color: var(--line); }
  [data-theme="dark"] :is(.chat-icon-button, .chat-toolbar select, .chat-toolbar button, .chat-composer-bottom button, .chat-back) { color: var(--teal); }
  [data-theme="dark"] :is(.chat-icon-button:hover, .chat-suggestions button, .chat-review-icon, .chat-intro-mark) { background: var(--mint); border-color: var(--line); color: var(--teal); }
  [data-theme="dark"] .chat-suggestions button:hover { background: var(--soft); border-color: var(--teal); }
  [data-theme="dark"] .chat-message-user .chat-message-body { background: var(--action); border-color: var(--action); color: #fff; }
  [data-theme="dark"] :is(.chat-message-body, .chat-recommendation-reason) { color: var(--ink); }
  [data-theme="dark"] :is(.chat-message-label, .chat-composer-bottom > span, .chat-disclosure) { color: var(--muted); }
  [data-theme="dark"] .chat-input-wrap textarea::placeholder { color: var(--muted); }
  [data-theme="dark"] .chat-recommendation { background: var(--mint); border-color: #528d84; }
  [data-theme="dark"] :is(.chat-recommendation-label, .chat-recommendation-price) { color: var(--teal); }
  [data-theme="dark"] .chat-send:disabled { background: var(--soft); color: var(--muted); }
  [data-theme="dark"] .chat-ai-badge { color: #08192b; }
  [data-theme="dark"] .chat-error { background: #382d1e; border-color: #79603d; }
  [data-theme="dark"] :is(.chat-error p, .chat-error button) { color: #f2cc8f; }
}
@media print { .theme-button, .landing-appearance { display: none !important; } }