.theme-toggle { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.theme-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle:hover { background: #8882; }
.theme-toggle:focus-visible { outline: 3px solid var(--accent, #7550ed); outline-offset: 4px; }
html[data-theme="dark"] { background: #17151c; }
html[data-theme="dark"] body.common-ground {
  color-scheme: dark; background: #17151c; color: #eee8f3;
  --accent: #b79bdf; --challenge-ink: #eee8f3; --challenge-surface: #211c29;
  --strike-ink: #f48fa3;
  --welcome-bg: #30283e; --welcome-ink: #f1e9fa; --welcome-muted: #c0b1cf;
  --welcome-input: #211c29; --welcome-button: #c9b0eb; --welcome-button-ink: #241b31;
  --welcome-border: #514260; --welcome-tab: #26202f;
}
html[data-theme="dark"] .common-ground .site-header { border-color: #39323f; }
html[data-theme="dark"] .common-ground .wordmark .slash { color: #b79bdf; }
html[data-theme="dark"] .common-ground .strike { color: #82778f; }
html[data-theme="dark"] .common-ground .strike.used { color: var(--strike-ink); }
html[data-theme="dark"] .common-ground .leaderboard > summary { border-color: #75678066; }
html[data-theme="dark"] .common-ground .leaderboard-content { border-color: #75678066; }
html[data-theme="dark"] .common-ground #combo-progress,
html[data-theme="dark"] .common-ground #combo-progress::-webkit-progress-bar { background: #75678044; }
html[data-theme="dark"] .common-ground .daily-lobby { box-shadow: 0 8px 0 #211a2c; }

/* Preserve the same pastel playing surfaces and dark ink in both themes. */
html[data-theme="dark"] .common-ground .quote-card,
html[data-theme="dark"] .common-ground .choice,
html[data-theme="dark"] .common-ground .choice-slot.is-answer { color: #302d36; color-scheme: light; }
html[data-theme="dark"] .common-ground .quote-loading .wordmark .slash { color: #8d7bac; }