/* ============================================================================
   pm-theme.css — Polymarket-accurate theme. DEFAULT = LIGHT, dark via toggle.
   :root            = LIGHT (Polymarket light)
   :root[data-theme="dark"] = DARK (PM-exact dark, the site's original palette)
   Light-mode component fixes are scoped :root:not([data-theme="dark"]) so they
   apply by default. Toggle persists localStorage['pm-theme']; ?theme=light|dark.
   FAST REVERT: restore lib/template.php.bak.pmtheme (removes the 3 added lines).
   Values verbatim from polymarket.com compiled CSS (2026-06-08).
   ============================================================================ */

/* ---- LIGHT (default) = Polymarket light ----------------------------------- */
:root{
  --font-body:'Heebo','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Inter','Heebo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --bg:#ffffff; --bg-surface:#ffffff; --bg-card:#ffffff; --bg-hover:#f4f5f6; --bg-input:#f4f5f6;
  --border:#e6e8ea; --border-light:#caced3;
  --text:#0e0f11; --text-strong:#000000; --text-secondary:#77808d; --text-muted:#aeb4bc;

  --accent:#315EFF; --accent-hover:#2247d6; --accent-soft:rgba(49,94,255,0.10); --accent-glow:rgba(49,94,255,0.18);
  --green:#30a159; --green-hover:#237641; --green-soft:rgba(48,161,89,0.14); --green-bg:#ecf9f1;
  --red:#c61d1d;  --red-hover:#951616;  --red-soft:rgba(198,29,29,0.12);  --red-bg:#fcebeb;
  --yellow:#d97706; --yellow-soft:rgba(217,119,6,0.12);

  --radius:12px; --radius-sm:7px; --radius-lg:12px;
  --shadow-sm:0 1px 2px rgba(16,24,40,0.06); --shadow:0 4px 12px rgba(16,24,40,0.08); --shadow-lg:0 12px 32px rgba(16,24,40,0.12);
  --transition:150ms ease; --max-width:1360px; --header-h:56px; --subnav-h:48px;
  color-scheme:light;
}
/* Aliases for CSS vars that were referenced with a hardcoded fallback but never defined
   anywhere (so the fallback applied in BOTH themes -> stuck light or stuck dark). Each is
   mapped to an adapting token (var resolves at use-time, so it flips per theme). Verified
   each is defined 0 times elsewhere. Fixes: --text-primary (guide titles/KPI invisible on
   light), --border-color (footer divider invisible on light), --bg-primary/--bg-secondary/
   --card-bg (widgets+ask panels white in dark). Intentionally NOT aliasing --card/--surface/
   --bg-deep: their components already have light overrides, so they're not broken. */
:root{
  --text-primary: var(--text);
  --border-color: var(--border);
  --bg-primary: var(--bg-input);
  --bg-secondary: var(--bg-hover);
  --card-bg: var(--bg-card);
  --bg-card-hover: var(--bg-hover);
  --bg-alt: var(--bg-card);
  --text-dim: var(--text-muted);
  --pm-blue: var(--accent);
  --pm-red: var(--red);
  /* carried over from the repo's original alias set (drift #235 union): these two are
     referenced with theme-adapting intent and would otherwise fall back to hardcoded hex.
     --text-tertiary: guide-typography.css .pm-recommended-list arrow; --pm-green: storyline.css
     (theme-adapting vs its #2ecc71), event-render.php, worldcup.php. */
  --text-tertiary: var(--text-muted);
  --pm-green: var(--green);
  /* storyline/shortcode (--pm-*) surface palette -> follow the theme (also set in
     storyline.css; defined here so pages that don't load storyline.css still adapt). */
  --pm-bg: var(--bg);
  --pm-card: var(--bg-card);
  --pm-border: var(--border);
  --pm-text: var(--text);
  --pm-dim: var(--text-secondary);
  --pm-accent: var(--accent);
}

/* ---- DARK (toggle) = PM-exact dark (site's original palette, accent fixed) -- */
:root[data-theme="dark"]{
  --bg:#15191D; --bg-surface:#1E2428; --bg-card:#1E2428; --bg-hover:#262C34; --bg-input:#1E2428;
  --border:#242B32; --border-light:#2E353D;
  --text:#E5E7EB; --text-strong:#FFFFFF; --text-secondary:#7B8996; --text-muted:#5C6370;
  --accent:#315EFF; --accent-hover:#5478ff; --accent-soft:rgba(49,94,255,0.14); --accent-glow:rgba(49,94,255,0.28);
  --green:#3DB468; --green-hover:#35A05C; --green-soft:rgba(61,180,104,0.15); --green-bg:rgba(61,180,104,0.08);
  --red:#CB3131;  --red-hover:#B02828;  --red-soft:rgba(203,49,49,0.15);  --red-bg:rgba(203,49,49,0.08);
  --yellow:#F59E0B; --yellow-soft:rgba(245,158,11,0.12);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.3); --shadow:0 4px 12px rgba(0,0,0,0.4); --shadow-lg:0 8px 32px rgba(0,0,0,0.5);
  color-scheme:dark;
}

