/* The embedded homepage follows the main site's theme. Dark proof bands and
   paper facsimiles retain their intentional contrast in either mode. */
html.dark {
  color-scheme: dark;
  --bg: #142030;
  --bg-2: #1b293b;
  --card: #223145;
  --ink: #f4f5f8;
  --ink-2: #d3d9e3;
  --muted: #a4acbf;
  --line: #3b485a;
  --blue: #78a5ff;
  --violet: #c292ef;
  --red: #ff8585;
  --tint-blue: #253c62;
  --tint-violet: #3c2d51;
  --tint-rose: #4c2e3d;
  --proof-surface: #101a28;
}
html.dark :is(.trust, .proof, .story-next, .product-plus, .v-navy, .site-footer, .site-footer.rf) { background: var(--proof-surface); border-color: var(--line); }
html.dark :is(.talk-card, .tour-card, .hero-tab-row button.is-on) { background: var(--card); }
html.dark .talk-badge { background: var(--card); }
html.dark .answer { background: var(--card); }
html.dark .hero-live .hero-answer { background: transparent; }
html.dark .avatar { background: var(--card); }
html.dark .v-navy .avatar { background: var(--bg-2); }
html.dark .rules span.on { background: var(--blue); }
html.dark .skip { background: var(--card); color: var(--ink); }
html.dark :is(.answer-q, .kc-q, .ks-outs .is-on) { background: var(--bg); color: var(--ink); }
html.dark .hero-live .answer-q { background: transparent; }
html.dark .brand img { filter: none; }
html.dark :is(.ks-src, .ks-ghost, .ko, .ks-chat) { outline: 1px solid var(--line); }
html.dark .ks-scene::before { background-image: radial-gradient(var(--line) 1px, transparent 1.2px); }
/* Scrollbar matches the main site's colourful scrollbar (light / dark). */
html.is-embed {
  --sb-thumb: linear-gradient(to bottom, rgba(43, 111, 248, 0.55), rgba(196, 28, 192, 0.55));
  --sb-thumb-hover: linear-gradient(to bottom, rgba(43, 111, 248, 0.8), rgba(196, 28, 192, 0.8));
  --sb-solid: rgba(43, 111, 248, 0.55);
  scrollbar-width: thin;
  scrollbar-color: var(--sb-solid) transparent;
}
html.is-embed.dark {
  --sb-thumb: linear-gradient(to bottom, rgba(251, 86, 86, 0.85), rgba(43, 111, 248, 0.85));
  --sb-thumb-hover: rgba(121, 208, 190, 0.95);
  --sb-solid: rgba(251, 86, 86, 0.85);
}
html.is-embed::-webkit-scrollbar { width: 14px; height: 14px; }
html.is-embed::-webkit-scrollbar-track { background: transparent; margin: 20px 0; }
html.is-embed::-webkit-scrollbar-thumb {
  background: var(--sb-thumb);
  border-radius: 100px;
  border: 5px solid transparent;
  background-clip: content-box;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
html.is-embed::-webkit-scrollbar-thumb:hover {
  background: var(--sb-thumb-hover);
  border: 4px solid transparent;
  background-clip: content-box;
}
html.is-embed::-webkit-scrollbar-corner { background: transparent; }