/* The public website at night. */
@media screen and (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) { --card: #1c1a3d; --soft: #232248; --line: rgba(183, 178, 214, .2); color-scheme: dark; }
  :root:not([data-mode="light"]) body { background: #12102b; color: var(--ink); }
  :root:not([data-mode="light"]) .site-head, :root:not([data-mode="light"]) .site-head.scrolled { background: rgba(28, 26, 61, .82); box-shadow: 0 0 0 1px rgba(183, 178, 214, .14), 0 14px 50px rgba(0, 0, 0, .4); }
  :root:not([data-mode="light"]) .menu[open] nav { background: #1c1a3d; }
  :root:not([data-mode="light"]) .nav-inline a:hover { background: var(--soft); color: var(--brand-text); }
  :root:not([data-mode="light"]) .hero { background: radial-gradient(60% 50% at 0% 0%, rgba(254, 40, 207, .16), transparent 70%), radial-gradient(50% 50% at 100% 90%, rgba(241, 136, 32, .12), transparent 70%), #12102b; }
  :root:not([data-mode="light"]) .ft-art, :root:not([data-mode="light"]) .story-art, :root:not([data-mode="light"]) .fdlg-art, :root:not([data-mode="light"]) .shuffle { background: #232248; }
  :root:not([data-mode="light"]) .touch-card { background: #232248; }
  :root:not([data-mode="light"]) .chip.st-soon { background: var(--brand-soft); color: var(--brand-text); }
  :root:not([data-mode="light"]) .fdlg-body .fine { background: rgba(241, 136, 32, .14); color: #ffd9a8; }
  :root:not([data-mode="light"]) .scholartab { background: linear-gradient(135deg, #232248, #2a2140); }
  :root:not([data-mode="light"]) .btn.ghost-dark { color: var(--brand-text); border-color: var(--brand-text); }
  :root:not([data-mode="light"]) .ftile { border-color: var(--line); }
  :root:not([data-mode="light"]) .dv-board b, :root:not([data-mode="light"]) .dv-tab b { color: #12102b; }
  :root:not([data-mode="light"]) .dv-board, :root:not([data-mode="light"]) .dv-tab { background: #f1effc; }
  :root:not([data-mode="light"]) .site-foot { background: #0d0b22; }
  :root:not([data-mode="light"]) .logo img.logo-on-light { display: none; }
  :root:not([data-mode="light"]) .logo img.logo-on-dark { display: block; }
  :root:not([data-mode="light"]) .partner-band, :root:not([data-mode="light"]) .how-panel, :root:not([data-mode="light"]) .commit-panel { background: #3d358c; }
  :root:not([data-mode="light"]) .nav-inline a:hover, :root:not([data-mode="light"]) .h-line.brand, :root:not([data-mode="light"]) .rows a:hover, :root:not([data-mode="light"]) .learn, :root:not([data-mode="light"]) .rows button:hover, :root:not([data-mode="light"]) .sc .soon, :root:not([data-mode="light"]) .mini-rc i, :root:not([data-mode="light"]) .ft-more, :root:not([data-mode="light"]) .mt-row span:last-child, :root:not([data-mode="light"]) .mt-maprow i, :root:not([data-mode="light"]) .mc-row b, :root:not([data-mode="light"]) .mb-row b, :root:not([data-mode="light"]) .mt-notes .arrow, :root:not([data-mode="light"]) .ft-ico { color: var(--brand-text); }
  :root:not([data-mode="light"]) .btn.pill-white:hover { color: #3d358c; }
  :root:not([data-mode="light"]) .sc .soon { background: var(--brand-soft); }
  :root:not([data-mode="light"]) .fchip.on { background: #3d358c; border-color: #3d358c; }
  :root:not([data-mode="light"]) .fchip.on span { background: rgba(0, 0, 0, .28); color: #fff; }
  :root:not([data-mode="light"]) .mc-head span, :root:not([data-mode="light"]) .mt-radar .ax, :root:not([data-mode="light"]) .hint { color: var(--ink-2); }
  :root:not([data-mode="light"]) .chip.st-now { color: #5fd39a; }
  :root:not([data-mode="light"]) .contact-card { background: #232248; }
}
@media screen {
:root[data-mode="dark"] { --card: #1c1a3d; --soft: #232248; --line: rgba(183, 178, 214, .2); color-scheme: dark; }
:root[data-mode="dark"] body { background: #12102b; color: var(--ink); }
:root[data-mode="dark"] .site-head, :root[data-mode="dark"] .site-head.scrolled { background: rgba(28, 26, 61, .82); box-shadow: 0 0 0 1px rgba(183, 178, 214, .14), 0 14px 50px rgba(0, 0, 0, .4); }
:root[data-mode="dark"] .menu[open] nav { background: #1c1a3d; }
:root[data-mode="dark"] .nav-inline a:hover { background: var(--soft); color: var(--brand-text); }
:root[data-mode="dark"] .hero { background: radial-gradient(60% 50% at 0% 0%, rgba(254, 40, 207, .16), transparent 70%), radial-gradient(50% 50% at 100% 90%, rgba(241, 136, 32, .12), transparent 70%), #12102b; }
:root[data-mode="dark"] .ft-art, :root[data-mode="dark"] .story-art, :root[data-mode="dark"] .fdlg-art, :root[data-mode="dark"] .shuffle { background: #232248; }
:root[data-mode="dark"] .touch-card { background: #232248; }
:root[data-mode="dark"] .chip.st-soon { background: var(--brand-soft); color: var(--brand-text); }
:root[data-mode="dark"] .fdlg-body .fine { background: rgba(241, 136, 32, .14); color: #ffd9a8; }
:root[data-mode="dark"] .scholartab { background: linear-gradient(135deg, #232248, #2a2140); }
:root[data-mode="dark"] .btn.ghost-dark { color: var(--brand-text); border-color: var(--brand-text); }
:root[data-mode="dark"] .ftile { border-color: var(--line); }
:root[data-mode="dark"] .dv-board b, :root[data-mode="dark"] .dv-tab b { color: #12102b; }
:root[data-mode="dark"] .dv-board, :root[data-mode="dark"] .dv-tab { background: #f1effc; }
:root[data-mode="dark"] .site-foot { background: #0d0b22; }
:root[data-mode="dark"] .logo img.logo-on-light { display: none; }
:root[data-mode="dark"] .logo img.logo-on-dark { display: block; }
:root[data-mode="dark"] .partner-band, :root[data-mode="dark"] .how-panel, :root[data-mode="dark"] .commit-panel { background: #3d358c; }
:root[data-mode="dark"] .nav-inline a:hover, :root[data-mode="dark"] .h-line.brand, :root[data-mode="dark"] .rows a:hover, :root[data-mode="dark"] .learn, :root[data-mode="dark"] .rows button:hover, :root[data-mode="dark"] .sc .soon, :root[data-mode="dark"] .mini-rc i, :root[data-mode="dark"] .ft-more, :root[data-mode="dark"] .mt-row span:last-child, :root[data-mode="dark"] .mt-maprow i, :root[data-mode="dark"] .mc-row b, :root[data-mode="dark"] .mb-row b, :root[data-mode="dark"] .mt-notes .arrow, :root[data-mode="dark"] .ft-ico { color: var(--brand-text); }
:root[data-mode="dark"] .btn.pill-white:hover { color: #3d358c; }
:root[data-mode="dark"] .sc .soon { background: var(--brand-soft); }
:root[data-mode="dark"] .fchip.on { background: #3d358c; border-color: #3d358c; }
:root[data-mode="dark"] .fchip.on span { background: rgba(0, 0, 0, .28); color: #fff; }
:root[data-mode="dark"] .mc-head span, :root[data-mode="dark"] .mt-radar .ax, :root[data-mode="dark"] .hint { color: var(--ink-2); }
:root[data-mode="dark"] .chip.st-now { color: #5fd39a; }
:root[data-mode="dark"] .contact-card { background: #232248; }
}