/* ---- theme toggle button (injected by pm-theme.js) ------------------------ */
.pm-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:10px;cursor:pointer;flex-shrink:0;background:transparent;border:none;
  color:var(--text-muted,#9aa0a6);font-size:18px;line-height:1;transition:color .15s ease;font-family:inherit}
.pm-theme-toggle:hover{color:var(--text);background:transparent}

/* ---- COMPACT pass (both themes) — Polymarket density, conservative ---------- */
:root .tp{padding:16px}
:root .pf-card{padding:18px}
:root .outcome-row-item{padding-top:9px;padding-bottom:9px}
:root .market-story{padding:16px}
:root body{letter-spacing:-.003em}

/* ===== AUTO-GENERATED LIGHT OVERRIDES (do not hand-edit; regen via gen_light.py) ===== */

:root:not([data-theme="dark"]) .lang-modal-box{background:linear-gradient(165deg,#e6e8ea 0%,#f4f5f6 100%);border:1px solid rgba(16,24,40,.08);box-shadow:0 24px 80px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .lang-opt{background:rgba(16,24,40,.03);border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .lang-opt:hover{background:rgba(16,24,40,.07);border-color:rgba(16,24,40,.14)}
:root:not([data-theme="dark"]) .cat-seo-faq-item{background:rgba(16,24,40,.03);border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .cat-seo-faq-item:hover{background:rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .cat-seo-faq-ans{border-top:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .sidebar-item{border-bottom:1px solid rgba(16,24,40,0.04)}
:root:not([data-theme="dark"]) .market-card .mc-share{background:rgba(16,24,40,0.04)}
:root:not([data-theme="dark"]) .market-card .mc-share:hover{background:rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .drill-pane{background:var(--bg, #f4f5f6);box-shadow:-12px 0 32px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) [dir="rtl"] .drill-pane{box-shadow:12px 0 32px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .drill-header{border-bottom:1px solid rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-back:hover, :root:not([data-theme="dark"]) .drill-action:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-polymarket{background:rgba(16,24,40,0.05);border:1px solid rgba(16,24,40,0.08)}
:root:not([data-theme="dark"]) .drill-polymarket:hover{background:rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) .drill-chart-wrap{background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) .drill-intervals button:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-order-book{border:1px solid rgba(16,24,40,0.08)}
:root:not([data-theme="dark"]) .drill-sticky-buy{background:var(--bg, #f4f5f6);border-top:1px solid rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-pane.inline{border:1px solid rgba(16,24,40,0.08);background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) .outcome-row-item.outcome-row-active{background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) [dir="rtl"] .outcome-row-item.outcome-row-active{background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) .drill-tabs-row{border-bottom:1px solid rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .drill-meta-row{border-top:1px solid rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .drill-intervals button:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-intervals button.active{background:rgba(16,24,40,0.10)}
:root:not([data-theme="dark"]) .drill-ob-head{border-bottom:1px solid rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .drill-ob-spread{background:rgba(16,24,40,0.03)}
:root:not([data-theme="dark"]) .outcome-row-item[onclick]:hover{background:rgba(16,24,40,0.03)}
:root:not([data-theme="dark"]) .cta-banner{background:linear-gradient(135deg, #f4f5f6 0%, #e6e8ea 100%)}
:root:not([data-theme="dark"]) .footer-social-link{background:rgba(16,24,40,.04);border:1px solid rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .mobile-bottom-nav{border-top:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .guide-pn-card{background:var(--bg-card,#f4f5f6);border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .guide-pn-card:hover{background:var(--bg-hover,#f4f5f6)}
:root:not([data-theme="dark"]) .gpn{background:#f4f5f6}
:root:not([data-theme="dark"]) .gpn:hover{box-shadow:0 24px 50px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .gpn-label{border:1px solid rgba(16,24,40,.15)}
:root:not([data-theme="dark"]) .rg-card{background:#f4f5f6}
:root:not([data-theme="dark"]) .rg-card:hover{box-shadow:0 18px 40px rgba(16,24,40,0.12)}
@media (max-width: 768px){:root:not([data-theme="dark"]) .guide-poly-bar{box-shadow:0 10px 30px rgba(61,180,104,.35), 0 2px 8px rgba(16,24,40,0.1)}}
@media (max-width: 768px){:root:not([data-theme="dark"]) .gpb-logo{background:rgba(16,24,40,.18)}}
@media (max-width: 768px){:root:not([data-theme="dark"]) .gpb-arrow{background:rgba(16,24,40,.2)}}
@media (max-width: 768px){:root:not([data-theme="dark"]) .guide-poly-bar:hover .gpb-arrow{background:rgba(16,24,40,.3)}}
:root:not([data-theme="dark"]) .outcome-row-item:hover{background:rgba(16,24,40,0.015)}
:root:not([data-theme="dark"]) .hdr-avatar-menu{background:var(--bg-surface, #f4f5f6);border:1px solid var(--border, rgba(16,24,40,.08));box-shadow:0 10px 40px rgba(16,24,40,0.12), 0 2px 8px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .avm-balance{background:rgba(16,24,40,.03)}
:root:not([data-theme="dark"]) .avm-divider{background:var(--border, rgba(16,24,40,.06))}
:root:not([data-theme="dark"]) .avm-item:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .tm-modal{background:#f4f5f6;box-shadow:0 24px 80px rgba(16,24,40,0.12), 0 0 0 1px rgba(255,255,255,0.05) inset}
:root:not([data-theme="dark"]) .tm-stat{background:linear-gradient(180deg, rgba(16,24,40,.04) 0%, rgba(16,24,40,.01) 100%),
      var(--bg-surface)}
:root:not([data-theme="dark"]) .tm-stat:hover{border-color:rgba(16,24,40,.18);box-shadow:0 6px 20px -8px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .tm-modal-cta-login{background:rgba(16,24,40,.05) !important;border:1px solid rgba(16,24,40,.12) !important}
:root:not([data-theme="dark"]) .tm-modal-cta-login:hover{background:rgba(16,24,40,.09) !important;border-color:rgba(16,24,40,.22) !important}
:root:not([data-theme="dark"]) .tp-ordertype{background:var(--bg-card,#f4f5f6);border:1px solid var(--border,#e6e8ea)}
:root:not([data-theme="dark"]) .tp-ot.active{background:var(--bg-hover,#e6e8ea);box-shadow:0 1px 0 rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .tp-limit-section{background:var(--bg-card,#f4f5f6);border:1px solid var(--border,#e6e8ea)}
:root:not([data-theme="dark"]) .tp-limit-section .tp-amount-input{background:var(--bg-input,#f4f5f6);border:1px solid var(--border,#e6e8ea)}
:root:not([data-theme="dark"]) .hdr-poly-cta, :root:not([data-theme="dark"]) .hdr-deposit{box-shadow:0 1px 2px rgba(16,24,40,0.072),0 1px 0 rgba(255,255,255,.04) inset}
:root:not([data-theme="dark"]) .hdr-poly-cta:hover, :root:not([data-theme="dark"]) .hdr-deposit:hover, :root:not([data-theme="dark"]) .tm-toggle:hover{box-shadow:0 2px 6px rgba(16,24,40,0.112),0 1px 0 rgba(255,255,255,.06) inset}
:root:not([data-theme="dark"]) .hdr-poly-cta:active, :root:not([data-theme="dark"]) .hdr-deposit:active, :root:not([data-theme="dark"]) .tm-toggle:active{box-shadow:inset 0 1px 2px rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) .mdr-auth-btn{box-shadow:0 1px 2px rgba(16,24,40,0.072)}
:root:not([data-theme="dark"]) .mdr-auth-btn:active{box-shadow:inset 0 1px 2px rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) #mobile-drawer{background:var(--bg-surface,#f4f5f6);box-shadow:-8px 0 32px rgba(16,24,40,0.12)}
@media (max-width:768px){:root:not([data-theme="dark"]) .tp{background:var(--bg-surface,#e6e8ea);box-shadow:0 -8px 32px rgba(16,24,40,0.12)}}
@media (max-width:768px){:root:not([data-theme="dark"]) .tp-cta-bar{box-shadow:0 -8px 24px rgba(16,24,40,0.12)}}
:root:not([data-theme="dark"]) .site-topbar{background:linear-gradient(90deg,#f4f5f6 0%,#f4f5f6 40%,#f4f5f6 100%)}
:root:not([data-theme="dark"]) .subnav-pin:hover, :root:not([data-theme="dark"]) .subnav-scroll a:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .subnav-scroll a.active{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .subnav-scroll .subnav-hot{background:rgba(16,24,40,.04);border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .home-hero{border-bottom:1px solid rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .home-hero-btn-secondary{background:rgba(16,24,40,.06);border:1px solid rgba(16,24,40,.12)}
:root:not([data-theme="dark"]) .home-hero-btn-secondary:hover{background:rgba(16,24,40,.1)}
:root:not([data-theme="dark"]) .hht-pill{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .hsa-card{border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .hsa-card-head{border-bottom:1px solid rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .hsa-row{border-bottom:1px solid rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .hsa-row-link:hover{background:rgba(16,24,40,.03)}
:root:not([data-theme="dark"]) .hsa-cta-all{border-top:1px solid rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .ham-tabs{border-bottom:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .ham-tab:hover{background:rgba(16,24,40,.04);border-color:rgba(16,24,40,.18)}
:root:not([data-theme="dark"]) .training-cta-secondary{background:rgba(16,24,40,.06);border:1px solid rgba(16,24,40,.12)}
:root:not([data-theme="dark"]) .training-cta-secondary:hover{background:rgba(16,24,40,.1)}
:root:not([data-theme="dark"]) .training-step{border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .training-who-card{border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pcard-soon{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .account-tier-free{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .account-stat{background:var(--surface-2,rgba(16,24,40,.03))}
:root:not([data-theme="dark"]) .account-confirm-modal{box-shadow:0 24px 64px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .auth-modal-box{background:linear-gradient(165deg,#e6e8ea 0%,#f4f5f6 100%);border:1px solid rgba(16,24,40,.08);box-shadow:0 24px 80px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .auth-modal-oauth-soon{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .logout-modal-box{background:linear-gradient(165deg,#e6e8ea 0%,#f4f5f6 100%);border:1px solid rgba(16,24,40,.08);box-shadow:0 24px 80px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .logout-modal-cancel:hover{background:rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .training-hero-v2{background:radial-gradient(120% 80% at 50% 0%,rgba(0,147,253,.10) 0%,rgba(63,185,80,.05) 35%,transparent 65%),linear-gradient(180deg,rgba(16,24,40,.02),transparent);border:1px solid rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .training-hero-v2 .phero-btn-ghost{background:rgba(16,24,40,.04);border:1px solid rgba(16,24,40,.14);box-shadow:0 1px 2px rgba(16,24,40,0.072)}
:root:not([data-theme="dark"]) .training-hero-v2 .phero-btn-ghost:hover{background:rgba(16,24,40,.08);border-color:rgba(16,24,40,.22)}
:root:not([data-theme="dark"]) .thero-stat{background:rgba(16,24,40,.03);border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .training-hero-v2 .pricing-free-feats{border-top:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .training-steps-v2 .training-step{background:linear-gradient(180deg,rgba(16,24,40,.02),transparent);border:1px solid rgba(16,24,40,.07)}
:root:not([data-theme="dark"]) .training-steps-v2 .training-step:hover{box-shadow:0 10px 30px rgba(16,24,40,0.072)}
:root:not([data-theme="dark"]) .pcard-topup:hover{box-shadow:0 12px 32px rgba(16,24,40,0.072)}
:root:not([data-theme="dark"]) .pcard-topup .pcard-soon{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .pcard-price-v2{border-bottom:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .training-page .pricing-faq details{background:rgba(16,24,40,.02)}
:root:not([data-theme="dark"]) .gsec-intro{background:radial-gradient(900px 360px at 12% 14%, rgba(0,147,253,.18), transparent 65%),
        radial-gradient(800px 380px at 92% 86%, rgba(168,85,247,.14), transparent 60%),
        linear-gradient(180deg, #f4f5f6 0%, #f4f5f6 100%)}
:root:not([data-theme="dark"]) .gsec-intro::before{background-image:linear-gradient(rgba(16,24,40,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16,24,40,.035) 1px, transparent 1px)}
:root:not([data-theme="dark"]) .gcard{background:#f4f5f6}
:root:not([data-theme="dark"]) .gcard:hover{box-shadow:0 28px 60px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .gcard-num{border:1px solid rgba(16,24,40,.18)}
:root:not([data-theme="dark"]) .gcard-read::after{border:1px solid rgba(16,24,40,.3);box-shadow:0 4px 10px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .pm-gate{background:var(--surface, #f4f5f6);border:1px solid var(--border, #e6e8ea);box-shadow:0 24px 60px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .pm-gate-close:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pm-gate-opt{background:var(--bg-surface, #f4f5f6);border:1px solid var(--border, #e6e8ea)}
:root:not([data-theme="dark"]) .pm-kpi-cell{border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .pm-kpi-trend{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pm-ft-wrap{border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .pm-ft{background:var(--bg-card,#f4f5f6)}
:root:not([data-theme="dark"]) .pm-ft thead th{border-bottom:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .pm-ft tbody td{border-bottom:1px solid rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .pm-mc{background:var(--bg-card,#f4f5f6);border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .pm-mc:hover{background:var(--bg-hover,#f4f5f6)}
:root:not([data-theme="dark"]) .pm-mc-img{background:#e6e8ea}
:root:not([data-theme="dark"]) .pm-ts{border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .pm-ts-field input{background:var(--bg-card,#f4f5f6);border:1px solid var(--border,rgba(16,24,40,.1))}
:root:not([data-theme="dark"]) .pm-ts-out{border-inline-start:2px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pm-q{background:var(--bg-card,#f4f5f6);border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .pm-q-opt{background:var(--bg-hover,#f4f5f6);border:1px solid var(--border,rgba(16,24,40,.08))}
:root:not([data-theme="dark"]) .lb-row{background:var(--card,#f4f5f6)}
:root:not([data-theme="dark"]) .lb-empty{background:var(--card,#f4f5f6)}
:root:not([data-theme="dark"]) .tpx-section + .tpx-section{border-top:1px solid rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .tpx-how{background:linear-gradient(180deg,#f4f5f6 0%,#ffffff 100%)}
:root:not([data-theme="dark"]) .tpx-topup{background:radial-gradient(1200px 600px at 50% 0%,rgba(99,102,241,.07),transparent 60%),#ffffff}
:root:not([data-theme="dark"]) .tpx-ai{background:#f4f5f6}
:root:not([data-theme="dark"]) .tpx-faq{background:#ffffff}
:root:not([data-theme="dark"]) .tpx-final{background:linear-gradient(180deg,#ffffff 0%,#ffffff 100%)}
:root:not([data-theme="dark"]) .tpx-hero{background:#ffffff}
:root:not([data-theme="dark"]) .tpx-grid-bg{background-image:linear-gradient(rgba(16,24,40,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.025) 1px,transparent 1px)}
:root:not([data-theme="dark"]) .tpx-btn-ghost{background:rgba(16,24,40,.04);border:1px solid rgba(16,24,40,.12)}
:root:not([data-theme="dark"]) .tpx-btn-ghost:hover{background:rgba(16,24,40,.08);border-color:rgba(16,24,40,.2)}
:root:not([data-theme="dark"]) .tpx-hstat{background:linear-gradient(135deg,rgba(16,24,40,.04),rgba(16,24,40,.01));border:1px solid rgba(16,24,40,.08);box-shadow:0 8px 24px rgba(16,24,40,0.12),inset 0 1px 0 rgba(255,255,255,.05)}
:root:not([data-theme="dark"]) .tpx-hstat:hover{border-color:rgba(16,24,40,.14)}
:root:not([data-theme="dark"]) .tpx-eyebrow{background:rgba(16,24,40,.04);border:1px solid rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .tpx-step{background:linear-gradient(180deg,rgba(16,24,40,.04),rgba(16,24,40,.015));border:1px solid rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .tpx-tier{background:linear-gradient(180deg,rgba(16,24,40,.045) 0%,rgba(16,24,40,.015) 100%);border:1px solid rgba(16,24,40,.1);box-shadow:0 12px 40px rgba(16,24,40,0.12),inset 0 1px 0 rgba(255,255,255,.06)}
:root:not([data-theme="dark"]) .tpx-tier::before{background:linear-gradient(180deg,rgba(16,24,40,.18),transparent 50%)}
:root:not([data-theme="dark"]) .tpx-tier:hover{box-shadow:0 20px 50px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .tpx-tier-soon{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .tpx-tier-price{border:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .tpx-tier-cta{background:rgba(16,24,40,.04);border:1px solid rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .tpx-fineprint{background:rgba(16,24,40,.025);border:1px dashed rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .tpx-ai-card{background:linear-gradient(135deg,#f4f5f6 0%,#e6e8ea 100%)}
:root:not([data-theme="dark"]) .tpx-ai-mesh{background-image:linear-gradient(rgba(16,24,40,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.03) 1px,transparent 1px)}
:root:not([data-theme="dark"]) .tpx-ai-price{background:rgba(16,24,40,.06);border:1px solid rgba(16,24,40,.1)}
:root:not([data-theme="dark"]) .tpx-ai-form input{border:1px solid rgba(16,24,40,.12)}
:root:not([data-theme="dark"]) .tpx-ai-feats{border-inline-start:1px solid rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .tpx-faq-item{border:1px solid rgba(16,24,40,.08);background:rgba(16,24,40,.025)}
@media (max-width:980px){:root:not([data-theme="dark"]) .tpx-ai-feats{border-top:1px solid rgba(16,24,40,.06)}}
:root:not([data-theme="dark"]) .market-tabs-panel .mt-clamp::after{background:linear-gradient(180deg,transparent,var(--bg,#f4f5f6) 90%)}
:root:not([data-theme="dark"]) .market-tabs-panel .mt-src{background:var(--bg-surface,#e6e8ea)}
:root:not([data-theme="dark"]) .article-byline{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .apn-card{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .article-author-box{background:linear-gradient(180deg, rgba(110,168,255,.06), transparent), var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .mg-card{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .mg-thumb{background:var(--bg-deep, #f4f5f6)}
:root:not([data-theme="dark"]) .author-profile-head{background:linear-gradient(180deg, rgba(110,168,255,.08), transparent), var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .author-profile-avatar{box-shadow:0 6px 24px rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) .guide-hero-figure{background:var(--bg-deep, #f4f5f6)}
:root:not([data-theme="dark"]) .gsec-intro{background:radial-gradient(900px 380px at 12% 14%, rgba(0,147,253,.22), transparent 65%),
        radial-gradient(800px 380px at 92% 86%, rgba(168,85,247,.18), transparent 60%),
        linear-gradient(180deg, #f4f5f6 0%, #f4f5f6 100%)}
:root:not([data-theme="dark"]) .gcard-read::after{border:2px solid rgba(16,24,40,.18)}
:root:not([data-theme="dark"]) .mg-card:hover{box-shadow:0 10px 30px rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) .article-toc-wrap .sidebar-section{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-code-tabs{background:var(--bg-deep, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-code-tabs .pmct-bar{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-code-tabs .pmct-panel{background:var(--bg-deep, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-aff-card{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-aff-primary{background:linear-gradient(180deg, rgba(110,168,255,.08), transparent), var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-aff-callout{background:linear-gradient(180deg, rgba(110,168,255,.10), transparent), var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .author-card{background:linear-gradient(180deg, rgba(110,168,255,.06), transparent), var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .author-card .author-avatar{box-shadow:0 4px 16px rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) .bot-hero{background:radial-gradient(900px 380px at 12% 14%, rgba(0,147,253,.20), transparent 65%),
        radial-gradient(800px 380px at 92% 86%, rgba(168,85,247,.16), transparent 60%),
        linear-gradient(180deg, #f4f5f6 0%, #f4f5f6 100%)}
@media (max-width: 768px){:root:not([data-theme="dark"]) .bot-mob-sheet{box-shadow:0 -16px 40px rgba(16,24,40,0.12)}}
:root:not([data-theme="dark"]) .ssm-shell{box-shadow:0 24px 60px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .article-body .article-toc{background:linear-gradient(180deg, rgba(0,147,253,.05), transparent), var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .article-body .article-sources{background:var(--bg-deep, #f4f5f6)}
:root:not([data-theme="dark"]) .article-body .article-sources li a{border-bottom:1px dashed rgba(16,24,40,.15)}
:root:not([data-theme="dark"]) .pm-skeleton{background:linear-gradient(90deg,
        var(--bg-surface, #f4f5f6) 0%,
        rgba(16,24,40,.05) 50%,
        var(--bg-surface, #f4f5f6) 100%)}
:root:not([data-theme="dark"]) .pm-skeleton-card::before{background:linear-gradient(90deg,
        transparent 0%, rgba(16,24,40,.04) 50%, transparent 100%)}
@media (max-width: 768px){:root:not([data-theme="dark"]) .auth-modal-box::before{background:rgba(16,24,40,.18)}}
@media (max-width: 768px){:root:not([data-theme="dark"]) .ssm-shell::before{background:rgba(16,24,40,.18)}}
:root:not([data-theme="dark"]) .tp-quick-chip{background:var(--bg-surface, #f4f5f6)}
:root:not([data-theme="dark"]) .pm-ticker{background:#ffffff}
:root:not([data-theme="dark"]) .snm-btn:hover, :root:not([data-theme="dark"]) .snm-wrap.open .snm-btn{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .snm-i:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .hdr-avatar-menu .avm-wallet{background:linear-gradient(135deg, rgba(16,24,40,0.04), rgba(16,24,40,0.01))}
:root:not([data-theme="dark"]) .hdr-avatar-menu .avm-wallet:hover{background:linear-gradient(135deg, rgba(16,24,40,0.06), rgba(16,24,40,0.02))}
:root:not([data-theme="dark"]) .header-nav .snm-btn:hover, :root:not([data-theme="dark"]) .header-nav .snm-wrap.open .snm-btn{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .snm-cnt{background:rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .og-count{background:rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .tp-header{border-bottom:1px solid rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .tp-ot-menu{box-shadow:0 6px 20px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .tp-outcome{background:#e6e8ea}
:root:not([data-theme="dark"]) .tp-outcome:hover{background:#e6e8ea}
:root:not([data-theme="dark"]) .tp-stepper{background:#e6e8ea}
:root:not([data-theme="dark"]) .tp-stepper button:hover{background:#e6e8ea}
:root:not([data-theme="dark"]) .tp-chips button{background:#e6e8ea}
:root:not([data-theme="dark"]) .tp-chips button:hover{background:#e6e8ea}
:root:not([data-theme="dark"]) .tpg-modal{box-shadow:0 24px 60px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .pf-sell-modal{background:var(--bg-card,#e6e8ea);border:1px solid var(--border,#e6e8ea);box-shadow:0 24px 60px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .pf-sell-head{border-bottom:1px solid var(--border,#e6e8ea)}
:root:not([data-theme="dark"]) .pf-sell-close:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pf-sell-slider{background:var(--bg-card-hover,#e6e8ea)}
:root:not([data-theme="dark"]) .pf-sell-slider::-webkit-slider-thumb{box-shadow:0 2px 8px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .pf-sell-slider::-moz-range-thumb{box-shadow:0 2px 8px rgba(16,24,40,0.12)}
:root:not([data-theme="dark"]) .pf-sell-tick{background:var(--bg-card-hover,#e6e8ea)}
:root:not([data-theme="dark"]) .pf-sell-tick:hover{border-color:var(--border,#e6e8ea)}
:root:not([data-theme="dark"]) .pf-sell-btn-secondary{background:var(--bg-card-hover,#e6e8ea);border:1px solid var(--border,#e6e8ea)}
:root:not([data-theme="dark"]) .pf-sell-btn-secondary:hover{background:var(--border,#e6e8ea)}
/* ============================================================================
   PM-EXACT METRICS — Polymarket parity layer (applies in BOTH themes).
   Matches polymarket.com dimensions: radius .7rem, responsive 1/2/3/4 grid,
   h-9 outcome rows, 28px rounded-sm icons, tokenized green/red buy buttons,
   compact trade panel. Appended to pm-theme.css. Revert = restore template bak.
   ============================================================================ */

/* radius — PM: base .7rem≈11, sm radius-4≈7, md≈9 */
:root{ --radius:11px; --radius-sm:7px; --radius-lg:11px; --radius-md:9px; }

/* ---- Market grid: ONE-KNOB columns (#456) ----------------------------------
   --mg-cols is THE knob. Defaults: full-width surface = 4/row; next to a
   sidebar (.page-layout with a .page-sidebar, event .ev-cols) = 3/row;
   tablet = 2/row; mobile (<=768px) = ALWAYS 1/row (that rule is !important
   by design - do not out-specific it). To retune any surface, set --mg-cols
   on its grid; no new grid-template-columns rules. */
.markets-grid,.similar-markets-grid{ --mg-cols:4; grid-template-columns:repeat(var(--mg-cols),minmax(0,1fr)) !important; gap:12px !important; }
@media (min-width:1025px){
  .page-layout:not(.page-layout--full) .page-main .markets-grid,
  .ev-cols .ev-main .markets-grid{ --mg-cols:3; }
}
@media (max-width:1279px){ .markets-grid,.similar-markets-grid{ --mg-cols:3; } }
@media (max-width:1023px){ .markets-grid,.similar-markets-grid{ --mg-cols:2; } }
@media (max-width:768px){ .markets-grid,.similar-markets-grid{ --mg-cols:1 !important; } }

/* Flag-emoji fallback (#456): self-hosted SVG sized like the glyph it replaces. */
.emoji-flag{ width:1em; height:1em; vertical-align:-0.12em; border-radius:2px; }

/* #232: WC entity pages (player/team/group) — their market cards live in the
   narrow sidebar'd .wcx-main column, so the global 4-up grid above is too
   cramped. 3-up on desktop; single column on mobile (<=768px) ALWAYS, every
   breakpoint, no exceptions. grid-template-columns is direction-agnostic ->
   RTL (he/ar) safe. Overrides the !important global grid (same layer). */
.page-wcx .wcx-main .markets-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
@media (max-width:768px){ .page-wcx .wcx-main .markets-grid{ grid-template-columns:minmax(0,1fr) !important; } }

/* ---- Outcome rows (signature component) — PM exact ------------------------- */
.outcome-row-item{ padding:8px 12px; border-radius:0; gap:12px; }  /* #949 (operator): flat rows, no rounding */
.outcome-row-name{ font-size:15px; font-weight:500; line-height:1.25; }
.outcome-row-vol{ font-size:12px; font-weight:500; margin-top:2px; }
.outcome-row-pct{ font-size:18px; font-weight:700; font-variant-numeric:tabular-nums; min-width:auto; }
.outcome-row-img{ width:28px; height:28px; border-radius:6px; }
.outcome-row-buys{ gap:8px; }
/* Buy Yes / No — tokenized (fixes light mode) + PM fill-on-hover */
.outcome-buy{ padding:8px 14px; font-size:13px; font-weight:600; border-radius:8px; min-width:96px; transition:var(--transition); }
.outcome-buy.yes{ background:var(--green-soft); color:var(--green); }
.outcome-buy.no{ background:var(--red-soft); color:var(--red); }
.outcome-buy.yes:hover{ background:var(--green); color:#fff; }
.outcome-buy.no:hover{ background:var(--red); color:#fff; }

/* ---- Trade panel — PM compact, crisp radii -------------------------------- */
.tp{ padding:16px; border-radius:11px; }
.tp-outcome{ border-radius:8px; }
.tp-cta{ border-radius:8px; font-weight:700; }
.tp-tab{ font-size:16px; }
.tp-stepper,.tp-shares-section .tp-stepper{ border-radius:8px; }

/* ---- Buttons / inputs radius consistency (PM rounded-md ≈ 9) --------------- */
.pf-btn,.pf-tool-btn,.tp-tool-btn,.btn,.cta-yes,.cta-no{ border-radius:9px; }
.hdr-search input,.pf-search,.tp-shares-input,input[type="text"].search{ border-radius:9px; }

/* ---- Sidebar similar-markets gap to PM 12 --------------------------------- */
.sidebar-item{ padding:8px 0; }
.item-odds{ font-variant-numeric:tabular-nums; }

/* ---- Category strip pills: PM snap scroll feel ---------------------------- */
.subnav-inner,.subnav .container{ scroll-snap-type:x proximity; }

/* ===== LIGHT-MODE COLOR SYSTEM (comprehensive, authoritative) — 2026-06-08 ===== */
:root:not([data-theme="dark"]) .article-body p, :root:not([data-theme="dark"]) .article-body li{color:var(--text)}
:root:not([data-theme="dark"]) .article-body strong, :root:not([data-theme="dark"]) .article-body h2, :root:not([data-theme="dark"]) .article-body h3, :root:not([data-theme="dark"]) .article-body h4{color:var(--text-strong)}
:root:not([data-theme="dark"]) .article-body blockquote{color:var(--text-secondary)}
:root:not([data-theme="dark"]) .pm-ticker{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-ticker .tk-i .u{color:var(--text)}
:root:not([data-theme="dark"]) .pm-ticker .tk-i .px, :root:not([data-theme="dark"]) .pm-ticker-track{color:var(--text-secondary)}
:root:not([data-theme="dark"]) @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); :root{border-color:var(--border)}
:root:not([data-theme="dark"]) .lang-modal-box{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .lang-modal-x:hover{color:var(--text)}
:root:not([data-theme="dark"]) .lang-modal-title{color:var(--text)}
:root:not([data-theme="dark"]) .lang-opt{background:rgba(16,24,40,.03);border-color:var(--border);color:var(--text)}
:root:not([data-theme="dark"]) .lang-opt:hover{background:rgba(16,24,40,.07);border-color:var(--border)}
:root:not([data-theme="dark"]) .cat-seo-faq-item{background:rgba(16,24,40,.03);border-color:var(--border)}
:root:not([data-theme="dark"]) .cat-seo-faq-item:hover{background:rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .cat-seo-faq-ans{border-color:var(--border)}
:root:not([data-theme="dark"]) .subnav a:hover{color:var(--text)}
:root:not([data-theme="dark"]) .subnav a.active{color:var(--text)}
:root:not([data-theme="dark"]) .subnav a.hot{color:var(--text)}
:root:not([data-theme="dark"]) .sidebar-item{border-color:var(--border)}
:root:not([data-theme="dark"]) .section-title{color:var(--text)}
:root:not([data-theme="dark"]) .market-card .mc-share{background:rgba(16,24,40,0.04)}
:root:not([data-theme="dark"]) .market-card .mc-share:hover{background:rgba(16,24,40,0.12);color:var(--text)}
:root:not([data-theme="dark"]) .drill-pane{background:var(--bg-card)}
:root:not([data-theme="dark"]) .drill-header{border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-back:hover, :root:not([data-theme="dark"]) .drill-action:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-polymarket{background:rgba(16,24,40,0.05);border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-polymarket:hover{background:rgba(16,24,40,0.1)}
:root:not([data-theme="dark"]) .drill-chart-wrap{background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) .drill-intervals button:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .drill-order-book{border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-sticky-buy{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-pane.inline{background:rgba(16,24,40,0.02);border-color:var(--border)}
:root:not([data-theme="dark"]) .outcome-row-item.outcome-row-active{background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) [dir="rtl"] .outcome-row-item.outcome-row-active{background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) .drill-tabs-row{border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-meta-row{border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-intervals button.active{background:rgba(16,24,40,0.10)}
:root:not([data-theme="dark"]) .drill-ob-head{border-color:var(--border)}
:root:not([data-theme="dark"]) .drill-ob-spread{background:rgba(16,24,40,0.03)}
:root:not([data-theme="dark"]) .outcome-row-item[onclick]:hover{background:rgba(16,24,40,0.03)}
:root:not([data-theme="dark"]) .cat-seo-cta:hover{color:var(--text)}
:root:not([data-theme="dark"]) .cta-banner{background:var(--bg-card)}
:root:not([data-theme="dark"]) .footer-social-link{background:rgba(16,24,40,.04);border-color:var(--border)}
:root:not([data-theme="dark"]) .footer-lang:hover{color:var(--text)}
:root:not([data-theme="dark"]) .mobile-bottom-nav{border-color:var(--border)}
:root:not([data-theme="dark"]) .mob-nav-item:hover, :root:not([data-theme="dark"]) .mob-nav-item.active{color:var(--text)}
:root:not([data-theme="dark"]) .mob-nav-port #mob-nav-port-amt{color:var(--text)}
:root:not([data-theme="dark"]) .guide-pn-card{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .guide-pn-card:hover{background:var(--bg-card)}
:root:not([data-theme="dark"]) .outcome-row-item:hover{background:rgba(16,24,40,0.015)}
:root:not([data-theme="dark"]) .hdr-avatar-menu{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .avm-balance{background:rgba(16,24,40,.03)}
:root:not([data-theme="dark"]) .avm-item:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .tm-modal{background:var(--bg-card)}
:root:not([data-theme="dark"]) .tm-stat:hover{border-color:var(--border)}
:root:not([data-theme="dark"]) .tm-modal-cta-login{background:rgba(16,24,40,.05);border-color:var(--border);color:var(--text)}
:root:not([data-theme="dark"]) .tm-modal-cta-login:hover{background:rgba(16,24,40,.09);border-color:var(--border)}
:root:not([data-theme="dark"]) .tp-ordertype{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .tp-ot.active{background:var(--bg-card)}
:root:not([data-theme="dark"]) .tp-limit-section{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .tp-limit-section .tp-amount-input{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) #mobile-drawer{background:var(--bg-card)}
:root:not([data-theme="dark"]) .tp{background:var(--bg-card)}
:root:not([data-theme="dark"]) .subnav-pin:hover, :root:not([data-theme="dark"]) .subnav-scroll a:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .subnav-scroll a.active{background:rgba(16,24,40,.06);color:var(--text)}
:root:not([data-theme="dark"]) .subnav-scroll .subnav-hot{background:rgba(16,24,40,.04);border-color:var(--border);color:var(--text)}
:root:not([data-theme="dark"]) .home-hero{border-color:var(--border)}
:root:not([data-theme="dark"]) .home-hero-btn-secondary{background:rgba(16,24,40,.06);border-color:var(--border)}
:root:not([data-theme="dark"]) .home-hero-btn-secondary:hover{background:rgba(16,24,40,.1)}
:root:not([data-theme="dark"]) .hht-pill{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .hsa-card{border-color:var(--border)}
:root:not([data-theme="dark"]) .hsa-card-head{border-color:var(--border)}
:root:not([data-theme="dark"]) .hsa-row{border-color:var(--border)}
:root:not([data-theme="dark"]) .hsa-row-link:hover{background:rgba(16,24,40,.03)}
:root:not([data-theme="dark"]) .hsa-cta-all{border-color:var(--border)}
:root:not([data-theme="dark"]) .ham-tabs{border-color:var(--border)}
:root:not([data-theme="dark"]) .ham-tab:hover{background:rgba(16,24,40,.04);border-color:var(--border)}
:root:not([data-theme="dark"]) .training-cta-secondary{background:rgba(16,24,40,.06);border-color:var(--border)}
:root:not([data-theme="dark"]) .training-cta-secondary:hover{background:rgba(16,24,40,.1)}
:root:not([data-theme="dark"]) .training-step{border-color:var(--border)}
:root:not([data-theme="dark"]) .training-who-card{border-color:var(--border)}
:root:not([data-theme="dark"]) .article-body{color:var(--text)}
:root:not([data-theme="dark"]) .article-body p{color:var(--text)}
:root:not([data-theme="dark"]) .article-body li{color:var(--text)}
:root:not([data-theme="dark"]) .article-body strong{color:var(--text)}
:root:not([data-theme="dark"]) .article-body h2{color:var(--text)}
:root:not([data-theme="dark"]) .article-body h3{color:var(--text)}
:root:not([data-theme="dark"]) .article-body h4{color:var(--text)}
:root:not([data-theme="dark"]) .article-body blockquote{color:var(--text)}
:root:not([data-theme="dark"]) .article-body code{color:var(--text)}
:root:not([data-theme="dark"]) .pcard-soon{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .account-tier-free{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .account-stat-val.is-down{color:var(--text)}
:root:not([data-theme="dark"]) .account-toast-err{color:var(--text)}
:root:not([data-theme="dark"]) .hgf-card:hover .hgf-card-has-hero .hgf-num, :root:not([data-theme="dark"]) .hgf-card-has-hero:hover .hgf-num{color:var(--text)}
:root:not([data-theme="dark"]) .auth-modal-box{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .auth-modal-x:hover{color:var(--text)}
:root:not([data-theme="dark"]) .auth-modal-oauth-soon{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .auth-modal-oauth-x{color:var(--text)}
:root:not([data-theme="dark"]) .mob-nav-item.is-portfolio .mob-nav-lbl{color:var(--text)}
:root:not([data-theme="dark"]) .logout-modal-box{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .logout-modal-x:hover{color:var(--text)}
:root:not([data-theme="dark"]) .logout-modal-icon{color:var(--text)}
:root:not([data-theme="dark"]) .logout-modal-cancel:hover{background:rgba(16,24,40,.05)}
:root:not([data-theme="dark"]) .training-hero-v2{border-color:var(--border)}
:root:not([data-theme="dark"]) .training-hero-v2 .phero-btn-ghost{background:rgba(16,24,40,.04);border-color:var(--border)}
:root:not([data-theme="dark"]) .training-hero-v2 .phero-btn-ghost:hover{background:rgba(16,24,40,.08);border-color:var(--border)}
:root:not([data-theme="dark"]) .thero-stat{background:rgba(16,24,40,.03);border-color:var(--border)}
:root:not([data-theme="dark"]) .training-hero-v2 .pricing-free-feats{border-color:var(--border)}
:root:not([data-theme="dark"]) .training-steps-v2 .training-step{border-color:var(--border)}
:root:not([data-theme="dark"]) .pcard-topup .pcard-soon{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .pcard-price-v2{border-color:var(--border)}
:root:not([data-theme="dark"]) .training-page .pricing-faq details{background:rgba(16,24,40,.02)}
:root:not([data-theme="dark"]) .gsec-intro{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-gate{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-gate-close:hover{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pm-gate-opt{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-kpi-cell{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-kpi-trend{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pm-ft-wrap{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-ft{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-ft thead th{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-ft tbody td{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-mc{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-mc:hover{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-mc-img{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-ts{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-ts-field input{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-ts-out{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-q{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-q-opt{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-q-opt.bad{color:var(--text)}
:root:not([data-theme="dark"]) .lb-row{background:var(--bg-card)}
:root:not([data-theme="dark"]) .lb-empty{background:var(--bg-card)}
:root:not([data-theme="dark"]) .market-tabs-panel .mt-src{background:var(--bg-card)}
:root:not([data-theme="dark"]) .article-byline{background:var(--bg-card)}
:root:not([data-theme="dark"]) .apn-card{background:var(--bg-card)}
:root:not([data-theme="dark"]) .article-author-box{background:var(--bg-card)}
:root:not([data-theme="dark"]) .mg-card{background:var(--bg-card)}
:root:not([data-theme="dark"]) .author-profile-head{background:var(--bg-card)}
:root:not([data-theme="dark"]) .article-toc-wrap .sidebar-section{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-aff-card{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-aff-primary{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-aff-callout{background:var(--bg-card)}
:root:not([data-theme="dark"]) .author-card{background:var(--bg-card)}
:root:not([data-theme="dark"]) .bot-hero{background:var(--bg-card)}
:root:not([data-theme="dark"]) .article-body .article-toc{background:var(--bg-card)}
:root:not([data-theme="dark"]) .article-body .article-sources{background:var(--bg-card)}
:root:not([data-theme="dark"]) .article-body .article-sources li a{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-skeleton{background:var(--bg-card)}
:root:not([data-theme="dark"]) .auth-modal-box::before{background:rgba(16,24,40,.18)}
:root:not([data-theme="dark"]) .ssm-shell::before{background:rgba(16,24,40,.18)}
:root:not([data-theme="dark"]) .tp-quick-chip{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-ticker{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-ticker-track{color:var(--text)}
:root:not([data-theme="dark"]) .pm-ticker .tk-i .u{color:var(--text)}
:root:not([data-theme="dark"]) .pm-ticker .tk-i .px{color:var(--text)}
:root:not([data-theme="dark"]) .snm-btn:hover, :root:not([data-theme="dark"]) .snm-wrap.open .snm-btn{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .snm-i:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .header-nav .snm-btn:hover, :root:not([data-theme="dark"]) .header-nav .snm-wrap.open .snm-btn{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .snm-cnt{background:rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .og-count{background:rgba(16,24,40,0.05)}
:root:not([data-theme="dark"]) .train-strip .ts-btn{color:var(--text)}
:root:not([data-theme="dark"]) .train-strip .ts-btn:hover{color:var(--text)}
:root:not([data-theme="dark"]) .mdr-search{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) :root{border-color:var(--border)}
:root:not([data-theme="dark"]) .pm-story-stats .pm-stat{background:rgba(16,24,40,.04)}
:root:not([data-theme="dark"]) .pm-story-legend .chart-legend-item{background:rgba(16,24,40,.02)}
:root:not([data-theme="dark"]) .pm-moments-list > .pm-moment{background:rgba(16,24,40,.02)}
:root:not([data-theme="dark"]) .pm-gloss::after{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pm-gs-panel{background:var(--bg-card);border-top-color:var(--border)}
:root:not([data-theme="dark"]) .pm-gs-panel::before{background:rgba(16,24,40,.18)}
:root:not([data-theme="dark"]) .pm-gs-close{background:rgba(16,24,40,.06)}
:root:not([data-theme="dark"]) .pm-gs-close:active{background:rgba(16,24,40,.12)}
:root:not([data-theme="dark"]) .pm-gs-term{color:var(--text)}
:root:not([data-theme="dark"]) .article-body tbody tr:nth-child(even){background:rgba(16,24,40,0.02)}
:root:not([data-theme="dark"]) .example-box{background:rgba(16,24,40,0.025)}
/* ════ Dark SURFACE bars -> light in light mode (rgba the hex-sweep missed) 2026-06-09 ════ */
:root:not([data-theme="dark"]) .mobile-bottom-nav{background:rgba(255,255,255,.97);border-top-color:var(--border)}
:root:not([data-theme="dark"]) .mob-nav-item{color:var(--text-secondary)}
:root:not([data-theme="dark"]) .mob-nav-item:hover,
:root:not([data-theme="dark"]) .mob-nav-item.active{color:var(--text)}
:root:not([data-theme="dark"]) .bot-mob-bar{background:rgba(255,255,255,.96);border-color:var(--border)}
:root:not([data-theme="dark"]) .dm-bar{background:rgba(255,255,255,.97);border-top-color:var(--border)}
:root:not([data-theme="dark"]) .dm-bar-text strong{color:var(--text)}
:root:not([data-theme="dark"]) .dm-bar-text span{color:var(--text-secondary)}
:root:not([data-theme="dark"]) .dm-bar-close{color:var(--text-secondary)}
:root:not([data-theme="dark"]) .drill-chart-loading{background:rgba(255,255,255,.6)}
/* ════ Inline-styled components -> light mode (modals, trade panel, calendar) 2026-06-09 ════ */
/* training modal (dm-modal) + header pills */
:root:not([data-theme="dark"]) .dm-modal{background:var(--bg-card)}
:root:not([data-theme="dark"]) .dm-modal-head h3,
:root:not([data-theme="dark"]) .dm-modal-x:hover,
:root:not([data-theme="dark"]) .dm-opt-body strong,
:root:not([data-theme="dark"]) .header-user-pill,
:root:not([data-theme="dark"]) .tm-toggle:hover{color:var(--text)}
:root:not([data-theme="dark"]) .dm-modal-head p,
:root:not([data-theme="dark"]) .dm-opt-body span,
:root:not([data-theme="dark"]) .tm-toggle{color:var(--text-secondary)}
/* training banner */
:root:not([data-theme="dark"]) .training-banner{background:var(--bg-card)}
:root:not([data-theme="dark"]) .training-banner-content h3{color:var(--text)}
:root:not([data-theme="dark"]) .training-banner-content p{color:var(--text-secondary)}
/* trade panel controls (tp-outcome / stepper / chips) */
:root:not([data-theme="dark"]) .tp-outcome,
:root:not([data-theme="dark"]) .tp-stepper,
:root:not([data-theme="dark"]) .tp-chips button{background:var(--bg-input);border-color:var(--border)}
:root:not([data-theme="dark"]) .tp-outcome:hover,
:root:not([data-theme="dark"]) .tp-stepper button:hover,
:root:not([data-theme="dark"]) .tp-chips button:hover{background:rgba(16,24,40,0.06)}
:root:not([data-theme="dark"]) .tp-outcome{color:var(--text-secondary)}
:root:not([data-theme="dark"]) .tp-outcome:hover,
:root:not([data-theme="dark"]) .tp-chips button{color:var(--text)}
/* portfolio sell modal */
:root:not([data-theme="dark"]) .pf-sell-modal{background:var(--bg-card)}
:root:not([data-theme="dark"]) .pf-sell-slider,
:root:not([data-theme="dark"]) .pf-sell-tick,
:root:not([data-theme="dark"]) .pf-sell-btn-secondary{background:var(--bg-hover);color:var(--text)}
/* calendar cards/rails */
:root:not([data-theme="dark"]) .cal-pill,
:root:not([data-theme="dark"]) .cal-card{background:var(--bg-card);border-color:var(--border)}
:root:not([data-theme="dark"]) .cal-section-h::after,
:root:not([data-theme="dark"]) .cal-rail .line{background:var(--border)}
/* storyline content cards -> light (keep .stories-card-img as image placeholder) 2026-06-09 */
:root:not([data-theme="dark"]) .stories-card,
:root:not([data-theme="dark"]) .storyline-related-list a{background:var(--bg-card);border-color:var(--border)}


/* === BATCH3 JUN-2026: auth bottom-sheet (mobile) + authed menu + light text fixes === */
/* Logged-in: hide drawer Login/Signup pair (leaderboard link already in drawer) */
.pd-auth .mdr-auth-pair{display:none !important}

/* Mobile: auth modal = bottom sheet like Polymarket */
@media (max-width:768px){
  .auth-modal-overlay{align-items:flex-end !important;padding:0 !important}
  .auth-modal-box{width:100% !important;max-width:100% !important;margin:0 !important;
    border-radius:18px 18px 0 0 !important;max-height:92vh;overflow-y:auto;
    animation:pmSheetUp .26s cubic-bezier(.2,.9,.3,1)}
  @keyframes pmSheetUp{from{transform:translateY(48px);opacity:.5}to{transform:translateY(0);opacity:1}}
}

/* Light mode: trade-panel pills/chips had dark-theme hardcoded text colors */
:root:not([data-theme="dark"]) .tp-outcome{background:#eef0f2;color:#5f6772}
:root:not([data-theme="dark"]) .tp-outcome:hover{background:#e2e5e8;color:#31353a}
:root:not([data-theme="dark"]) .tp-chips button{background:#eef0f2;color:#484e56}
:root:not([data-theme="dark"]) .tp-chips button:hover{background:#e2e5e8;color:#0e0f11}
:root:not([data-theme="dark"]) .tp-quick-chip{background:#eef0f2;color:#484e56}
:root:not([data-theme="dark"]) .tp-quick-chip:hover{background:#e2e5e8;color:#0e0f11}
:root:not([data-theme="dark"]) .tp-stepper{background:#eef0f2}
:root:not([data-theme="dark"]) .tp-stepper button{color:#5f6772}
:root:not([data-theme="dark"]) .tp-stepper button:hover{background:#e2e5e8;color:#0e0f11}
:root:not([data-theme="dark"]) .tp-ot-drop-btn{color:#5f6772}
:root:not([data-theme="dark"]) .tp-amount-cur{color:#77808d}
/* Light: muted text was too faint on white — bump to neutral-400 */
:root:not([data-theme="dark"]){--text-muted:#8f98a3}


/* === TRAINING PAGE PAD: tpx sections must never touch viewport edges === */
.tpx-section .tpx-inner.container{padding-inline:24px}
@media (max-width:768px){
  .tpx-section .tpx-inner.container{padding-inline:16px}
  .tpx-tier-grid{padding-inline:0}
}


/* === CTA BAR FLUSH JUN-2026: sticky Buy bar sat at 64px but bottom nav is ~52px tall -> gap.
   Pin it flush to the nav (and flush to 0 when the nav is hidden). === */
@media (max-width:768px){
  .tp-cta-bar{bottom:calc(52px + env(safe-area-inset-bottom)) !important;box-shadow:0 -4px 16px rgba(0,0,0,.18)}
  body.is-guide-page .tp-cta-bar{bottom:env(safe-area-inset-bottom) !important}
}

/* ─── MANUAL light-theme fixes (NOT auto-generated). Selectors the auto-sweep missed:
   the dual-mode modal options + the training-toggle OFF track/knob used
   rgba(255,255,255,...) / #6b7280, which only read correctly on dark. Dark is untouched
   (these are scoped to :not([data-theme="dark"]); the tm-switch/knob are further scoped to
   body:not(.training-active) so the green "on" state is preserved). ─── */
:root:not([data-theme="dark"]) .dm-opt{background:rgba(16,24,40,.03);border-color:rgba(16,24,40,.08)}
:root:not([data-theme="dark"]) .dm-opt:hover{background:rgba(16,24,40,.06);border-color:rgba(16,24,40,.14)}
:root:not([data-theme="dark"]) .dm-modal-x{color:var(--text-secondary)}
:root:not([data-theme="dark"]) .dm-opt-arr{color:var(--text-secondary)}
:root:not([data-theme="dark"]) body:not(.training-active) .tm-switch{background:rgba(16,24,40,.16)}
:root:not([data-theme="dark"]) body:not(.training-active) .tm-knob{background:#9aa3b0}