/* Dark mode — generated from style.css (do not edit by hand). Turn on: Profile → Dark mode. */
html.dark {
  color-scheme: dark;
  --paper: #0e131d; --soft: #182031; --card: #151c2a; --line: #2a3448;
  --ink: #e8edf6; --ink-2: #c3ccdc; --muted: #8d98ae;
  --brand-soft: #3a2415; --navy-soft: #1a2640; --green-soft: #15301b; --sky-soft: #12303d; --gold-soft: #3a2e16;
  --navy-text: #a9c4f5;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 30px 80px rgba(0,0,0,.6);
}
:root { --navy-text: var(--navy); }
html.dark body { background: var(--paper); color: var(--ink); }
html.dark input, html.dark select, html.dark textarea { background-color: var(--soft); color: var(--ink); border-color: var(--line); }
html.dark input::placeholder, html.dark textarea::placeholder { color: var(--muted); }
html.dark h1, html.dark h2, html.dark h3, html.dark .display, html.dark .pane-h, html.dark .adm-title { color: var(--navy-text); }
html.dark img.logo, html.dark .brand img, html.dark .footer-logo, html.dark .modal-logo { filter: drop-shadow(0 0 1px rgba(255,255,255,.35)); }
html.dark .seo-preview { background: #fff; }   /* the Google preview stays white like Google */
html.dark ::-webkit-scrollbar { background: var(--soft); } html.dark ::-webkit-scrollbar-thumb { background: #33405a; border-radius: 8px; }

:where(html.dark) .btn-ghost { background: var(--card); }
:where(html.dark) .btn-danger { background: var(--card); border-color: var(--line); }
:where(html.dark) .site-header { background: rgba(22,29,44,.88); }
:where(html.dark) .chip-menu { background: var(--card); }
:where(html.dark) .city-bar { background: var(--card); }
:where(html.dark) .city-btn { background: var(--card); }
:where(html.dark) .city-more select { background: var(--card); }
:where(html.dark) .main-map { background: var(--soft); }
:where(html.dark) .chip { background: var(--card); }
:where(html.dark) .search { background: var(--card); }
:where(html.dark) .card-badge { background: rgba(22,29,44,.94); }
:where(html.dark) .stats div { background: var(--card); }
:where(html.dark) .stack input, :where(html.dark) .stack textarea, :where(html.dark) .stack select, :where(html.dark) .fld input, :where(html.dark) .fld textarea, :where(html.dark) .fld select, :where(html.dark) .inline-form input, :where(html.dark) .pane-tools input, :where(html.dark) .pane-tools select, :where(html.dark) .loc-search { background: var(--card); }
:where(html.dark) .modal-card { background: var(--card); }
:where(html.dark) .sl-nav { background: rgba(22,29,44,.92); }
:where(html.dark) .drop-cover.has .drop-hint { background: rgba(22,29,44,.92); }
:where(html.dark) .pick-map { background: var(--soft); }
:where(html.dark) .site-footer { background: var(--card); }
:where(html.dark) .a-row { background: var(--card); }
:where(html.dark) .admin-stats div { background: var(--card); }
:where(html.dark) .tabs button { background: var(--card); }
:where(html.dark) .dd select { background: var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23e3262e' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat; }
:where(html.dark) .pager button { background: var(--card); }
:where(html.dark) .rate-badge { background: rgba(22,29,44,.95); }
:where(html.dark) .gnav { background: var(--card); }
:where(html.dark) .notice-bar { background: var(--card); }
:where(html.dark) .pf-cover::after { background: radial-gradient(circle at 20% 120%, rgba(22,29,44,.25), transparent 50%), radial-gradient(circle at 85% -20%, rgba(22,29,44,.2), transparent 45%); }
:where(html.dark) .profile-form { background: var(--card); }
:where(html.dark) .switch span::after { background: var(--card); }
:where(html.dark) .unlock-card { background: var(--card); }
:where(html.dark) .lang { background: var(--card); }
:where(html.dark) .dd-menu { background: var(--card); }
:where(html.dark) .mk { background: var(--card); }
:where(html.dark) .reco-item { background: var(--card); }
:where(html.dark) .team-card { background: var(--card); }
:where(html.dark) .plan { background: var(--card); }
:where(html.dark) .manual-form select { background: var(--card); }
:where(html.dark) .rte { background: var(--card); }
:where(html.dark) .rte-bar button { background: var(--card); }
:where(html.dark) a { color: var(--navy-text); }
:where(html.dark) .display, :where(html.dark) .prose h1, :where(html.dark) .prose h2, :where(html.dark) .section-title, :where(html.dark) .modal h2, :where(html.dark) .post-title, :where(html.dark) .pf-name, :where(html.dark) .post-section h3, :where(html.dark) .settings-form h3 { color: var(--navy-text); }
:where(html.dark) .city-more select { color: var(--navy-text); }
:where(html.dark) .card-city { color: var(--navy-text); }
:where(html.dark) .tag-red { color: var(--navy-text); }
:where(html.dark) .pin-txt b { color: var(--navy-text); }
:where(html.dark) .pitch b { color: var(--navy-text); }
:where(html.dark) .stats div:nth-child(2) b { color: var(--navy-text); }
:where(html.dark) .promo-in { background: radial-gradient(circle at 0% 0%, rgba(242,96,12,.14), transparent 45%), radial-gradient(circle at 100% 100%, rgba(41,182,242,.18), transparent 50%), radial-gradient(circle at 100% 0%, rgba(46,139,15,.10), transparent 40%), var(--card); }
:where(html.dark) .promo-title { color: var(--navy-text); }
:where(html.dark) .bk-card { background: var(--card); }
:where(html.dark) .bk-card h3 { color: var(--navy-text); }
:where(html.dark) .bk-row select { background: var(--card); }
:where(html.dark) .pin-lbl { background: var(--card); }
:where(html.dark) .pin-lbl b { color: var(--navy-text); }
:where(html.dark) .promo-strip { color: var(--navy-text); }
:where(html.dark) .reset-btn { background: var(--card); }
:where(html.dark) .ac-list { background: var(--card); }
:where(html.dark) .ac-list li b { color: var(--navy-text); }
:where(html.dark) .sw-card { background: var(--card); }
:where(html.dark) .sw-card b { color: var(--navy-text); }
:where(html.dark) .switches.site-off .sw-card:first-child { background: var(--soft); }
:where(html.dark) .cap-new { background: var(--card); }
:where(html.dark) .secret-mask { background: repeating-linear-gradient(45deg, var(--soft) 0 10px, var(--card) 10px 20px); }
:where(html.dark) .you-are-sm { background: var(--card); }
:where(html.dark) .sec-card { border: 1.5px solid var(--line,var(--line)); background: var(--card); }
:where(html.dark) .tfa-setup { border-top: 1px dashed var(--line,var(--line)); }
:where(html.dark) .tfa-qr { border: 1.5px solid var(--line,var(--line)); }
:where(html.dark) .tfa-key code { background: var(--soft); }
:where(html.dark) .tfa-devs { border-top: 1px dashed var(--line,var(--line)); }
:where(html.dark) .sec-row { border-top: 1px dashed var(--line,var(--line)); }
:where(html.dark) .adm-side { background: var(--card); }
:where(html.dark) .adm-title { color: var(--navy-text); }
:where(html.dark) .pane-h { color: var(--navy-text); }
:where(html.dark) .subtabs button.active { color: var(--navy-text); }
:where(html.dark) .seg button.active { background: var(--card); color: var(--navy-text); }
:where(html.dark) .kpis > div { background: var(--card); }
:where(html.dark) .chart-card { background: var(--card); }
:where(html.dark) .chart-card h3 { color: var(--navy-text); }
:where(html.dark) .audit-badge.bad { background: var(--soft); color: var(--ink); }
:where(html.dark) .audit-row.fail b { color: var(--ink); }
:where(html.dark) .post-page .post-section h2 { color: var(--navy-text); }
:where(html.dark) .dz summary { color: var(--ink); }
:where(html.dark) .mon-banner h2 { color: var(--navy-text); }
:where(html.dark) .rules summary { color: var(--navy-text); }
:where(html.dark) .apply-form { background: var(--card); }
:where(html.dark) .apply-form h2 { color: var(--navy-text); }
:where(html.dark) .chip-btn2 { background: var(--card); }
:where(html.dark) .live-btn { color: var(--ink); border-color: var(--line); }
:where(html.dark) .live-banner { color: var(--ink); }
:where(html.dark) .live-banner b { color: var(--ink); }
:where(html.dark) .live-banner .link { color: var(--ink); }
:where(html.dark) .live-warn { background: var(--soft); color: var(--ink); }
:where(html.dark) .live-head { background: var(--card); color: var(--ink); }
:where(html.dark) .chat-app { background: var(--card); }
:where(html.dark) .chat-side-head h1 { color: var(--navy-text); }
:where(html.dark) .chat-rules { color: var(--navy-text); }
:where(html.dark) .chat-msgs { background: var(--soft); }
:where(html.dark) .msg-b { background: var(--card); }
:where(html.dark) .live-you { background: var(--card); color: var(--ink); }
:where(html.dark) .bell { background: var(--card); }
:where(html.dark) .n-item { background: var(--card); }
:where(html.dark) .consent-in { background: var(--card); }
:where(html.dark) .btn-report { color: var(--ink); }
:where(html.dark) .vt-btn { background: var(--card); }
:where(html.dark) .vt-btn.on { border-color: var(--line); background: var(--soft); color: var(--ink); }
:where(html.dark) .menu-row { background: var(--card); }
:where(html.dark) .n-pop { background: var(--card); }
:where(html.dark) .n-pop b { color: var(--navy-text); }
:where(html.dark) .chat-dock { background: var(--card); }
:where(html.dark) body.bare { background: var(--card); }
:where(html.dark) .chat-me select { color: var(--navy-text); }
:where(html.dark) .chat-friends summary { color: var(--navy-text); }
:where(html.dark) .logo-edit img { background: repeating-conic-gradient(var(--soft) 0 25%, var(--card) 0 50%) 0 0 / 16px 16px; }
:where(html.dark) .seo-preview { background: var(--card); }
:where(html.dark) .seo-preview .sp-url { color: var(--ink); }
:where(html.dark) .seo-preview .sp-title { color: var(--ink); }
:where(html.dark) .recent-h { color: var(--navy-text); }
:where(html.dark) .rp-card { background: var(--card); }
:where(html.dark) .rp-photo .rp-slide > img.logo { background: var(--card); }
:where(html.dark) .rp-prof b, :where(html.dark) .rp-det b { color: var(--navy-text); }
:where(html.dark) .rp-nav { background: rgba(22,29,44,.92); color: var(--navy-text); }
:where(html.dark) .multi-dd summary { background: var(--card); }
:where(html.dark) .multi-list { background: var(--card); }