/* dailygrand-theme-dark.css
   Product-owned stylesheet for dailygrand. Forked from the platform
   theme-dark.css + theme-dark-tweaks.css on 23 Aug 2026 under the owner's directive that styling is no
   longer shareable (PIPELINE.md v2.5). This is a COPY, not an import:
   there is deliberately no @import and no link to the shared file, so a
   change made here cannot reach any other product — and a change made to
   the shared file cannot reach this one. Editing this file affects dailygrand
   and nothing else.
*/
/* GENERATED FILE — DO NOT EDIT BY HAND.
   Produced by scripts/gen_dark_theme.py from styles.css and the inline
   <style> blocks in the templates.
   Re-run that script after changing either.
   Hand-tuning belongs in theme-dark-tweaks.css, which loads after this
   file and therefore wins. */

:where(html[data-theme="dark"]) button.worksheet-tab.mega-basic-tab.active {
  background: #262523;
  color: #c1c4c9;
  border-color: #45423d;
}

:where(html[data-theme="dark"]) button.worksheet-tab.mega-basic-tab:hover, :where(html[data-theme="dark"]) button.worksheet-tab.mega-basic-tab:focus-visible {
  background: #232220;
  color: #d8dadd;
  border-color: #8b9bb2;
}

:root:where([data-theme="dark"]) {
  --ink: #d6d8db;
  --muted: #a6acb2;
  --line: #413e3a;
  --surface: #262523;
  --soft: #242220;
  --accent: #54d4ca;
  --accent-2: #d98766;
  --accent-3: #7c9bde;
  --good: #54d484;
}

:where(html[data-theme="dark"]) body {
  background: #23211f;
}

:where(html[data-theme="dark"]) .app-header {
  background: #262523;
}

:where(html[data-theme="dark"]) .brand-beta {
  border: 1px solid rgba(43, 154, 171, .35);
  background: rgba(8, 103, 118, .10);
  color: #54c5d4;
}

:where(html[data-theme="dark"]) .brand .brand-tagline {
  color: #5d8bca;
}

:where(html[data-theme="dark"]) .tab {
  background: #262523;
}

:where(html[data-theme="dark"]) .tab.active {
  background: #083476;
  color: #ffffff;
  border-color: #2b5eab;
}

:where(html[data-theme="dark"]) .tabs .tab {
  color: #b9bec2;
}

:where(html[data-theme="dark"]) .tabs .tab:hover {
  background: rgba(8, 52, 118, .06);
}

:where(html[data-theme="dark"]) .tabs .tab.active {
  color: #5c8dd6;
  text-decoration: underline 2px #5c8dd6;
}

:where(html[data-theme="dark"]) .auth-links a, :where(html[data-theme="dark"]) .auth-links button {
  background: #262523;
}

:where(html[data-theme="dark"]) .auth-links a.active {
  background: #083476;
  color: #ffffff;
  border-color: #2b5eab;
}

:where(html[data-theme="dark"]) .auth-links a[href$="/auth/login"], :where(html[data-theme="dark"]) .auth-links .tab[data-nav="products"], :where(html[data-theme="dark"]) .auth-links form button {
  color: #b9bec2;
}

:where(html[data-theme="dark"]) .auth-links a[href$="/auth/login"]:hover, :where(html[data-theme="dark"]) .auth-links .tab[data-nav="products"]:hover, :where(html[data-theme="dark"]) .auth-links form button:hover {
  background: rgba(8, 52, 118, .06);
}

:where(html[data-theme="dark"]) .auth-links a[href$="/auth/login"].active {
  color: #5c8dd6;
  text-decoration: underline 2px #5c8dd6;
}

:where(html[data-theme="dark"]) .auth-links a[href$="/auth/register"] {
  background: #083476;
  border-color: #2b5eab;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .auth-links a[href$="/auth/register"]:hover {
  background: #0f4492;
  border-color: #2b5fab;
}

:where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro, :where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro:hover, :where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro.active {
  border-color: #ab2b2b;
  color: #d96969;
  background: #262523;
}

:where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro, :where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro:hover, :where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro.active {
  border-color: #ab2b2b;
  color: #d96969;
  background: #262523;
}

:where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro.account-nav-super-trial, :where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro.account-nav-super-trial:hover, :where(html[data-theme="dark"]) .auth-links a.account-nav-tier-pro.account-nav-super-trial.active {
  color: #d49f54;
  background: linear-gradient(#52461f, #52461f) padding-box,
    linear-gradient(135deg, #8b1c1c 0%, #842323 22%, #d09f20 46%, #5c5123 58%, #896720 76%, #8b1c1c 100%) border-box;
}

:where(html[data-theme="dark"]) .account-scope-line.account-scope-pro {
  color: #d96969;
}

:where(html[data-theme="dark"]) .account-scope-line.account-scope-pro {
  color: #d96969;
}

:where(html[data-theme="dark"]) .account-scope-line.account-scope-super {
  color: #d49f54;
}

:where(html[data-theme="dark"]) .admin-nav a, :where(html[data-theme="dark"]) .admin-nav button {
  background: #262523;
}

:where(html[data-theme="dark"]) .admin-nav a.active {
  background: #083476;
  border-color: #2b5eab;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .admin-table {
  background: #262523;
}

:where(html[data-theme="dark"]) .admin-table th {
  background: #22211f;
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .admin-actions a, :where(html[data-theme="dark"]) .admin-actions button {
  background: #262523;
}

:where(html[data-theme="dark"]) .admin-actions button.admin-danger {
  border-color: #494541;
  color: #d96e68;
}

:where(html[data-theme="dark"]) .admin-actions button.admin-danger:hover {
  background: #232220;
  border-color: #d45854;
}

:where(html[data-theme="dark"]) .schedule-toolbar label {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .schedule-toolbar select {
  background: #262523;
}

:where(html[data-theme="dark"]) .schedule-table tbody tr:hover {
  background: #252321;
}

:where(html[data-theme="dark"]) .schedule-table .num-cell {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .schedule-table .tz-cell {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .schedule-badge.status-active {
  color: #54d484;
  background: #205432;
}

:where(html[data-theme="dark"]) .schedule-badge.status-future {
  color: #7c96de;
  background: #232220;
}

:where(html[data-theme="dark"]) .schedule-badge.status-expired {
  color: #e5b496;
  background: #584d22;
}

:where(html[data-theme="dark"]) .schedule-badge.status-inactive {
  color: #b5b9bf;
  background: #21201e;
}

:where(html[data-theme="dark"]) .schedule-badge.status-configuration-error {
  color: #d96969;
  background: #23211f;
}

:where(html[data-theme="dark"]) .schedule-grid label {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .schedule-verify-form label {
  color: #c1c4c9;
}

@media (max-width: 720px) {
  :where(html[data-theme="dark"]) .schedule-table td {
    border-bottom: 1px solid #3b3834;
  }
}

@media (max-width: 720px) {
  :where(html[data-theme="dark"]) .schedule-table td::before {
    color: #c1c4c9;
  }
}

:where(html[data-theme="dark"]) .pw-toggle {
  color: #9aa0a7;
}

:where(html[data-theme="dark"]) .admin-draw-form input.field-invalid {
  border-color: #cd3535;
  background: #252321;
}

:where(html[data-theme="dark"]) .draw-range-popup {
  border: 1px solid #423f3b;
  background: #252422;
  box-shadow: 0 16px 36px rgba(6, 7, 10, 0.12);
}

:where(html[data-theme="dark"]) .draw-range-popup-head strong {
  color: #cf7b7b;
}

:where(html[data-theme="dark"]) .draw-range-popup p {
  color: #cbc3c4;
}

:where(html[data-theme="dark"]) .draw-range-popup-close {
  color: #cf7b7b;
}

:where(html[data-theme="dark"]) .hero {
  background: #242321;
}

:where(html[data-theme="dark"]) .hero p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .dashboard-loading-title, :where(html[data-theme="dark"]) .dashboard-loading-metrics span, :where(html[data-theme="dark"]) .dashboard-loading-workbook {
  background: linear-gradient(90deg, #22211f 25%, #252321 50%, #22211f 75%);
}

:where(html[data-theme="dark"]) .journey-card {
  background: #1d4b47;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .journey-card span {
  color: #7cdeb1;
}

:where(html[data-theme="dark"]) .lp-proof-stats li::before {
  color: #7cdeb8;
}

:where(html[data-theme="dark"]) .lp-proof-stats li b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .lp-proof-stats a {
  color: #7cdeb8;
}

:where(html[data-theme="dark"]) .lp-proof-stats a:hover {
  color: #7cdeb1;
}

:where(html[data-theme="dark"]) .lp-proof-stats a:focus-visible {
  outline: 2px solid #64d8aa;
}

:where(html[data-theme="dark"]) .lp-proof-draw {
  border-top: 1px solid rgba(54, 51, 48, .15);
}

:where(html[data-theme="dark"]) .lp-proof-draw .draw-separator {
  color: rgba(255, 255, 255, .4);
}

:where(html[data-theme="dark"]) .lp-tier-note {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .lp-tier-pro {
  border-color: #ab2b2b;
  background: #262523;
}

:where(html[data-theme="dark"]) .lp-tier-pro h4 {
  color: #d96969;
  -webkit-text-fill-color: #d96969;
}

:where(html[data-theme="dark"]) .lp-tier-badge {
  background: linear-gradient(120deg,#8b1a1a,#7e2323 42%,#a42d2d 50%,#7e2323 58%,#8b1a1a);
  box-shadow: inset 0 1px 0 rgba(71, 71, 71, .6), 0 2px 6px rgba(16, 7, 7, .4);
  text-shadow: 0 1px 0 rgba(71, 71, 71, .3);
}

:where(html[data-theme="dark"]) .lp-roadmap-card.lp-roadmap-live {
  background: #242220;
}

:where(html[data-theme="dark"]) .country-card.lp-roadmap-live {
  background: #242220;
}

:where(html[data-theme="dark"]) .country-card.lp-finder-off {
  background: #242220;
}

:where(html[data-theme="dark"]) .lp-access-card p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .powerball-chip {
  background: var(--special-ball-bg, #0a7aa2);
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page.kr-dashboard-page .source-data-sheet .supp-circle, :where(html[data-theme="dark"]) .oz-dashboard-page.kr-dashboard-page .latest-result-card .powerball-chip {
  background: #25612a;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle, :where(html[data-theme="dark"]) .oz-dashboard-page.ca-dashboard-page .latest-result-card .powerball-chip {
  background: #982222;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .dashboard-buy-btn {
  border: 1.5px solid #ab2b2b;
  background: #262523;
  color: #d96969;
}

:where(html[data-theme="dark"]) .dashboard-buy-btn:hover {
  background: #242321;
}

:where(html[data-theme="dark"]) .country-flag .flag-pole {
  stroke: #5d5953;
}

:where(html[data-theme="dark"]) .country-flag .flag-field {
  fill: #5485d4;
  stroke: rgba(76, 72, 67, .2);
}

:where(html[data-theme="dark"]) .country-flag .union {
  fill: #547bd4;
}

:where(html[data-theme="dark"]) .country-flag .union-cross-red {
  stroke: #ad2b40;
}

:where(html[data-theme="dark"]) .country-flag .union-cross {
  stroke: #363330;
}

:where(html[data-theme="dark"]) .country-flag .star {
  fill: #ffffff;
}

:where(html[data-theme="dark"]) .country-flag .flag-fold {
  stroke: rgba(54, 51, 48, .18);
}

:where(html[data-theme="dark"]) .country-card {
  background: #262523;
}

:where(html[data-theme="dark"]) .country-card.selected {
  box-shadow: 0 0 0 3px rgba(11, 26, 25, .13);
}

:where(html[data-theme="dark"]) .product-row {
  background: #262422;
}

:where(html[data-theme="dark"]) .product-row em {
  background: #23211f;
}

:where(html[data-theme="dark"]) .product-row em.future {
  background: #232120;
}

:where(html[data-theme="dark"]) .product-row.selected {
  background: #242321;
}

:where(html[data-theme="dark"]) .country-card-soon {
  background: #242321;
}

:where(html[data-theme="dark"]) .prod-badge.available {
  background: #23211f;
}

:where(html[data-theme="dark"]) .prod-badge.dev {
  color: #7c96de;
  background: #232220;
}

:where(html[data-theme="dark"]) .prod-badge.soon {
  background: #232120;
}

:where(html[data-theme="dark"]) .panel-soon {
  background: #242321;
}

:where(html[data-theme="dark"]) .soon-tag {
  background: #232120;
}

:where(html[data-theme="dark"]) .tab-tier-split .tt-basic {
  color: #b5b9bf;
  background: #23211f;
}

:where(html[data-theme="dark"]) .tab-tier-split .tt-pro {
  color: #d96969;
  background: #23211f;
}

:where(html[data-theme="dark"]) .tab-tier-split .tt-pro {
  color: #d96969;
  background: #23211f;
}

:where(html[data-theme="dark"]) .primary-action {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .secondary-action {
  background: #262523;
}

:where(html[data-theme="dark"]) .scroll-up-btn {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .account-heading-tier {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .account-heading-tier-basic {
  background: #21201e;
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .account-heading-tier-basic:hover {
  background: #1e1d1c;
}

:where(html[data-theme="dark"]) .account-heading-tier-pro {
  background: #731b1b;
}

:where(html[data-theme="dark"]) .account-heading-tier-pro:hover {
  background: #873030;
}

:where(html[data-theme="dark"]) .account-heading-tier-pro {
  background: #731b1b;
}

:where(html[data-theme="dark"]) .account-heading-tier-pro:hover {
  background: #873030;
}

:where(html[data-theme="dark"]) .account-heading-tier-pro.account-heading-tier-super-trial {
  color: #d49f54;
  background: linear-gradient(135deg, #731b1b 0%, #982c2c 28%, #d09f20 52%, #5c5123 64%, #896720 80%, #9a1e1e 100%);
}

:where(html[data-theme="dark"]) .account-heading-tier-pro.account-heading-tier-super-trial:hover {
  background: linear-gradient(135deg, #822424 0%, #af2929 28%, #e1b426 52%, #564c21 64%, #957526 80%, #6c1a1a 100%);
}

:where(html[data-theme="dark"]) .account-tier-link {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .account-tier-pro {
  background: #731b1b;
}

:where(html[data-theme="dark"]) .account-tier-pro:hover {
  background: #873030;
}

:where(html[data-theme="dark"]) .account-tier-pro {
  background: #731b1b;
}

:where(html[data-theme="dark"]) .account-tier-pro:hover {
  background: #873030;
}

:where(html[data-theme="dark"]) .admin-product-tabs a {
  background: #262523;
}

:where(html[data-theme="dark"]) .admin-product-tabs a.active {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .draw-entry-form input.field-invalid {
  border-color: #cd3535;
  background: #252321;
}

:where(html[data-theme="dark"]) .product-card.subscribed {
  box-shadow: 0 0 0 3px rgba(11, 26, 25, .10);
}

:where(html[data-theme="dark"]) .workbook-shell {
  background: #262523;
}

:where(html[data-theme="dark"]) .workbook-topbar {
  background: #23211f;
}

:where(html[data-theme="dark"]) .latest-mini b {
  background: #1f1e1c;
}

:where(html[data-theme="dark"]) .latest-mini b.power {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .worksheet-tabs {
  scrollbar-color: #8b9bb2 #3c3935;
  background: #252321;
}

:where(html[data-theme="dark"]) .worksheet-tabs::-webkit-scrollbar-track {
  background: #22201e;
}

:where(html[data-theme="dark"]) .worksheet-tabs::-webkit-scrollbar-thumb {
  background: #62748d;
}

:where(html[data-theme="dark"]) .worksheet-tabs::-webkit-scrollbar-thumb:hover {
  background: #4a5462;
}

:where(html[data-theme="dark"]) .worksheet-tab {
  background: #22211f;
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .worksheet-tab.active {
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-wide {
  border: 1.5px solid #ab2b2b;
  background: #22211f;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-wide.active {
  background: #262523;
  border-color: #ab2b2b;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-wide .master-tab-main {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-wide .master-tab-label {
  color: #db7070;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-compact {
  border: 1.5px solid #ab2b2b;
  background: #22211f;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-compact.active {
  background: #262523;
  border-color: #ab2b2b;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-compact .master-tab-label {
  color: #db7070;
}

:where(html[data-theme="dark"]) .worksheet-tab.master-tab-compact.active .master-tab-main, :where(html[data-theme="dark"]) .worksheet-tab.master-tab-compact.active .master-tab-label {
  color: #db7070;
}

:where(html[data-theme="dark"]) .worksheet-header {
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-note {
  background: #242321;
  border: 1px solid #46433e;
  color: #cc9c5c;
}

:where(html[data-theme="dark"]) .analysis-hero {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .analysis-hero p {
  color: rgba(255, 255, 255, .86);
}

:where(html[data-theme="dark"]) .analysis-hero.data {
  background: #179288;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .analysis-hero.group {
  background: #3d4c62;
}

:where(html[data-theme="dark"]) .analysis-hero.segment {
  background: #1a47aa;
}

:where(html[data-theme="dark"]) .analysis-hero.variation {
  background: #561cb8;
}

:where(html[data-theme="dark"]) .analysis-hero.number {
  background: #1c763e;
}

:where(html[data-theme="dark"]) .analysis-hero.powerball {
  background: #843211;
}

:where(html[data-theme="dark"]) .analysis-hero.ratio {
  background: #352e8c;
}

:where(html[data-theme="dark"]) .pattern-card {
  background: #252321;
}

:where(html[data-theme="dark"]) .raw-sheet {
  background: #262422;
}

:where(html[data-theme="dark"]) .heatmap-wrap {
  background: #262523;
}

:where(html[data-theme="dark"]) .heat-row span {
  border: 1px solid rgba(56, 86, 158, .08);
}

:where(html[data-theme="dark"]) .sheet-preview tr:first-child td {
  background: #23211f;
}

:where(html[data-theme="dark"]) .graph-panel {
  background: #262523;
}

:where(html[data-theme="dark"]) .graph-summary div {
  background: #252321;
}

:where(html[data-theme="dark"]) .graph-summary div.graph-order-toggle:hover {
  background: #23211f;
}

:where(html[data-theme="dark"]) .graph-scroll {
  background: #262523;
}

:where(html[data-theme="dark"]) .graph-fixed-title {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .graph-chart-body {
  background: #262523;
}

:where(html[data-theme="dark"]) .graph-axis-svg {
  border-right: 1px solid #8b9bb2;
  background: #262523;
}

:where(html[data-theme="dark"]) .graph-title {
  fill: #d6d8db;
}

:where(html[data-theme="dark"]) .graph-axis-label {
  fill: #c1c4c9;
}

:where(html[data-theme="dark"]) .graph-axis-label.graph-axis-option {
  fill: #d6d8db;
}

:where(html[data-theme="dark"]) .graph-move-up {
  fill: #7c9bde;
}

:where(html[data-theme="dark"]) .graph-move-down {
  fill: #de7d8a;
}

:where(html[data-theme="dark"]) .graph-date-label {
  fill: #a6acb2;
}

:where(html[data-theme="dark"]) .seg-bridge-panel {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .seg-bridge-colhead.up {
  color: #7c9bde;
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-bridge-colhead.down {
  color: #de7d8a;
  background: #232220;
}

:where(html[data-theme="dark"]) .seg-bridge-rowhead {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-bridge-cell {
  border: 1px solid rgba(76, 72, 67, 0.06);
}

:where(html[data-theme="dark"]) .seg-bridge-cell.up {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-bridge-cell.down {
  background: #232220;
}

:where(html[data-theme="dark"]) .seg-bridge-cell-label {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .seg-bridge-cell strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-bridge-summary {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .seg-bridge-summary b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-bridge-bar-row.sel {
  background: #232220;
  outline: 1px solid #44413c;
}

:where(html[data-theme="dark"]) .seg-bridge-key {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.08);
}

:where(html[data-theme="dark"]) .seg-bridge-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-bridge-fill {
  background: #446076;
}

:where(html[data-theme="dark"]) .seg-bridge-bar-row.sel .seg-bridge-fill {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .seg-bridge-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-bridge-note b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-hero {
  border: 1px solid #44413c;
  border-left: 4px solid var(--engine-accent, #2da99a);
  background: #232220;
}

:where(html[data-theme="dark"]) .conc-eyebrow {
  color: #5fc9bb;
}

:where(html[data-theme="dark"]) .conc-hero h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-hero-seg {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.1);
}

:where(html[data-theme="dark"]) .conc-hero p {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .conc-hero b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-section h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-section > p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .conc-section b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-tv-legend {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .conc-tv-legend i.theory, :where(html[data-theme="dark"]) .conc-tv-bar.theory {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .conc-tv-legend i.obs, :where(html[data-theme="dark"]) .conc-tv-bar.obs {
  background: #34475d;
}

:where(html[data-theme="dark"]) .conc-tv-row.top {
  background: #232220;
}

:where(html[data-theme="dark"]) .conc-seg-key {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.08);
}

:where(html[data-theme="dark"]) .conc-tv-num b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-chip {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.1);
}

:where(html[data-theme="dark"]) .conc-chip.sel {
  outline: 2px solid #4c4843;
}

:where(html[data-theme="dark"]) .conc-cond-head span:nth-child(3) {
  color: #5fc9bb;
}

:where(html[data-theme="dark"]) .conc-cond-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .conc-cond-fill.base {
  background: #34475d;
}

:where(html[data-theme="dark"]) .conc-cond-fill.cond {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .conc-cond-val {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-verdict.ok {
  background: #23211f;
  border: 1px solid #44413c;
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .conc-verdict.warn {
  background: #232220;
  border: 1px solid #45413d;
  color: #c7c4bf;
}

:where(html[data-theme="dark"]) .conc-verdict b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-ladder-label b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-ladder-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .conc-ladder-fill.base {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .conc-ladder-fill.one {
  background: #446076;
}

:where(html[data-theme="dark"]) .conc-ladder-fill.two {
  background: #924347;
}

:where(html[data-theme="dark"]) .conc-ladder-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-bottomline {
  background: #253443;
}

:where(html[data-theme="dark"]) .conc-bottomline strong {
  color: #94c7bd;
}

:where(html[data-theme="dark"]) .i2-view {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .i2-seg {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.06);
}

:where(html[data-theme="dark"]) .i2-hero {
  background: linear-gradient(180deg,#242321,#22201f);
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .i2-title {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-lede {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .i2-section {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .i2-featured {
  background: #262422;
  border: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .i2-note {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i2-note b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-warn {
  background: #232220;
  border: 1px solid #45413d;
  color: #c7c4bf;
}

:where(html[data-theme="dark"]) .i2-pos {
  color: #5fc9bb;
}

:where(html[data-theme="dark"]) .i2-neg {
  color: #d59286;
}

:where(html[data-theme="dark"]) .i2-table th {
  border-bottom: 1px solid #403d39;
}

:where(html[data-theme="dark"]) .i2-table td {
  border-bottom: 1px solid #3a3734;
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .i2-table tr.i2-mute td {
  color: #979ea5;
}

:where(html[data-theme="dark"]) .i2-div-track {
  background: #242220;
}

:where(html[data-theme="dark"]) .i2-div-mid {
  border-left: 1.5px dotted #546782;
}

:where(html[data-theme="dark"]) .i2-div-fill.over {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .i2-div-fill.under {
  background: #924347;
}

:where(html[data-theme="dark"]) .i2-div-num b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-read {
  background: #262523;
  border: 1px solid #3f3c38;
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .i2-read b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-read i {
  color: #aab0b5;
}

:where(html[data-theme="dark"]) .i2-heat-ch {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .i2-heat-rl {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-heat-cell {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-heat-cell.empty {
  background: #242220;
}

:where(html[data-theme="dark"]) .i2-heat-cell.thin {
  outline: 1px dashed rgba(76, 72, 67, 0.25);
}

:where(html[data-theme="dark"]) .i2-heat-score {
  color: #d6d8db;
  background: #232220;
}

:where(html[data-theme="dark"]) .i2-bar-row.i2-live .i2-bar-track {
  outline: 1.5px solid #416dcf;
}

:where(html[data-theme="dark"]) .i2-bar-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .i2-bar-tick {
  border-left: 2px dotted #546782;
}

:where(html[data-theme="dark"]) .i2-bar-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-reality-main {
  background: #232220;
  border: 1px solid #423f3a;
  border-left: 3px solid var(--engine-accent, #2da99a);
}

:where(html[data-theme="dark"]) .i2-reality-side {
  background: #262523;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .i2-twin-lab {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-reality-verdict {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .i2-reality-verdict b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-reality-strong {
  color: #5fc9bb;
}

:where(html[data-theme="dark"]) .i2-mini-k {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-ax-t {
  fill: #aab0b5;
}

:where(html[data-theme="dark"]) .i2-line-legend {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i2-line-legend b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-struct-card {
  background: #262523;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .i2-skel-slot {
  color: #ffffff;
  background: #23211f;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c0 {
  background: #23211f;
  border: 1px dashed #45423d;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c1 {
  background: #446076;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c2 {
  background: var(--engine-accent, #236c63);
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c3 {
  background: #279184;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c4 {
  background: #924347;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c5 {
  background: #7c3d32;
}

:where(html[data-theme="dark"]) .i2-verdict {
  background: #253443;
}

:where(html[data-theme="dark"]) .i2-verdict-eyebrow {
  color: #94c7bd;
}

:where(html[data-theme="dark"]) .i2-verdict-intro {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .i2-vc {
  background: #283544;
  border: 1px solid #516b85;
}

:where(html[data-theme="dark"]) .i2-vc.edge {
  border-top: 3px solid var(--engine-accent, #2da99a);
}

:where(html[data-theme="dark"]) .i2-vc-tag {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .i2-vc-reason b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i2-vc-reason i {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .i2-verdict-honest {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .i2-verdict-honest b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i2-occ-row.band .i2-seg {
  outline: 1.5px solid var(--engine-accent, #2da99a);
}

:where(html[data-theme="dark"]) .i2-occ-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-seq-conc {
  background: #232220;
  border: 1px solid #423f3a;
  border-left: 3px solid var(--engine-accent, #2da99a);
}

:where(html[data-theme="dark"]) .i2-seq-conc-eyebrow {
  color: #5fc9bb;
}

:where(html[data-theme="dark"]) .i2-seq-pick > div p {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .i2-seq-rank {
  background: var(--engine-accent, #236c63);
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i2-seq-pick:nth-child(2) .i2-seq-rank {
  background: #446076;
}

:where(html[data-theme="dark"]) .i2-seq-uncertainty {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i2-seq-uncertainty b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-2s-sig {
  background: #242321;
  border: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .i2-2s-arrow {
  color: #979ea5;
}

:where(html[data-theme="dark"]) .i2-2s-now {
  color: #5fc9bb;
  background: #201f1d;
}

:where(html[data-theme="dark"]) .i2-2s-next {
  color: #979ea5;
  border: 1.5px dashed #494541;
}

:where(html[data-theme="dark"]) .i2-2s-matches {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i2-2s-matches b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i2-table tr.i2-2s-top td {
  background: #232220;
}

:where(html[data-theme="dark"]) .i2-2s-conc {
  background: #253443;
}

:where(html[data-theme="dark"]) .i2-2s-conc-eyebrow {
  color: #94c7bd;
}

:where(html[data-theme="dark"]) .i2-conf.lo {
  background: #573939;
  color: #b3aaa7;
}

:where(html[data-theme="dark"]) .i2-conf.mod {
  background: #54472e;
  color: #debf7c;
}

:where(html[data-theme="dark"]) .i2-conf.hi {
  background: #284b41;
  color: #82d9c5;
}

:where(html[data-theme="dark"]) .i2-2s-conc .i2-seq-pick > div b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i2-2s-conc .i2-seq-pick > div p {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .i2-2s-conc .i2-seq-rank {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .i2-2s-conc .i2-seq-pick:nth-child(2) .i2-seq-rank {
  background: #446076;
}

:where(html[data-theme="dark"]) .i2-2s-why {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .i2-2s-why b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i4-now {
  border: 1px solid #413e3a;
  background: #262422;
}

:where(html[data-theme="dark"]) .i4-now h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i4-now h4 span {
  color: #979ea5;
}

:where(html[data-theme="dark"]) .i4-now h4 em {
  color: #5fc9bb;
  background: #201f1d;
}

:where(html[data-theme="dark"]) .i4-now p {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i4-now-stats span {
  border: 1px solid #3f3c38;
  background: #262523;
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i4-now-stats b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i4-card {
  border: 1px solid #3f3c38;
  border-top: 3px solid var(--engine-accent, #2da99a);
  background: #262523;
}

:where(html[data-theme="dark"]) .i4-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i4-card p {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i4-score-row.top .i2-seg {
  outline: 1.5px solid #4c4843;
}

:where(html[data-theme="dark"]) .i4-score-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .i4-score-fill {
  background: linear-gradient(90deg, var(--engine-accent, #236c63), #446076);
}

:where(html[data-theme="dark"]) .i4-score-row span:last-child b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i4-build-row {
  border: 1px solid #3f3c38;
  background: #262523;
}

:where(html[data-theme="dark"]) .i4-build-row p {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i4-build-row p b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-final-strip {
  background: #253443;
}

:where(html[data-theme="dark"]) .i5-final-strip h4 {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i5-final-strip p {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .i5-conviction {
  border: 1px solid #516b85;
  background: #283544;
}

:where(html[data-theme="dark"]) .i5-conviction b {
  color: #82d9c5;
}

:where(html[data-theme="dark"]) .i5-conviction span {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .i5-verdict-card {
  background: #262523;
  border: 1px solid #3f3c38;
  border-top: 3px solid var(--engine-accent, #2da99a);
}

:where(html[data-theme="dark"]) .i5-verdict-card.raw {
  border-top-color: #909eac;
}

:where(html[data-theme="dark"]) .i5-verdict-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-verdict-card p {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i5-score-row.top .i2-seg {
  outline: 1.5px solid #4c4843;
}

:where(html[data-theme="dark"]) .i5-score-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .i5-score-row strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-wide-panel {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .i5-chart-wrap {
  background: #262422;
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .i5-svg-label {
  fill: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-svg-note {
  fill: #aab0b5;
}

:where(html[data-theme="dark"]) .i5-chart-grid div {
  background: #262523;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .i5-chart-grid b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-chart-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .i5-chart-row span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-path-stack h5 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .i5-audit {
  background: #262422;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .i5-build-row {
  border: 1px solid #3f3c38;
  background: #262523;
}

:where(html[data-theme="dark"]) .i5-build-row p {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .i5-master-verdict {
  background: #253443;
}

:where(html[data-theme="dark"]) .i5-master-verdict h4 {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .i5-master-verdict p {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .i5-master-verdict b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .s5-hero {
  background: linear-gradient(180deg, rgba(38, 37, 35, .92), rgba(38, 36, 34, .96));
  border: 1.5px solid #ab2b2b;
}

:where(html[data-theme="dark"]) .s5-output {
  background: #253443;
}

:where(html[data-theme="dark"]) .s5-output h4 {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .s5-output p {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .s5-output-count {
  border: 1px solid #4c4843;
  background: #283544;
}

:where(html[data-theme="dark"]) .s5-output-count b {
  color: #dec97c;
}

:where(html[data-theme="dark"]) .s5-output-count span {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .s5-isolated-card {
  border: 1px solid #3f3c38;
  border-top: 4px solid #ab2b2b;
  background: #262523;
}

:where(html[data-theme="dark"]) .s5-isolated-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s5-isolated-card p {
  color: #b7bcc1;
}

:where(html[data-theme="dark"]) .s5-score-row.isolated .i2-seg {
  outline: 1.5px solid #4c4843;
}

:where(html[data-theme="dark"]) .s5-score-track, :where(html[data-theme="dark"]) .s5-perm-row div, :where(html[data-theme="dark"]) .s5-chart-row div {
  background: #23211f;
}

:where(html[data-theme="dark"]) .s5-score-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s5-wide {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .s5-perm-row i {
  background: linear-gradient(90deg, #781d1d, #446076);
}

:where(html[data-theme="dark"]) .s5-perm-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s5-method-card {
  border: 1px solid #3f3c38;
  background: #262422;
}

:where(html[data-theme="dark"]) .s5-method-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s5-method-card p {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .s5-chart-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s5-final {
  background: #253443;
}

:where(html[data-theme="dark"]) .s5-final h4 {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .s5-final p {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .s5-final b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .s5-retained {
  border-top: 2px solid #3e3b37;
}

:where(html[data-theme="dark"]) .decision-hero {
  border: 1px solid #44413c;
  border-left: 4px solid var(--engine-accent, #2da99a);
  background: #232220;
}

:where(html[data-theme="dark"]) .decision-hero h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .decision-hero p {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .decision-section h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .decision-note {
  color: #b7bbc0;
  background: #242321;
  border: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .decision-note b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .decision-picks div {
  border: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .decision-picks b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .decision-picks em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .distance-column-details {
  border: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .distance-column-details summary {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .distance-mini-grid div {
  border: 1px solid #3d3a36;
  background: #252321;
}

:where(html[data-theme="dark"]) .distance-mini-grid b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .distance-mini-grid em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .ticket-form input, :where(html[data-theme="dark"]) .coverage-input {
  border: 1px solid #44413c;
  color: #d6d8db;
  background: #262523;
}

:where(html[data-theme="dark"]) .segment-analysis-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .segment-two-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .seg2-table {
  border-top: 3px solid #4c4843;
  border-bottom: 3px solid #4c4843;
}

:where(html[data-theme="dark"]) .seg2-header {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .seg2-row {
  background: #262523;
}

:where(html[data-theme="dark"]) .seg2-row.top, :where(html[data-theme="dark"]) .seg2-row.middle {
  background: #22211f;
}

:where(html[data-theme="dark"]) .seg2-pattern {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg2-bar-cell {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg2-bar-cell span {
  border: 1px solid rgba(76, 72, 67, 0.12);
}

:where(html[data-theme="dark"]) .seg2-bar-cell.occurrence span {
  background: #34475d;
}

:where(html[data-theme="dark"]) .seg2-bar-cell.probability span {
  background: #446076;
}

:where(html[data-theme="dark"]) .seg2-sum {
  background: #201e1d;
  color: #d9dade;
  border-top: 2px solid #4c4843;
}

:where(html[data-theme="dark"]) .seg2-summary button {
  border: 1px solid rgba(76, 72, 67, 0.22);
  box-shadow: 0 1px 3px rgba(8, 9, 11, 0.12);
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .seg2-summary.middle button, :where(html[data-theme="dark"]) .seg2-summary.bottom button {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .segment-two-note {
  border: 2px solid #4c4843;
  background: #262523;
  box-shadow: 0 12px 24px rgba(8, 9, 11, .16);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .segment-three-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .seg3-block {
  border-right: 1px solid #45423d;
}

:where(html[data-theme="dark"]) .seg3-source {
  background: #304f6f;
  border-bottom: 2px solid #4c4843;
}

:where(html[data-theme="dark"]) .seg3-source b {
  border: 1px solid rgba(76, 72, 67, .2);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-subheader {
  background: #232220;
  color: #c1c4c9;
  border-bottom: 1px solid #45423d;
}

:where(html[data-theme="dark"]) .seg3-row-label {
  border-right: 1px solid #45423d;
  border-bottom: 1px solid #3e3b37;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-metric {
  border-bottom: 1px solid #3e3b37;
  border-right: 1px solid #3b3834;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-metric.empty {
  background: #262523;
}

:where(html[data-theme="dark"]) .number-analysis-one-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .number-analysis-summary {
  border: 1px solid #413e3a;
  background: #262523;
}

:where(html[data-theme="dark"]) .number-analysis-summary span, :where(html[data-theme="dark"]) .number-analysis-summary strong {
  border-right: 1px solid #413e3a;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-analysis-summary span {
  background: #22211f;
}

:where(html[data-theme="dark"]) .logic-info {
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .logic-info em {
  border: 1px solid #45423d;
  background: #262523;
  box-shadow: 0 10px 24px rgba(6, 7, 10, .14);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-analysis-block {
  border: 1px solid #413e3a;
  background: #262523;
}

:where(html[data-theme="dark"]) .number-analysis-head, :where(html[data-theme="dark"]) .number-analysis-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .number-analysis-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .number-analysis-row span, :where(html[data-theme="dark"]) .number-analysis-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-analysis-row span {
  background: #232220;
}

:where(html[data-theme="dark"]) .number-analysis-row.total {
  background: #252321;
}

:where(html[data-theme="dark"]) .number-data-bar {
  background: #262523;
}

:where(html[data-theme="dark"]) .number-data-bar i {
  background: var(--bar-color, #2b465a);
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .na-depth {
  border-top: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .na-depth-hero {
  background: linear-gradient(135deg, #253443 0%, #304f6f 100%);
  box-shadow: 0 12px 28px rgba(8, 9, 11, .10);
}

:where(html[data-theme="dark"]) .na-depth-hero span {
  color: #86d5c7;
}

:where(html[data-theme="dark"]) .na-depth-cards div {
  border: 1px solid #3f3c38;
  background: #262523;
  box-shadow: 0 8px 20px rgba(8, 9, 11, .05);
}

:where(html[data-theme="dark"]) .na-depth-cards span, :where(html[data-theme="dark"]) .na-depth-cards em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .na-depth-cards b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-depth-section {
  border: 1px solid #3f3c38;
  background: #262523;
  box-shadow: 0 8px 20px rgba(8, 9, 11, .04);
}

:where(html[data-theme="dark"]) .na-depth-title span {
  color: #54d4ca;
}

:where(html[data-theme="dark"]) .na-depth-title h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-depth-title p {
  color: #acb1b7;
}

:where(html[data-theme="dark"]) .na-depth-table th {
  background: #253443;
}

:where(html[data-theme="dark"]) .na-depth-table td {
  border-bottom: 1px solid #3b3834;
  color: #cbced1;
}

:where(html[data-theme="dark"]) .na-depth-table tr:nth-child(even) td {
  background: #262422;
}

:where(html[data-theme="dark"]) .na-depth-bar {
  background: #232120;
}

:where(html[data-theme="dark"]) .na-depth-bar strong {
  color: #d8dadd;
}

:where(html[data-theme="dark"]) .na-depth-lane span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-depth-lane b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-depth-lane i {
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .10), 0 8px 16px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .na-depth-lane em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .na-parity-tile.current {
  border: 1px solid #b9992e;
  background: #242321;
}

:where(html[data-theme="dark"]) .na-parity-tile span, :where(html[data-theme="dark"]) .na-parity-tile b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-parity-tile i {
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .10), 0 8px 16px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .na-repeat-count {
  border: 1px solid #3f3c38;
  background: #262422;
}

:where(html[data-theme="dark"]) .na-repeat-count.primary {
  border-color: #2baba1;
  background: #242220;
  box-shadow: 0 8px 18px rgba(11, 26, 25, .12);
}

:where(html[data-theme="dark"]) .na-repeat-count.cover {
  border-color: #b9992e;
  background: #242321;
  box-shadow: 0 8px 18px rgba(35, 30, 18, .12);
}

:where(html[data-theme="dark"]) .na-repeat-count span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-repeat-count b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na-repeat-count i {
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .10), 0 8px 16px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .na-repeat-count em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .na-repeat-chip {
  background: #232120;
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .na4-block-card {
  border: 1px solid #3f3c38;
  background: #262422;
  box-shadow: 0 8px 18px rgba(8, 9, 11, .04);
}

:where(html[data-theme="dark"]) .na4-block-card-head {
  border-bottom: 1px solid #3b3834;
}

:where(html[data-theme="dark"]) .na4-block-card-head b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .na4-block-card-head span {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .na4-mini-row.primary {
  background: #232220;
}

:where(html[data-theme="dark"]) .na4-mini-row.cover {
  background: #23211f;
}

:where(html[data-theme="dark"]) .na4-mini-row > span, :where(html[data-theme="dark"]) .na4-mini-row > em {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .segment-pill {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, .08);
}

:where(html[data-theme="dark"]) .na-depth-final {
  background: #252321;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .na-depth-final span {
  color: #54d4ca;
}

:where(html[data-theme="dark"]) .na-depth-final p {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .number-co-block {
  border: 1px solid #413e3a;
  background: #262523;
}

:where(html[data-theme="dark"]) .number-co-title {
  background: #d9b31a;
  color: #1b1a19;
  border-bottom: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .number-co-head, :where(html[data-theme="dark"]) .number-co-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .number-co-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .number-filter-select {
  border: 1px solid #869eb6;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-analysis-summary .analysis-page-control {
  border-right: 1px solid #413e3a;
  background: #22211f;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .analysis-page-select {
  border: 1px solid #869eb6;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-heading-info {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-co-row span, :where(html[data-theme="dark"]) .number-co-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .number-co-row span {
  background: #544b20;
}

:where(html[data-theme="dark"]) .number-co-row b {
  background: #262523;
}

:where(html[data-theme="dark"]) .number-co-row.same-number span, :where(html[data-theme="dark"]) .number-co-row.same-number b {
  background: #252321;
  color: #979da5;
}

:where(html[data-theme="dark"]) .number-analysis-five-view .number-co-title {
  background: #63ad4e;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .number-analysis-five-view .number-co-row span {
  background: #22211f;
}

:where(html[data-theme="dark"]) .pb-analysis-three-view .number-co-title {
  background: #29566c;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .pb-analysis-three-view .number-co-row span {
  background: #1f4352;
}

:where(html[data-theme="dark"]) .pb-analysis-four-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .pb4-summary {
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .pb4-summary span, :where(html[data-theme="dark"]) .pb4-summary strong {
  border-right: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .pb4-summary span {
  background: #22211f;
}

:where(html[data-theme="dark"]) .pb4-summary strong {
  background: #262523;
}

:where(html[data-theme="dark"]) .pb4-block {
  border: 1px solid #413e3a;
  background: #262523;
}

:where(html[data-theme="dark"]) .pb4-title {
  background: #29566c;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb4-head, :where(html[data-theme="dark"]) .pb4-row, :where(html[data-theme="dark"]) .pb4-total {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .pb4-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .pb4-row span, :where(html[data-theme="dark"]) .pb4-row b, :where(html[data-theme="dark"]) .pb4-total span, :where(html[data-theme="dark"]) .pb4-total b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb4-row span {
  background: #1f4352;
}

:where(html[data-theme="dark"]) .pb4-row b, :where(html[data-theme="dark"]) .pb4-total b {
  background: #262523;
}

:where(html[data-theme="dark"]) .pb4-total {
  background: #252321;
}

:where(html[data-theme="dark"]) .pb4-bar {
  background: #262523;
}

:where(html[data-theme="dark"]) .pb4-bar i {
  background: #29566c;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .pb4-hover-tooltip {
  border: 1px solid #4c4843;
  background: #262523;
  box-shadow: 0 10px 24px rgba(6, 7, 10, 0.2);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .powerball-segment-ratio-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .powerball-segment-block {
  border: 1px solid #413e3a;
  background: #262523;
}

:where(html[data-theme="dark"]) .powerball-segment-title {
  background: #2f235d;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .powerball-segment-head, :where(html[data-theme="dark"]) .powerball-segment-row, :where(html[data-theme="dark"]) .powerball-segment-total {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .oe-ratio.oe-high {
  color: #54d484;
}

:where(html[data-theme="dark"]) .oe-ratio.oe-low {
  color: #da6b6b;
}

:where(html[data-theme="dark"]) .oe-ratio.oe-mid {
  color: #b5b8bf;
}

:where(html[data-theme="dark"]) .powerball-segment-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .powerball-segment-row span, :where(html[data-theme="dark"]) .powerball-segment-row b, :where(html[data-theme="dark"]) .powerball-segment-total span, :where(html[data-theme="dark"]) .powerball-segment-total b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .powerball-segment-row b, :where(html[data-theme="dark"]) .powerball-segment-total b {
  background: #262523;
}

:where(html[data-theme="dark"]) .powerball-segment-total {
  background: #252321;
}

:where(html[data-theme="dark"]) .ratio-data-bar {
  background: #262523;
}

:where(html[data-theme="dark"]) .ratio-data-bar i {
  background: #2f235d;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .powerball-number-ratio-view .powerball-segment-title {
  background: #27665a;
}

:where(html[data-theme="dark"]) .powerball-number-ratio-view .powerball-segment-row span {
  background: #232220;
}

:where(html[data-theme="dark"]) .powerball-number-ratio-view .ratio-data-bar i {
  background: #279285;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .pb-analysis-one-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .pb-excel-title strong, :where(html[data-theme="dark"]) .pb-excel-title span {
  background: #283445;
}

:where(html[data-theme="dark"]) .pb-excel-range-strip {
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .pb-excel-range-strip span, :where(html[data-theme="dark"]) .pb-excel-range-strip b, :where(html[data-theme="dark"]) .pb-excel-range-strip em {
  border-right: 1px solid #413e3a;
  border-bottom: 1px solid #413e3a;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-excel-range-strip span {
  background: color-mix(in srgb, var(--range-color, #263e50) 60%, #262523);
}

:where(html[data-theme="dark"]) .pb-seg-block {
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .pb-seg-head, :where(html[data-theme="dark"]) .pb-seg-row, :where(html[data-theme="dark"]) .pb-seg-total {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .pb-seg-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .pb-seg-row span, :where(html[data-theme="dark"]) .pb-seg-total span {
  background: color-mix(in srgb, var(--range-color) 58%, #262523);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-seg-row b, :where(html[data-theme="dark"]) .pb-seg-row em, :where(html[data-theme="dark"]) .pb-seg-total b, :where(html[data-theme="dark"]) .pb-seg-total em {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-seg-total {
  background: #252321;
}

:where(html[data-theme="dark"]) .pb-summary-strip {
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .pb-summary-strip span, :where(html[data-theme="dark"]) .pb-summary-strip strong {
  border-right: 1px solid #413e3a;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-summary-strip span {
  background: #22211f;
}

:where(html[data-theme="dark"]) .pb-card {
  border: 1px solid #413e3a;
  background: #262523;
}

:where(html[data-theme="dark"]) .pb-card h4 {
  background: #265a88;
}

:where(html[data-theme="dark"]) .pb-heading-note .logic-info {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb1-chip {
  border: 2px solid rgba(44, 111, 170, 0.28);
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb1-range-chip {
  background: color-mix(in srgb, var(--pb1-range, #23211f) 72%, #262523);
  color: #d6d8db;
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .pb1-range-card {
  border: 1px solid #3f3c38;
  background: #262422;
}

:where(html[data-theme="dark"]) .pb1-range-card span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb1-range-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb1-range-card i {
  background: color-mix(in srgb, var(--pb1-range, #446076) 80%, #304f6f);
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .12), 0 8px 16px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .pb1-range-card em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .pb1-table tr.primary td {
  background: #242220;
}

:where(html[data-theme="dark"]) .pb1-table tr.cover td {
  background: #242321;
}

:where(html[data-theme="dark"]) .pb2-distance-card {
  border: 1px solid #3f3c38;
  background: #262422;
}

:where(html[data-theme="dark"]) .pb2-distance-card span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb2-distance-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb2-distance-card i {
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .12), 0 8px 16px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .pb2-distance-card em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .pb2-table tr.primary td {
  background: #242220;
}

:where(html[data-theme="dark"]) .pb2-table tr.cover td {
  background: #242321;
}

:where(html[data-theme="dark"]) .pb2-journey-table tr.selected td {
  background: #242220;
  box-shadow: inset 3px 0 0 #132832;
}

:where(html[data-theme="dark"]) .pb3-table tr.primary td {
  background: #242220;
}

:where(html[data-theme="dark"]) .pb3-table tr.cover td {
  background: #242321;
}

:where(html[data-theme="dark"]) .pb3-edge-table tr.latest td {
  background: #242220;
  box-shadow: inset 3px 0 0 var(--engine-accent, #142422);
}

:where(html[data-theme="dark"]) .pb4-depth-range-card {
  border: 1px solid #3f3c38;
  background: #262422;
}

:where(html[data-theme="dark"]) .pb4-depth-range-card span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb4-depth-range-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb4-depth-range-card i {
  background: linear-gradient(180deg, #29566c 0%, #14739e 100%);
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, .12), 0 8px 16px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .pb4-depth-range-card em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .pb4-depth-table tr.primary td {
  background: #242220;
}

:where(html[data-theme="dark"]) .pb4-depth-table tr.cover td {
  background: #242321;
}

:where(html[data-theme="dark"]) .pb-range-head, :where(html[data-theme="dark"]) .pb-range-row, :where(html[data-theme="dark"]) .pb-number-head, :where(html[data-theme="dark"]) .pb-number-row, :where(html[data-theme="dark"]) .pb-dist-head, :where(html[data-theme="dark"]) .pb-dist-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .pb-range-head, :where(html[data-theme="dark"]) .pb-number-head, :where(html[data-theme="dark"]) .pb-dist-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .pb-filter-select {
  border: 1px solid #869eb6;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-range-row span, :where(html[data-theme="dark"]) .pb-number-row span, :where(html[data-theme="dark"]) .pb-dist-row span {
  background: color-mix(in srgb, var(--range-color, #22211f) 54%, #262523);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-range-row b, :where(html[data-theme="dark"]) .pb-number-row b, :where(html[data-theme="dark"]) .pb-number-row em, :where(html[data-theme="dark"]) .pb-dist-row b, :where(html[data-theme="dark"]) .pb-dist-row em, :where(html[data-theme="dark"]) .pb-range-row em {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .pb-data-bar {
  background: #262523;
}

:where(html[data-theme="dark"]) .pb-data-bar i {
  background: color-mix(in srgb, var(--bar-color) 78%, #262523);
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .variation-one-view {
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .variation-family-card h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .variation-summary-row, :where(html[data-theme="dark"]) .variation-summary-head, :where(html[data-theme="dark"]) .variation-window-table-head, :where(html[data-theme="dark"]) .variation-window-table-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .variation-summary-row span {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .variation-or-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .variation-or-row span, :where(html[data-theme="dark"]) .variation-or-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .variation-window-table-head, :where(html[data-theme="dark"]) .variation-table-head, :where(html[data-theme="dark"]) .variation-summary-head, :where(html[data-theme="dark"]) .variation-window-title {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .variation-table-head, :where(html[data-theme="dark"]) .variation-table-row, :where(html[data-theme="dark"]) .variation-bucket-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .variation-table-head span, :where(html[data-theme="dark"]) .variation-table-head em, :where(html[data-theme="dark"]) .variation-table-row span, :where(html[data-theme="dark"]) .variation-table-row b, :where(html[data-theme="dark"]) .variation-bucket-row span, :where(html[data-theme="dark"]) .variation-bucket-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .variation-table-row span {
  background: #232220;
}

:where(html[data-theme="dark"]) .variation-table-row b, :where(html[data-theme="dark"]) .variation-bucket-row b {
  background: #262523;
}

:where(html[data-theme="dark"]) .variation-recent-row b {
  background: #262523;
}

:where(html[data-theme="dark"]) .variation-data-bar {
  background: #262523;
}

:where(html[data-theme="dark"]) .variation-data-bar strong {
  color: #d8dadd;
}

:where(html[data-theme="dark"]) .variation-window-block {
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .variation-recent-heading {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .variation-recent-block {
  border: 1px solid #413e3a;
}

:where(html[data-theme="dark"]) .variation-recent-title {
  background: #232220;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .variation-recent-head, :where(html[data-theme="dark"]) .variation-recent-row {
  border-bottom: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .variation-recent-head {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .variation-recent-row span {
  background: #232220;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .variation-table-row b, :where(html[data-theme="dark"]) .variation-bucket-row b, :where(html[data-theme="dark"]) .variation-recent-row b {
  background: #262523 !important;
}

:where(html[data-theme="dark"]) .or-tooltip span {
  border: 1px solid #4c4843;
  background: #262523;
  color: #d6d8db;
  box-shadow: 0 10px 22px rgba(8, 9, 11, .16);
}

:where(html[data-theme="dark"]) .variation-one-view.variation-premium-view {
  border: 1px solid #413e3a;
  background: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--variation-premium-accent, #304156) 42%, rgba(38, 37, 35, 0)), transparent 28%),
    linear-gradient(180deg, #252422 0%, #262523 42%);
  box-shadow: 0 16px 36px rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-family-card, :where(html[data-theme="dark"]) .variation-premium-view .variation-main-table, :where(html[data-theme="dark"]) .variation-premium-view .variation-bucket-table, :where(html[data-theme="dark"]) .variation-premium-view .variation-summary-stack, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-stack {
  border: 1px solid #3f3c38;
  background: rgba(38, 37, 35, .94);
  box-shadow: 0 10px 24px rgba(8, 9, 11, .06);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-family-card {
  border-top: 4px solid var(--variation-premium-accent, #47433f);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-family-card h4 {
  background: linear-gradient(135deg, #253443 0%, #335475 100%) !important;
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-window-table-head, :where(html[data-theme="dark"]) .variation-premium-view .variation-table-head, :where(html[data-theme="dark"]) .variation-premium-view .variation-summary-head, :where(html[data-theme="dark"]) .variation-premium-view .variation-window-title, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-heading, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-head {
  background: linear-gradient(135deg, #253443 0%, #304f6f 100%);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-summary-row, :where(html[data-theme="dark"]) .variation-premium-view .variation-window-table-row, :where(html[data-theme="dark"]) .variation-premium-view .variation-table-row, :where(html[data-theme="dark"]) .variation-premium-view .variation-bucket-row, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-row, :where(html[data-theme="dark"]) .variation-premium-view .variation-or-row {
  border-bottom-color: #3b3834;
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-summary-row:nth-of-type(even), :where(html[data-theme="dark"]) .variation-premium-view .variation-window-table-row:nth-of-type(even), :where(html[data-theme="dark"]) .variation-premium-view .variation-table-row:nth-child(odd), :where(html[data-theme="dark"]) .variation-premium-view .variation-bucket-row:nth-child(odd), :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-row:nth-child(odd) {
  background: #262422;
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-table-row span, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-row span, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-title {
  background: #242220;
  color: #cfd2d6;
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-table-row span {
  background: linear-gradient(180deg, #252321 0%, #22211f 100%);
  box-shadow: inset 0 0 0 1px rgba(40, 45, 51, .22);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-data-bar {
  border: 1px solid #3e3b37;
  background: #242321;
  box-shadow: inset 0 1px 2px rgba(8, 9, 11, .04);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-data-bar i {
  background: linear-gradient(90deg, color-mix(in srgb, var(--bar-color) 82%, #262523), var(--bar-color));
  box-shadow: 0 1px 4px rgba(23, 26, 29, .18);
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-data-bar strong {
  color: #d8dadd;
}

:where(html[data-theme="dark"]) .variation-premium-view .variation-window-block, :where(html[data-theme="dark"]) .variation-premium-view .variation-recent-block {
  border: 1px solid #3f3c38;
  background: #262523;
  box-shadow: 0 6px 16px rgba(8, 9, 11, .04);
}

:where(html[data-theme="dark"]) .var-ins {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .var-ins-head h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .var-ins-head p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .var-ins-head b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .var-ins-empty {
  color: #b7bbc0;
  background: #242321;
  border: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .var-ins-empty b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .var-ins-card {
  background: #262523;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .var-ins-card-head h5 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .var-ins-n {
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .var-ins-note {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .var-ins-note b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vi-axt {
  fill: #aab0b5;
}

:where(html[data-theme="dark"]) .vi-legend {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .vi-legend i.vi-dash {
  border-top: 2px dashed #546782;
}

:where(html[data-theme="dark"]) .vi-row-lab {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .vi-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .vi-tick {
  border-left: 2px dotted #546782;
}

:where(html[data-theme="dark"]) .vi-row-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vi-slot {
  color: #ffffff;
  background: #23211f;
}

:where(html[data-theme="dark"]) .vi-slot.c0 {
  background: #23211f;
  border: 1px dashed #45423d;
}

:where(html[data-theme="dark"]) .vi-slot.c1 {
  background: #365064;
}

:where(html[data-theme="dark"]) .vi-slot.c2 {
  background: #2a9183;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .vi-slot.c3 {
  background: #279184;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .vi-slot.c4 {
  background: #723b40;
}

:where(html[data-theme="dark"]) .vi-slot.c5 {
  background: #7c3d32;
}

:where(html[data-theme="dark"]) .vi-slot.c6 {
  background: #6b3232;
}

:where(html[data-theme="dark"]) .vi-slot.c7 {
  background: #552525;
}

:where(html[data-theme="dark"]) .vn-row {
  border-bottom: 1px solid #3a3734;
}

:where(html[data-theme="dark"]) .vn-arr {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.06);
}

:where(html[data-theme="dark"]) .vn-seen {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .vn-ago {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vn-table th {
  border-bottom: 1px solid #403d39;
}

:where(html[data-theme="dark"]) .vn-table td {
  border-bottom: 1px solid #3a3734;
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .vn-table td:first-child {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vn-final {
  background: #253443;
}

:where(html[data-theme="dark"]) .vn-final-eyebrow {
  color: #94c7bd;
}

:where(html[data-theme="dark"]) .vn-final-intro b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .vn-pick {
  background: #283544;
  border: 1px solid #516b85;
}

:where(html[data-theme="dark"]) .vn-pick-rank {
  background: var(--engine-accent, #236c63);
  color: #ffffff;
}

:where(html[data-theme="dark"]) .vn-pick-arr {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vn-pick > div p {
  color: #97a1a5;
}

:where(html[data-theme="dark"]) .vn-pick > div p b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .vn-final-note {
  color: #97a0a5;
}

:where(html[data-theme="dark"]) .vn-final-note b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .vt-empty {
  color: #b7bbc0;
  background: #242321;
  border: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .vrep-report {
  border: 1px solid #413e3a;
  background: linear-gradient(180deg, #252422 0%, #262523 46%);
  box-shadow: 0 10px 24px rgba(8, 9, 11, .05);
}

:where(html[data-theme="dark"]) .vrep-hero {
  background: #253443;
}

:where(html[data-theme="dark"]) .vrep-hero span {
  color: #85d6ca;
}

:where(html[data-theme="dark"]) .vrep-depth-grid div {
  border: 1px solid #3f3c38;
  background: #262523;
  box-shadow: 0 8px 18px rgba(8, 9, 11, .04);
}

:where(html[data-theme="dark"]) .vrep-depth-grid span, :where(html[data-theme="dark"]) .vrep-depth-grid em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .vrep-depth-grid b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-pick-card, :where(html[data-theme="dark"]) .vrep-context-card, :where(html[data-theme="dark"]) .vrep-section {
  border: 1px solid #3f3c38;
  background: #262523;
  box-shadow: 0 8px 20px rgba(8, 9, 11, .04);
}

:where(html[data-theme="dark"]) .vrep-pick-card span, :where(html[data-theme="dark"]) .vrep-context-card span {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .vrep-pick-card b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-pick-card em {
  color: #54d4ca;
}

:where(html[data-theme="dark"]) .vrep-pick-card p, :where(html[data-theme="dark"]) .vrep-context-card p, :where(html[data-theme="dark"]) .vrep-note {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .vrep-score-row {
  border: 1px solid #3d3a36;
  background: #262422;
}

:where(html[data-theme="dark"]) .vrep-score-row.lead {
  border-color: #6da3d0;
  background: #252321;
}

:where(html[data-theme="dark"]) .vrep-score-row.cover {
  border-color: #4a4742;
  background: #252321;
}

:where(html[data-theme="dark"]) .vrep-score-row > span:first-child {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .vrep-score-row div {
  background: #23211f;
}

:where(html[data-theme="dark"]) .vrep-score-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-score-row em {
  color: #acb1b7;
}

:where(html[data-theme="dark"]) .vrep-chip {
  border: 1px solid rgba(76, 72, 67, .1);
  background: color-mix(in srgb, var(--vrep-chip) 24%, #262523);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-chip.cover {
  background: #21201e;
}

:where(html[data-theme="dark"]) .vrep-table td:first-child {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-bar-cell {
  background: #232120;
}

:where(html[data-theme="dark"]) .vrep-bar-cell strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-list li {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .vrep-list.support li::before {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .vrep-list.conflict li::before {
  background: #924347;
}

:where(html[data-theme="dark"]) .vrep-section h5 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-risk-grid div {
  border: 1px solid #3e3b37;
  background: #252321;
}

:where(html[data-theme="dark"]) .vrep-risk-grid span, :where(html[data-theme="dark"]) .vrep-risk-grid em {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .vrep-risk-grid b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-final {
  background: linear-gradient(135deg, #253443 0%, #2d3f54 100%);
}

:where(html[data-theme="dark"]) .vrep-final span {
  color: #85d6ca;
}

:where(html[data-theme="dark"]) .vrep-final .vrep-disclaimer {
  border-top: 1px solid rgba(54, 51, 48, .14);
  color: #abafb6;
}

:where(html[data-theme="dark"]) .vrep-final .vrep-chip {
  background: #262523;
}

:where(html[data-theme="dark"]) .v14-report {
  border-color: #b9992e;
  background: linear-gradient(180deg, #252422 0%, #262523 42%);
}

:where(html[data-theme="dark"]) .v14-hero {
  background: linear-gradient(135deg, #253443 0%, #2d3f54 64%, #544315 100%);
}

:where(html[data-theme="dark"]) .v14-exec-grid .vrep-pick-card strong {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .v14-seg-chip {
  border: 1px solid rgba(76, 72, 67, .10);
  background: color-mix(in srgb, var(--v14-seg) 58%, #262523);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .v14-score-row {
  border: 1px solid #3d3a36;
  background: #262422;
}

:where(html[data-theme="dark"]) .v14-score-row.lead {
  border-color: #b9992e;
  background: #242321;
}

:where(html[data-theme="dark"]) .v14-score-row.cover {
  border-color: #4a4742;
  background: #252321;
}

:where(html[data-theme="dark"]) .v14-score-row > span:first-child, :where(html[data-theme="dark"]) .v14-score-row small {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .v14-score-row div {
  background: #23211f;
}

:where(html[data-theme="dark"]) .v14-score-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .v14-score-row em {
  color: #acb1b7;
}

:where(html[data-theme="dark"]) .segment-analysis-title {
  background: #283041;
}

:where(html[data-theme="dark"]) .segment-analysis-grid {
  background: #262523;
}

:where(html[data-theme="dark"]) .seg-header, :where(html[data-theme="dark"]) .seg-row {
  border-bottom: 1px solid #403d38;
}

:where(html[data-theme="dark"]) .seg-header {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .seg-header span, :where(html[data-theme="dark"]) .seg-row > div {
  border-right: 1px solid #403d38;
}

:where(html[data-theme="dark"]) .seg-header span {
  border-right-color: #889eb4;
}

:where(html[data-theme="dark"]) .seg-condition {
  background: #232220;
}

:where(html[data-theme="dark"]) .seg-indicator {
  background: #22201e;
  border: 1px solid #484440;
  color: #6b92bc;
}

:where(html[data-theme="dark"]) .seg-value .seg-bar {
  border: 1px solid rgba(76, 72, 67, 0.12);
}

:where(html[data-theme="dark"]) .seg-value.occurrence .seg-bar {
  background: #34475d;
}

:where(html[data-theme="dark"]) .seg-value.probability .seg-bar {
  background: #446076;
}

:where(html[data-theme="dark"]) .seg-graphs {
  background: #262523;
}

:where(html[data-theme="dark"]) .seg-graph-head h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-graph-head p b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-donut-value {
  fill: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-donut-legend {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .seg-bar-key {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.08);
}

:where(html[data-theme="dark"]) .seg-bar-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-bar-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-tier-bar {
  border: 1px solid rgba(76, 72, 67, 0.10);
}

:where(html[data-theme="dark"]) .seg-tier-legend {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .seg-dec-label {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-dec-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-dec-fill {
  background: #34475d;
}

:where(html[data-theme="dark"]) .seg-dec-fill.hi {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .seg-dec-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-dec-note b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-dec-takeaway {
  background: #232220;
  border: 1px solid #423f3a;
  border-left: 3px solid var(--engine-accent, #2da99a);
}

:where(html[data-theme="dark"]) .seg-dec-takeaway strong {
  color: #5fc9bb;
}

:where(html[data-theme="dark"]) .seg-dec-takeaway p {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .seg-dec-takeaway b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-cond-deep {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .seg-cond-card {
  background: #262523;
  border: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .seg-cond-card-head b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-cond-badge {
  color: #aab0b5;
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-cond-chip {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.08);
}

:where(html[data-theme="dark"]) .seg-cond-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg-cond-tick {
  border-left: 2px dotted #546782;
}

:where(html[data-theme="dark"]) .seg-cond-foot {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .seg-cond-foot b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-cond-tickkey {
  border-left: 2px dotted #546782;
}

:where(html[data-theme="dark"]) .seg-sc-lab {
  fill: #b6bac0;
}

:where(html[data-theme="dark"]) .seg-sc-axis {
  fill: #aab0b5;
}

:where(html[data-theme="dark"]) .seg-cond-relate-read p {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .seg-cond-relate-read b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-cond-notes p {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .seg-cond-notes b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-heat-colhead {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .seg3-heat-row-label {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.10);
}

:where(html[data-theme="dark"]) .seg3-heat-row-label.sel {
  outline: 2px solid #4c4843;
}

:where(html[data-theme="dark"]) .seg3-heat-cell.rowsel {
  box-shadow: inset 0 0 0 1px rgba(8, 9, 11, 0.18);
}

:where(html[data-theme="dark"]) .seg3-heat-scale i {
  background: linear-gradient(90deg, rgba(35, 108, 99, 0.14), rgba(35, 108, 99, 0.96));
}

:where(html[data-theme="dark"]) .seg3-drill-title {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-chip {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.08);
}

:where(html[data-theme="dark"]) .seg3-bar-key {
  color: #d6d8db;
  border: 1px solid rgba(76, 72, 67, 0.08);
}

:where(html[data-theme="dark"]) .seg3-bar-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg3-bar-fill {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .seg3-bar-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-trend-legend {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .seg3-trend-note b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-trend-subtitle {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-trend-legend b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-signals {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .seg3-sig-key.up {
  color: #56d2c1;
}

:where(html[data-theme="dark"]) .seg3-sig-key.down {
  color: #abafb6;
}

:where(html[data-theme="dark"]) .seg3-sig-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .seg3-sig-fill.up {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .seg3-sig-fill.down {
  background: #151413;
}

:where(html[data-theme="dark"]) .seg3-sig-tick {
  border-left: 2px dotted #546782;
}

:where(html[data-theme="dark"]) .seg3-sig-num b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg3-sig-foot {
  color: #b7bbc0;
  background: #242321;
  border: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .seg3-sig-foot b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .trajectory-support {
  border-top: 1px solid #3e3b37;
}

:where(html[data-theme="dark"]) .trajectory-card {
  border: 1px solid #403d39;
  background: #252422;
}

:where(html[data-theme="dark"]) .trajectory-card span {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .trajectory-card strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .trajectory-card i {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .trajectory-decision-panel {
  border: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .trajectory-mini-note {
  color: #abb0b6;
}

:where(html[data-theme="dark"]) .trajectory-score-track, :where(html[data-theme="dark"]) .trajectory-direction-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .trajectory-score-fill {
  background: linear-gradient(90deg, var(--engine-accent, #236c63), #1a47aa);
}

:where(html[data-theme="dark"]) .trajectory-score-num {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .trajectory-action {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .trajectory-direction-row span {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .trajectory-direction-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .trajectory-fill {
  background: #1a47aa;
}

:where(html[data-theme="dark"]) .trajectory-read {
  color: #b7bbc0;
}

:where(html[data-theme="dark"]) .trajectory-table td span {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .trajectory-verdict {
  border: 1px solid #44413c;
  background: #242321;
  color: #c6ccce;
}

:where(html[data-theme="dark"]) .trajectory-verdict strong {
  color: #54d4ca;
}

:where(html[data-theme="dark"]) .s3-depth {
  border-top: 1px solid #3f3c38;
}

:where(html[data-theme="dark"]) .s3-depth-verdict {
  border: 1px solid #4a4742;
  background: linear-gradient(180deg, #242321, #262523);
}

:where(html[data-theme="dark"]) .s3-depth-verdict span {
  color: #54d4ca;
}

:where(html[data-theme="dark"]) .s3-depth-verdict h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s3-depth-verdict p {
  color: #b7bcc1;
}

:where(html[data-theme="dark"]) .s3-depth-card {
  border: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .s3-depth-card h5 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s3-depth-card p {
  color: #abb0b6;
}

:where(html[data-theme="dark"]) .s3-depth-track, :where(html[data-theme="dark"]) .s3-depth-minirow div, :where(html[data-theme="dark"]) .s3-depth-drift-track, :where(html[data-theme="dark"]) .s3-depth-score {
  background: #23211f;
}

:where(html[data-theme="dark"]) .s3-depth-track i, :where(html[data-theme="dark"]) .s3-depth-minirow i, :where(html[data-theme="dark"]) .s3-depth-drift-track i, :where(html[data-theme="dark"]) .s3-depth-score i {
  background: var(--engine-accent, #236c63);
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .s3-depth-bar-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s3-depth-bar-row span:last-child {
  color: #aeb3b9;
}

:where(html[data-theme="dark"]) .s3-depth-minirow span {
  color: #c1c4c9;
}

:where(html[data-theme="dark"]) .s3-depth-minirow b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s3-depth-divider {
  background: #201e1d;
}

:where(html[data-theme="dark"]) .s3-depth-drift-track i.pos {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .s3-depth-drift-track i.neg {
  background: #9b303e;
}

:where(html[data-theme="dark"]) .s3-depth-drift-row b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s3-depth-statline div {
  border: 1px solid #3f3c38;
  background: #252422;
}

:where(html[data-theme="dark"]) .s3-depth-statline b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s3-depth-statline span {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .s3-depth-table td:nth-child(3) b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-center {
  border-left: 1px solid #3d3a36;
  border-right: 1px solid #3d3a36;
  background: #252321;
}

:where(html[data-theme="dark"]) .seg-center-card {
  border: 1px solid rgba(76, 72, 67, 0.22);
  box-shadow: 0 1px 3px rgba(8, 9, 11, 0.12);
}

:where(html[data-theme="dark"]) .seg-center-card.major {
  background: var(--engine-accent, #236c63);
}

:where(html[data-theme="dark"]) .seg-center-card.minor {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .seg-center-note {
  background: #262523;
  box-shadow: 0 14px 30px rgba(8, 9, 11, 0.18);
}

:where(html[data-theme="dark"]) .seg-center-note strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-center-note p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .seg-info-button {
  border: 1px solid #4c4843;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .seg-info-button:hover {
  background: #232220;
}

:where(html[data-theme="dark"]) .segment-summary-note {
  border: 2px solid #4c4843;
  background: #262523;
  box-shadow: 0 12px 24px rgba(8, 9, 11, .16);
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .segment-note-close {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .excel-sheet-shell {
  scrollbar-color: #8b9bb2 #3c3935;
  border: 1px solid #99938c;
  background: #262523;
}

:where(html[data-theme="dark"]) .excel-sheet-shell::-webkit-scrollbar-track {
  background: #22201e;
}

:where(html[data-theme="dark"]) .excel-sheet-shell::-webkit-scrollbar-thumb {
  background: #62748d;
}

:where(html[data-theme="dark"]) .excel-sheet-shell::-webkit-scrollbar-thumb:hover {
  background: #4a5462;
}

:where(html[data-theme="dark"]) .excel-reference-panel {
  background: #262523;
  border: 1px solid #99938c;
  box-shadow: -2px 0 0 rgba(8, 9, 11, .08);
}

:where(html[data-theme="dark"]) .reference-col-headers div {
  background: #21201e;
  color: #bbbfc4;
  border-right: 1px solid #47433f;
  border-bottom: 1px solid #47433f;
}

:where(html[data-theme="dark"]) .excel-corner {
  background: #21201e;
  border-right: 1px solid #47433f;
  border-bottom: 1px solid #47433f;
}

:where(html[data-theme="dark"]) .excel-col-headers div, :where(html[data-theme="dark"]) .sticky-col-headers div {
  background: #21201e;
  color: #bbbfc4;
  border-right: 1px solid #47433f;
  border-bottom: 1px solid #47433f;
}

:where(html[data-theme="dark"]) .excel-col-headers div.separator-col, :where(html[data-theme="dark"]) .sticky-col-headers div.separator-col {
  background: #262523;
}

:where(html[data-theme="dark"]) .excel-col-headers div.after-separator-col, :where(html[data-theme="dark"]) .sticky-col-headers div.after-separator-col {
  border-left: 1px solid #47433f;
}

:where(html[data-theme="dark"]) .frozen-col-headers div {
  background: #21201e;
  color: #bbbfc4;
  border-right: 1px solid #47433f;
  border-bottom: 1px solid #47433f;
}

:where(html[data-theme="dark"]) .excel-row-headers div {
  background: #21201e;
  color: #bbbfc4;
  border-right: 1px solid #47433f;
  border-bottom: 1px solid #423f3a;
}

:where(html[data-theme="dark"]) .excel-cell {
  border-right: 1px solid #423f3a;
  border-bottom: 1px solid #423f3a;
  color: #d6d8db;
  background: #262523;
}

:where(html[data-theme="dark"]) .excel-cell.sticky-reference-cell {
  box-shadow: 0 1px 0 #32363c;
}

:where(html[data-theme="dark"]) .excel-cell.no-inner-border {
  border-right-color: #4c4843;
  border-left-color: #4c4843;
}

:where(html[data-theme="dark"]) .excel-cell.no-grid, :where(html[data-theme="dark"]) .excel-cell.separator-col {
  background: #262523 !important;
}

:where(html[data-theme="dark"]) .excel-cell.after-separator-col {
  border-left: 1px solid #423f3a;
}

:where(html[data-theme="dark"]) .source-data-sheet .pb-circle {
  background: var(--special-ball-bg, #0a7aa2);
  color: #ffffff;
}

:where(html[data-theme="dark"]) .source-data-sheet .num-repeat-ring {
  border: 1.5px solid rgba(76, 72, 67, 0.55);
}

:where(html[data-theme="dark"]) .source-data-sheet .num-repeat-ring.num-repeat-blue {
  border-color: #416dcf;
}

:where(html[data-theme="dark"]) .source-data-sheet .num-repeat-ring.num-repeat-green {
  border-color: #2bab5a;
}

:where(html[data-theme="dark"]) .source-data-sheet .num-repeat-ring.num-repeat-red {
  border-color: #cd3535;
}

:where(html[data-theme="dark"]) .source-data-sheet .pb-circle.pb-ring {
  box-shadow: 0 0 0 1.5px rgba(8, 9, 11, 0.7);
}

:where(html[data-theme="dark"]) .source-data-sheet .pb-circle.pb-ring.num-repeat-blue {
  box-shadow: 0 0 0 1.5px #162036;
}

:where(html[data-theme="dark"]) .source-data-sheet .pb-circle.pb-ring.num-repeat-green {
  box-shadow: 0 0 0 1.5px #102417;
}

:where(html[data-theme="dark"]) .source-data-sheet .pb-circle.pb-ring.num-repeat-red {
  box-shadow: 0 0 0 1.5px #311717;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab {
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.active {
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.master-tab-compact, :where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.master-tab-compact.active {
  border: 1.5px solid #ab2b2b;
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-tab {
  border: 1.5px solid #ab2b2b;
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.master-tab-compact.taskpad-pro-btn {
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-btn .master-tab-main, :where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-btn.active .master-tab-main {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-btn .master-tab-label, :where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-btn.active .master-tab-label {
  color: #db7070;
}

:where(html[data-theme="dark"]) .worksheet-header .taskpad-pro-label {
  color: #d96969;
}

:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-tab.active .taskpad-pro-main, :where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-tab.active .taskpad-pro-label {
  color: #d96969;
}

:where(html[data-theme="dark"]) .notes-board-wrap {
  border: 1px solid #4c4843;
  background: #343434;
}

:where(html[data-theme="dark"]) .notes-app {
  border: 1px solid #4c4843;
  background: #343434;
}

:where(html[data-theme="dark"]) .notes-sidebar {
  background: #343434;
  border-right: 1px solid #4c4843;
}

:where(html[data-theme="dark"]) .notes-side-head {
  border-bottom: 1px solid #4c4843;
}

:where(html[data-theme="dark"]) .notes-search {
  border: 1px solid #4c4843;
  background: #353535;
}

:where(html[data-theme="dark"]) .notes-new-btn {
  border: 1px solid #4c4843;
  background: #104b6d;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .notes-folder-new-btn {
  background: #134f7d;
}

:where(html[data-theme="dark"]) .notes-new-btn:hover {
  background: #10699e;
}

:where(html[data-theme="dark"]) .notes-doc:hover {
  background: #373737;
}

:where(html[data-theme="dark"]) .notes-doc.active {
  background: #104b6d;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .notes-doc-rename:hover, :where(html[data-theme="dark"]) .notes-doc-del:hover, :where(html[data-theme="dark"]) .notes-doc-move:hover, :where(html[data-theme="dark"]) .notes-folder-rename:hover, :where(html[data-theme="dark"]) .notes-folder-del:hover {
  background: rgba(38, 37, 35, .16);
}

:where(html[data-theme="dark"]) .notes-doc-empty {
  color: #979da5;
}

:where(html[data-theme="dark"]) .notes-folder:hover, :where(html[data-theme="dark"]) .notes-folder.active {
  background: #30435b;
}

:where(html[data-theme="dark"]) .notes-folder-icon {
  background: linear-gradient(180deg, #0e87df, #0f4f84);
  box-shadow: inset 0 0 0 1px rgba(71, 71, 71, .18);
}

:where(html[data-theme="dark"]) .notes-folder-icon::before {
  background: #1799f0;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .notes-folder-empty {
  color: #a0a6ad;
}

:where(html[data-theme="dark"]) .notes-loose-title {
  color: #979da5;
}

:where(html[data-theme="dark"]) .notes-storage {
  border-top: 1px solid #4c4843;
  color: #979ea5;
}

:where(html[data-theme="dark"]) .notes-storage-bar {
  background: #3e3e3e;
}

:where(html[data-theme="dark"]) .notes-storage-bar i {
  background: var(--engine-accent, #236c63);
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .notes-storage-bar i.full {
  background: #842e25;
}

:where(html[data-theme="dark"]) .notes-sep {
  background: #555555;
}

:where(html[data-theme="dark"]) .notes-modal-overlay {
  background: rgba(52, 52, 52, .5);
}

:where(html[data-theme="dark"]) .notes-modal {
  background: #262523;
  color: #d6d8db;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

:where(html[data-theme="dark"]) .notes-modal p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .source-circle-modal-overlay {
  background: rgba(52, 52, 52, .5);
}

:where(html[data-theme="dark"]) .source-circle-modal {
  background: #262523;
  color: #d6d8db;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

:where(html[data-theme="dark"]) .source-circle-modal p {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .source-circle-modal-close {
  background: #23211f;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .source-circle-modal-close:hover {
  background: #1f1e1c;
}

:where(html[data-theme="dark"]) .notes-toast {
  background: #253443;
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

:where(html[data-theme="dark"]) .notes-toolbar {
  border-bottom: 1px solid #4c4843;
  background: #3a3a3a;
}

:where(html[data-theme="dark"]) .notes-toolbar button, :where(html[data-theme="dark"]) .notes-toolbar select {
  border: 1px solid #4c4843;
  background: #454545;
}

:where(html[data-theme="dark"]) .notes-toolbar button:hover, :where(html[data-theme="dark"]) .notes-toolbar select:hover {
  background: #525252;
}

:where(html[data-theme="dark"]) .notes-color {
  border: 1px solid #4c4843;
  background: #454545;
}

:where(html[data-theme="dark"]) .notes-status {
  color: #979ea5;
}

:where(html[data-theme="dark"]) .notes-status.err {
  color: #de7c7c;
}

:where(html[data-theme="dark"]) .notes-board {
  background: #343434;
}

:where(html[data-theme="dark"]) .notes-board:empty::before {
  color: #979da5;
}

:where(html[data-theme="dark"]) .notes-board img::selection {
  background: rgba(26, 71, 170, 0.25);
}

:where(html[data-theme="dark"]) .notes-board ::selection {
  background: rgba(26, 71, 170, 0.25);
}

:where(html[data-theme="dark"]) .circles-toggle-btn {
  border: 1.5px solid #ab2b2b;
  background: #262523;
}

:where(html[data-theme="dark"]) .worksheet-header .circles-toggle-pro {
  color: #d96969;
}

:where(html[data-theme="dark"]) .circles-toggle-btn.circles-on, :where(html[data-theme="dark"]) .circles-toggle-btn.circles-clines {
  color: #d96969;
}

:where(html[data-theme="dark"]) .circles-toggle-btn.circles-on {
  background: #232220;
}

:where(html[data-theme="dark"]) .circles-toggle-btn.circles-clines {
  background: #512525;
}

:where(html[data-theme="dark"]) .circles-toggle-btn.circles-on .circles-toggle-main, :where(html[data-theme="dark"]) .circles-toggle-btn.circles-clines .circles-toggle-main {
  color: #d96969;
}

/* ---- the repeat-streak ring in dark mode — gotcha #56, exactly ------------
   ⛔ THE BASE TIER WAS A MECHANICAL LIGHTNESS-FLIP AND THE SIGNAL DID NOT
   EXIST. rgba(23,33,43,.55) flipped to rgba(76,72,67,.55) while its three
   coloured siblings were hand-picked — the tier nobody wrote a dark rule for.
   Composited on its own cell it measured 1.07:1 against a 3:1 floor, over 222
   instances of a 1,027-draw grid. Screenshots settled it: light shows a clear
   oval around 11111, dark shows bare text on brown with NO RING AT ALL. That
   is gotcha #56 word for word — dark mode inverts lightness, which is wrong
   for anything whose MEANING is its colour — and the Pro feature owner rule
   #32a specifies was simply absent for every dark-mode subscriber.

   The three siblings were reported as fine. MEASURED AGAINST THE CELL FILL
   THEY SIT ON rather than against the sheet, they were not: the two warm fills
   (#F3DE8B -> #5c5023 and #F0B98A -> #6a482b) are mid-lightness browns, and a
   mid-tone ring on a mid-tone brown is nothing. Worst-of-seven fills:

     base   rgba(76,72,67,.55) -> #b5aea6   1.07:1 -> 3.64:1
     big    #416dcf            -> #6ea8ff   1.64:1 -> 3.32:1
     green  #2bab5a            -> #57d98a   2.69:1 -> 4.45:1
     red    #cd3535            -> #ff8b8b   1.58:1 -> 3.55:1

   The base tier is now OPAQUE and hand-picked, like its siblings: an alpha
   over seven different fills is what made one declaration mean seven different
   ratios. #b5aea6 sits on the same warm-neutral hue (33.3deg) as the rest of
   this file's neutral scale, so it reads as the quiet tier it is meant to be
   while still clearing the floor.

   blue and green are gotcha #56's OWN documented dark ring colours. Red is
   not: #ff6b6b, the value that gotcha names, MEASURES 2.88:1 on Daily Grand's
   olive fill and fails — this product's fills are warmer and darker than the
   sheet those platform values were picked against, so red needed one step
   brighter. Recorded here because the next fork will reach for #ff6b6b too.
   Guarded by scripts/probe_dailygrand_colour_contrast.mjs (R1). */
:where(html[data-theme="dark"]) .source-data-sheet .repeat-pill {
  border: 1px solid #b5aea6;
}

:where(html[data-theme="dark"]) .source-data-sheet .repeat-pill.repeat-pill-big {
  border-color: #6ea8ff;
}

:where(html[data-theme="dark"]) .source-data-sheet .repeat-pill.repeat-pill-green {
  border-color: #57d98a;
}

:where(html[data-theme="dark"]) .source-data-sheet .repeat-pill.repeat-pill-red {
  border-color: #ff8b8b;
}

/* ---- the Engine sub-text veil (dark only) --------------------------------
   The 10px sub-label under each Engine value ("40.00%") inherits the cell ink
   and then wears `opacity:.72`. On the two warm fills that veil takes it under
   AA: #5c5023 3.77:1 and #6a482b 3.83:1, against 4.5:1, over 52 cells. The
   background is solid — no gradient anywhere in the ancestor chain — so no
   exemption applies.
   The fix moves NO COLOUR. Lifting the veil to .90 in dark mode alone leaves
   every hue exactly as the owner picked it and takes all seven fills clear:
     #5c5023 3.77 -> 4.91   #6a482b 3.83 -> 5.00   #563924 4.67 -> 6.32
     #334626 4.61 -> 6.21   #283b4e 5.04 -> 6.90   #232120 6.52 -> 9.40
     #1f1d1c 6.74 -> 9.80
   Light mode keeps .72 and is untouched: its worst fill is 4.83:1, already
   clear, and darkening a light theme to fix a dark one is how a fix relocates. */
:where(html[data-theme="dark"]) .source-data-sheet .cell-stack i {
  opacity: 0.90;
}

:where(html[data-theme="dark"]) .source-data-sheet .excel-row-headers div {
  background: #242220;
  color: #abafb6;
}

:where(html[data-theme="dark"]) .source-data-sheet .excel-column-header {
  color: #abafb6;
}

:where(html[data-theme="dark"]) .source-data-sheet .excel-corner {
  background: #242220;
}

:where(html[data-theme="dark"]) .source-data-sheet .excel-cell {
  color: #c7cace;
}

:where(html[data-theme="dark"]) .source-data-sheet {
  background: #21201e;
}

:where(html[data-theme="dark"]) .source-data-sheet .excel-cell.sticky-sheet-header {
  box-shadow: 0 -8px 0 0 #39434c;
}

:where(html[data-theme="dark"]) .source-data-sheet .excel-row-headers div:first-child {
  box-shadow: 0 -8px 0 0 #39434c;
}

:where(html[data-theme="dark"]) .source-order-toggle {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .excel-cell.header-label-cell {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .group-title {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .group-header {
  color: #bbbfc4;
}

:where(html[data-theme="dark"]) .group-row-label {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .group-cell {
  color: #dadfdc;
}

:where(html[data-theme="dark"]) .group-total-cell {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .group-header.active-after {
  outline: 2px solid #2baba1;
  box-shadow: inset 0 0 0 1px rgba(71, 71, 71, .72);
}

:where(html[data-theme="dark"]) .group-header.active-after {
  background: #22201e;
  color: #54d498;
}

:where(html[data-theme="dark"]) .ball {
  background: #21201e;
}

:where(html[data-theme="dark"]) .ball.power {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .bar-track {
  background: #21201e;
}

:where(html[data-theme="dark"]) table {
  background: #262523;
}

:where(html[data-theme="dark"]) th {
  background: #23211f;
  color: #c3c7cb;
}

:where(html[data-theme="dark"]) .status {
  background: #23211f;
}

:where(html[data-theme="dark"]) .status.future {
  background: #232120;
}

:where(html[data-theme="dark"]) .account-hub-grid .primary-action, :where(html[data-theme="dark"]) .account-hub-title > .primary-action {
  background: #4e575e;
  border-color: #4c4843;
}

:where(html[data-theme="dark"]) canvas {
  background: #262422;
}

:where(html[data-theme="dark"]) .draft-notice {
  background: #242220;
  border: 1px solid #d89f64;
  color: #d47454;
}

:where(html[data-theme="dark"]) .plan-badge {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .age-gate {
  background: rgba(38, 57, 66, 0.72);
}

:where(html[data-theme="dark"]) .nverdict-view {
  --nverdict-primary: #54d4bf;
  --nverdict-cover: #89a7c6;
}

:where(html[data-theme="dark"]) .nverdict-hero {
  border-color: rgba(171, 136, 43, 0.55);
  box-shadow: inset 0 0 0 1px rgba(76, 64, 25, 0.28);
}

:where(html[data-theme="dark"]) .nverdict-pick {
  background: linear-gradient(135deg, #262523 0%, #252321 100%);
  box-shadow: 0 14px 32px rgba(7, 9, 11, 0.08);
}

:where(html[data-theme="dark"]) .nverdict-pick.cover {
  background: linear-gradient(135deg, #262523 0%, #252422 100%);
}

:where(html[data-theme="dark"]) .nverdict-honesty {
  background: #242321;
  border: 1px solid #3e3b37;
  color: #adb1b7;
}

:where(html[data-theme="dark"]) .nverdict-honesty strong {
  color: #c6cace;
}

:where(html[data-theme="dark"]) .nverdict-edge {
  background: #232220;
  border: 1px solid #484540;
}

:where(html[data-theme="dark"]) .nverdict-edge > i {
  background: #1c763e;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .nverdict-edge strong {
  color: #54d484;
}

:where(html[data-theme="dark"]) .nverdict-edge p {
  color: #c8cfcb;
}

:where(html[data-theme="dark"]) .streak-hero {
  background: #253443;
}

:where(html[data-theme="dark"]) .streak-hero > span {
  color: #88d3c4;
}

:where(html[data-theme="dark"]) .streak-cur-grid > div {
  background: #252321;
}

:where(html[data-theme="dark"]) .streak-row.live {
  background: #232220;
}

:where(html[data-theme="dark"]) .streak-seg {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .streak-bar {
  background: #23211f;
}

:where(html[data-theme="dark"]) .streak-bar i {
  background: #446076;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .streak-row .streak-up {
  color: #54d484;
}

:where(html[data-theme="dark"]) .streak-row .streak-down {
  color: #da6b6b;
}

:where(html[data-theme="dark"]) .streak-high {
  background: #205432;
  color: #54d484;
}

:where(html[data-theme="dark"]) .streak-med {
  background: #1f3452;
  color: #689fd9;
}

:where(html[data-theme="dark"]) .streak-low {
  background: #21201e;
  color: #bdbbb3;
}

:where(html[data-theme="dark"]) .streak-table th {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .streak-table td {
  border-bottom: 1px solid #3b3834;
}

:where(html[data-theme="dark"]) .tedge-table tr.tedge-hot td {
  background: #23211f;
}

:where(html[data-theme="dark"]) .tedge-thin {
  color: #d8bb63;
  background: #574c25;
}

:where(html[data-theme="dark"]) .sprd-lane {
  background: #262523;
}

:where(html[data-theme="dark"]) .sprd-lane.current {
  border-color: #2b7cab;
  box-shadow: inset 0 0 0 1px #0e1b23;
}

:where(html[data-theme="dark"]) .sprd-lane-head i {
  color: #689fd9;
  background: #1f3452;
}

:where(html[data-theme="dark"]) .sprd-row {
  border-top: 1px solid #3b3834;
}

:where(html[data-theme="dark"]) .sverdict-read {
  background: #252321;
  border-left: 4px solid #2b7cab;
  color: #cccfd3;
}

:where(html[data-theme="dark"]) .sverdict-card {
  background: #262523;
}

:where(html[data-theme="dark"]) .sverdict-card.anchor {
  border-top: 4px solid #2b7cab;
}

:where(html[data-theme="dark"]) .sverdict-card.dark {
  border-top: 4px solid #2bab5c;
}

:where(html[data-theme="dark"]) .sverdict-card.avoid {
  border-top: 4px solid #ab2b2b;
}

:where(html[data-theme="dark"]) .nedge-num {
  border: 2px solid #45423d;
  background: #262523;
}

:where(html[data-theme="dark"]) .nedge-num.above {
  border-color: #2bab5c;
  background: #232220;
  color: #54d484;
}

:where(html[data-theme="dark"]) .nedge-num.below {
  border-color: #ab2b2b;
  background: #242321;
  color: #da6b6b;
}

:where(html[data-theme="dark"]) .rheat th {
  background: #304f6f;
}

:where(html[data-theme="dark"]) .rheat td {
  border: 1px solid #363330;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .rheat .rheat-pb {
  background: #23211f;
}

:where(html[data-theme="dark"]) .rheat .rheat-hi2 {
  background: #2b6b42;
}

:where(html[data-theme="dark"]) .rheat .rheat-hi1 {
  background: #21563b;
}

:where(html[data-theme="dark"]) .rheat .rheat-mid {
  background: #242220;
  color: #adb1b7;
}

:where(html[data-theme="dark"]) .rheat .rheat-lo1 {
  background: #521f1f;
}

:where(html[data-theme="dark"]) .rheat .rheat-lo2 {
  background: #622525;
}

:where(html[data-theme="dark"]) .rheat .rheat-dim {
  background: #252321;
  color: #abafb6;
}

:where(html[data-theme="dark"]) .rfun-row.ghost .rfun-fill {
  background: repeating-linear-gradient(45deg, #151413, #151413 6px, #1d1c1a 6px, #1d1c1a 12px);
}

:where(html[data-theme="dark"]) .rfun-track {
  background: #23211f;
}

:where(html[data-theme="dark"]) .rfun-fill {
  background: #253443;
}

:where(html[data-theme="dark"]) .rhist-col i {
  background: #1a1918;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .rhist-col.obs i {
  background: #253443;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .verdict-hero-gold {
  border: 1.5px solid rgba(206, 172, 61, 0.65);
  box-shadow: inset 0 0 0 1px rgba(76, 64, 25, 0.28), 0 18px 36px rgba(8, 7, 4, 0.06);
}

:where(html[data-theme="dark"]) .v14-hero {
  border: 1.5px solid rgba(206, 172, 61, 0.65);
  box-shadow: inset 0 0 0 1px rgba(76, 64, 25, 0.28);
}

:where(html[data-theme="dark"]) .verdict-hero-plaque {
  background: linear-gradient(180deg, rgba(38, 37, 35, .92), rgba(38, 36, 34, .96));
  border: 1.5px solid #ab2b2b;
  box-shadow: 0 14px 30px rgba(8, 7, 4, 0.08);
}

:where(html[data-theme="dark"]) .verdict-hero-plaque > span, :where(html[data-theme="dark"]) .verdict-hero-plaque .conc-eyebrow {
  color: #d96969;
}

:where(html[data-theme="dark"]) .verdict-hero-plaque h3, :where(html[data-theme="dark"]) .verdict-hero-plaque h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .verdict-hero-plaque p {
  color: #c4c7cb;
}

:where(html[data-theme="dark"]) .verdict-hero-plaque p b, :where(html[data-theme="dark"]) .verdict-hero-plaque h4 b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .crown-plaque {
  background: linear-gradient(180deg, rgba(38, 37, 35, .94), rgba(37, 36, 34, .97));
  border: 2px solid #ab2b2b;
  box-shadow: 0 16px 34px rgba(17, 9, 9, 0.10);
}

:where(html[data-theme="dark"]) .crown-plaque > span {
  color: #d96969;
}

:where(html[data-theme="dark"]) .crown-plaque h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .crown-plaque p {
  color: #c4c7cb;
}

:where(html[data-theme="dark"]) .crown-plaque p b, :where(html[data-theme="dark"]) .crown-plaque h4 b {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .crown-preview-toggle {
  background: #23211f;
}

:where(html[data-theme="dark"]) .crown-preview-toggle button {
  color: #bcbcc5;
}

:where(html[data-theme="dark"]) .crown-preview-toggle button.on {
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .crown-free-row {
  background: #252422;
}

:where(html[data-theme="dark"]) .crown-free-tag {
  color: #54d484;
  background: #205432;
}

:where(html[data-theme="dark"]) .crown-locked-row td {
  background: repeating-linear-gradient(135deg, #242321, #242321 9px, #232220 9px, #232220 18px);
}

:where(html[data-theme="dark"]) .nedge-num.crown-lock-num {
  color: #979da5;
  border-color: #403d39;
  background: #262422;
}

:where(html[data-theme="dark"]) .crown-lock-mini {
  color: #979ea5;
}

:where(html[data-theme="dark"]) .conc-consent-card {
  border: 1.5px solid #45423d;
  background: linear-gradient(180deg,#252422,#262523);
  box-shadow: 0 18px 40px rgba(27, 13, 13, .12);
}

:where(html[data-theme="dark"]) .conc-consent-banner {
  background: #23211f;
  border: 1px solid #43403b;
  color: #d96969;
}

:where(html[data-theme="dark"]) .conc-paidlock-title {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .conc-paidlock-body {
  color: #b5b9bf;
}

:where(html[data-theme="dark"]) .crown-lock-panel {
  border: 1.5px solid #ab2b2b;
  background: linear-gradient(180deg, #252422, #242220);
}

:where(html[data-theme="dark"]) .crown-lock-panel-badge {
  color: #d96969;
  background: #23211f;
}

:where(html[data-theme="dark"]) .crown-lock-panel h4 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .crown-lock-panel p {
  color: #b6b9c0;
}

:where(html[data-theme="dark"]) .crown-upsell-btn {
  color: #ffffff;
  background: linear-gradient(135deg, #781d1d, #8b1a1a);
  box-shadow: 0 8px 20px rgba(27, 14, 14, 0.22);
}

:where(html[data-theme="dark"]) .crown-lock-foot {
  color: #979da5 !important;
}

:where(html[data-theme="dark"]) .conc-yearly-note {
  color: #d96969 !important;
}

:where(html[data-theme="dark"]) .plans-billing-note {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .plans-hero h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .plans-hero p {
  color: #b6b9c0;
}

:where(html[data-theme="dark"]) .plans-billing-toggle {
  background: #23211f;
}

:where(html[data-theme="dark"]) .plans-billing-toggle button {
  color: #bcbcc5;
}

:where(html[data-theme="dark"]) .plans-billing-toggle button.on {
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .plans-save {
  color: #54d484;
  background: #205432;
}

:where(html[data-theme="dark"]) .plans-billing-toggle button.on .plans-save {
  color: #54d484;
}

:where(html[data-theme="dark"]) .plan-card {
  border: 1px solid #3e3b37;
  background: #262523;
}

:where(html[data-theme="dark"]) .plan-card.featured {
  border: 2px solid #ab2b2b;
  background: linear-gradient(180deg, #252422, #232220);
  box-shadow: 0 18px 40px rgba(33, 15, 15, 0.22);
}

:where(html[data-theme="dark"]) .plan-card-pro {
  border: 1.5px solid #ab2b2b;
  background: linear-gradient(180deg, #252422, #232220);
  box-shadow: 0 12px 28px rgba(33, 15, 15, 0.10);
}

:where(html[data-theme="dark"]) .plan-card-pro .plan-name {
  color: #d96969;
}

:where(html[data-theme="dark"]) .plan-badge {
  background: linear-gradient(120deg, #8b1a1a, #7e2323 42%, #a42d2d 50%, #7e2323 58%, #8b1a1a);
  box-shadow: inset 0 1px 0 rgba(71, 71, 71, .6), 0 2px 6px rgba(16, 7, 7, .45);
  text-shadow: 0 1px 0 rgba(71, 71, 71, .3);
}

:where(html[data-theme="dark"]) .plan-save-badge {
  color: #54d484;
  background: #205432;
}

:where(html[data-theme="dark"]) .plan-name {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .plan-price {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .plan-feats li {
  color: #c7cace;
  border-top: 1px solid #3a3734;
}

:where(html[data-theme="dark"]) .plan-feats li::before {
  color: var(--engine-accent, #62d5c7);
}

:where(html[data-theme="dark"]) .plan-feats li.off {
  color: #979ea5;
}

:where(html[data-theme="dark"]) .plan-cta {
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .plan-cta.gold {
  background: linear-gradient(180deg, #b52d2d 0%, #882424 20%, #731b1b 38%, #bb2c2c 52%, #781d1d 66%, #9b1a1a 84%, #7f1515 100%);
  box-shadow: inset 0 1px 0 rgba(71, 71, 71, .55), 0 5px 14px rgba(27, 13, 13, .4);
  text-shadow: 0 1px 0 rgba(100, 86, 33, .35);
}

:where(html[data-theme="dark"]) .plan-cta.blue {
  background: linear-gradient(135deg, #781d1d, #8b1a1a);
}

:where(html[data-theme="dark"]) .plan-cta.ghost {
  background: #23211f;
  color: #979da5;
}

:where(html[data-theme="dark"]) .plans-checkout-note {
  color: #54d484;
}

:where(html[data-theme="dark"]) .plans-foot {
  color: #979da5;
}

:where(html[data-theme="dark"]) .nverdict-number {
  border: 2px solid rgba(43, 171, 150, 0.35);
  background: #262523;
}

:where(html[data-theme="dark"]) .nverdict-chip {
  box-shadow: inset 0 0 0 1px rgba(6, 7, 10, 0.08);
}

:where(html[data-theme="dark"]) .nverdict-bar i {
  background: #446076;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .nverdict-combo-table tr.lead {
  background: rgba(35, 108, 99, 0.10);
}

:where(html[data-theme="dark"]) .nverdict-combo-table tr.cover {
  background: rgba(68, 96, 118, 0.10);
}

:where(html[data-theme="dark"]) .nverdict-final {
  border-color: rgba(171, 136, 43, 0.58);
}

:where(html[data-theme="dark"]) .p7-report {
  --p7-primary: #54d4bf;
  --p7-cover: #d7b55e;
  --p7-blue: #89a7c6;
}

:where(html[data-theme="dark"]) .p7-hero {
  border-color: rgba(171, 136, 43, 0.62);
  box-shadow: inset 0 0 0 1px rgba(76, 64, 25, 0.28), 0 18px 36px rgba(8, 7, 4, 0.06);
}

:where(html[data-theme="dark"]) .p7-pick {
  background: linear-gradient(135deg, #262523 0%, #252321 100%);
  box-shadow: 0 14px 32px rgba(7, 9, 11, 0.08);
}

:where(html[data-theme="dark"]) .p7-pick.cover {
  background: linear-gradient(135deg, #262523 0%, #242321 100%);
}

:where(html[data-theme="dark"]) .p7-pb-chip {
  border: 2px solid rgba(43, 171, 150, 0.35);
  background: #262523;
}

:where(html[data-theme="dark"]) .p7-pb-chip.cover {
  border-color: rgba(171, 136, 43, 0.48);
  background: #53491f;
}

:where(html[data-theme="dark"]) .p7-group-chip {
  box-shadow: inset 0 0 0 1px rgba(6, 7, 10, 0.08);
}

:where(html[data-theme="dark"]) .p7-table tr.primary {
  background: rgba(35, 108, 99, 0.10);
}

:where(html[data-theme="dark"]) .p7-table tr.cover {
  background: rgba(123, 94, 19, 0.10);
}

:where(html[data-theme="dark"]) .p7-final {
  border-color: rgba(171, 136, 43, 0.62);
}

:where(html[data-theme="dark"]) .upgrade-gate {
  background: linear-gradient(180deg, #262523, #252321);
}

:where(html[data-theme="dark"]) .upgrade-gate.upgrade-gate-pro {
  background: linear-gradient(180deg, rgba(38, 37, 35, .96), rgba(37, 35, 33, .98));
  border-color: #ab2b2b;
  box-shadow: 0 18px 40px rgba(16, 11, 7, .1);
}

:where(html[data-theme="dark"]) .upgrade-gate.upgrade-gate-pro {
  background: linear-gradient(180deg, rgba(38, 37, 35, .96), rgba(37, 35, 33, .98));
  border-color: #ab2b2b;
  box-shadow: 0 18px 40px rgba(16, 11, 7, .1);
}

:where(html[data-theme="dark"]) .upgrade-gate-pro .upgrade-badge {
  background: #731b1b;
}

:where(html[data-theme="dark"]) .upgrade-gate-pro .upgrade-badge {
  background: #731b1b;
}

:where(html[data-theme="dark"]) .upgrade-gate h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .upgrade-lede {
  color: #c4c7cb;
}

:where(html[data-theme="dark"]) .upgrade-feats li {
  color: #cbd2d2;
  border-bottom: 1px solid #3b3834;
}

:where(html[data-theme="dark"]) .upgrade-feats li::before {
  color: var(--engine-accent, #62d5c7);
}

:where(html[data-theme="dark"]) .upgrade-gate-pro .upgrade-feats li::before {
  color: #d96767;
}

:where(html[data-theme="dark"]) .upgrade-price {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .upgrade-price small {
  color: #9aa0a7;
}

:where(html[data-theme="dark"]) .upgrade-cta {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .upgrade-gate-pro .upgrade-cta {
  background: linear-gradient(135deg, #781d1d, #8b1a1a);
}

:where(html[data-theme="dark"]) .upgrade-gate-pro .upgrade-cta {
  background: linear-gradient(135deg, #781d1d, #8b1a1a);
}

:where(html[data-theme="dark"]) .upgrade-foot {
  color: #a8a8b4;
}

:where(html[data-theme="dark"]) .au-billing-toggle {
  background: #23211f;
}

:where(html[data-theme="dark"]) .au-billing-toggle button {
  color: #bcbcc5;
}

:where(html[data-theme="dark"]) .au-billing-toggle button.on {
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .au-save {
  color: #54d484;
}

:where(html[data-theme="dark"]) .au-billing-toggle button.on .au-save {
  color: #7cdea0;
}

:where(html[data-theme="dark"]) .au-plan-card {
  border: 1.5px solid #3e3b37;
  background: #262523;
}

:where(html[data-theme="dark"]) .au-plan-card.au-featured {
  border-color: #ab2b2b;
  background: #262523;
  box-shadow: 0 16px 34px rgba(16, 11, 7, .08);
}

:where(html[data-theme="dark"]) .au-plan-card.au-plan-pro {
  border-color: #ab2b2b;
  background: #262523;
  box-shadow: 0 12px 28px rgba(33, 15, 15, .09);
}

:where(html[data-theme="dark"]) .au-plan-card.au-plan-pro h3 {
  color: #d96969;
}

:where(html[data-theme="dark"]) .au-plan-badge {
  background: linear-gradient(120deg,#8b1a1a,#7e2323 42%,#a42d2d 50%,#7e2323 58%,#8b1a1a);
  box-shadow: inset 0 1px 0 rgba(71, 71, 71, .6), 0 2px 6px rgba(16, 7, 7, .4);
  text-shadow: 0 1px 0 rgba(71, 71, 71, .3);
}

:where(html[data-theme="dark"]) .au-plan-card h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .au-plan-card.au-featured h3 {
  color: #d96969;
  -webkit-text-fill-color: #d96969;
}

:where(html[data-theme="dark"]) .au-plan-price .au-price {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .au-plan-price .au-per {
  color: #9aa0a7;
}

:where(html[data-theme="dark"]) .au-price-hint {
  color: #54d484;
}

:where(html[data-theme="dark"]) .au-price-hint .au-hint-yearly {
  color: #9aa0a7;
}

:where(html[data-theme="dark"]) .au-save-flag {
  background: #1c763e;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .au-billing-toggle button.on .au-save-flag {
  background: #23954d;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .au-plan-feats li {
  color: #cbd2d2;
}

:where(html[data-theme="dark"]) .au-plan-feats li::before {
  color: var(--engine-accent, #62d5c7);
}

:where(html[data-theme="dark"]) .au-plan-cta.pro-cta-monthly {
  background: #262523;
}

:where(html[data-theme="dark"]) .au-plan-cta.pro-cta-monthly:hover {
  background: #232220;
}

:where(html[data-theme="dark"]) .au-plan-cta.au-cta-basic {
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .au-plan-cta.au-cta-basic:hover {
  background: #2c3a4b;
}

:where(html[data-theme="dark"]) .au-plan-cta.au-cta-pro {
  background: linear-gradient(135deg, #781d1d, #8b1a1a);
  color: #ffffff;
}

:where(html[data-theme="dark"]) .au-plan-cta.au-cta-pro-alt {
  background: linear-gradient(135deg, #9b1a1a, #781d1d 55%, #7f1515);
}

:where(html[data-theme="dark"]) .au-plan-foot {
  border-top: 1px solid #3d3a36;
}

:where(html[data-theme="dark"]) .au-plan-foot-note {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .au-back-btn {
  border: 1.5px solid #45423d;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .au-back-btn:hover {
  background: #232220;
  border-color: #8b9bb2;
}

:where(html[data-theme="dark"]) .verify-banner {
  background: #23211f;
  border: 1px solid #d8be64;
}

:where(html[data-theme="dark"]) .verify-banner p {
  color: #d4bc54;
}

:where(html[data-theme="dark"]) .verify-ok {
  color: #54d484;
}

:where(html[data-theme="dark"]) .stats-page h1 {
  color: #5c8dd6;
}

:where(html[data-theme="dark"]) .stats-page h2 {
  color: #5c8dd6;
}

:where(html[data-theme="dark"]) .stats-page h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .stats-crumbs {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-crumbs a {
  color: #54c3d4;
}

:where(html[data-theme="dark"]) .stats-intro {
  color: #c7cace;
}

:where(html[data-theme="dark"]) .stats-updated {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-sub {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-card {
  border: 1px solid #3e3b37;
  background: #262523;
}

:where(html[data-theme="dark"]) .stats-big {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .stats-big b {
  color: #5c8dd6;
}

:where(html[data-theme="dark"]) .stats-chip {
  border: 1px solid #3e3b37;
  background: #252321;
}

:where(html[data-theme="dark"]) .stats-chip b {
  color: #5c8dd6;
}

:where(html[data-theme="dark"]) .stats-chip small {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-chip.hot {
  background: #23211f;
  border-color: #47443f;
}

:where(html[data-theme="dark"]) .stats-chip.hot b {
  color: #54c3d4;
}

:where(html[data-theme="dark"]) .stats-chip.cold {
  background: #23211f;
  border-color: #413e3a;
}

:where(html[data-theme="dark"]) .stats-chip.over {
  background: #22211f;
  border-color: #45423d;
}

:where(html[data-theme="dark"]) .stats-chip.over b {
  color: #d4a754;
}

:where(html[data-theme="dark"]) .stats-bar {
  background: linear-gradient(180deg, #086776, #083476);
}

:where(html[data-theme="dark"]) .stats-bar-n {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-figure figcaption {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-pb {
  background: #083476;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .stats-cta {
  border: 1.5px solid #47443f;
  background: linear-gradient(180deg, #242321, #262523);
}

:where(html[data-theme="dark"]) .stats-links a {
  color: #54c3d4;
}

:where(html[data-theme="dark"]) .stats-faq details {
  border: 1px solid #3e3b37;
  background: #262523;
}

:where(html[data-theme="dark"]) .stats-faq summary {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .stats-faq p {
  color: #c7cace;
}

:where(html[data-theme="dark"]) .stats-compliance {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .stats-compliance a {
  color: #54c3d4;
}

:where(html[data-theme="dark"]) .stats-hub-card {
  border: 1px solid #3e3b37;
  background: #262523;
}

:where(html[data-theme="dark"]) .stats-hub-card:hover {
  box-shadow: 0 8px 22px rgba(8, 13, 21, .10);
}

:where(html[data-theme="dark"]) .stats-hub-card h3 {
  color: #5c8dd6;
}

:where(html[data-theme="dark"]) .stats-hub-go {
  color: #54c3d4;
}

:where(html[data-theme="dark"]) .lp-trust {
  color: #a3a8af;
}

:where(html[data-theme="dark"]) .lp-sample-eyebrow {
  color: #54c3d4;
}

:where(html[data-theme="dark"]) .lp-sample-ball {
  background: rgba(38, 37, 35, .12);
  color: #ffffff;
}

:where(html[data-theme="dark"]) .lp-sample-ball.pb {
  background: #086776;
}

:where(html[data-theme="dark"]) .lp-sample-stats b {
  color: #ffffff;
}

:where(html[data-theme="dark"]) .lp-sample-link {
  color: #7cd0de;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-supp-chip {
  background: #156f4e;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-worksheet-header .worksheet-title-with-note {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-worksheet-header .worksheet-title-text {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .worksheet-tab.quicknav-tab.taskpad-pro-btn {
  background: #262523;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .worksheet-tab.quicknav-tab.taskpad-pro-btn .master-tab-label {
  color: #db7070;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .engine-tool-btn {
  border: 1px solid #47433f;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .engine-tool-btn:hover {
  border-color: #2bab7b;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .excel-row-headers .source-order-toggle {
  border: 1px solid #4c4843;
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plans-lede h3 {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plans-lede p {
  color: #aaafb5;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-card {
  border: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-pro {
  border-color: #2bab7b;
  box-shadow: 0 8px 26px rgba(16, 36, 28, 0.12);
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-pro-accent {
  border-color: #ab2b2b;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-tag {
  background: #156f4e;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-pro-accent .oz-plan-tag {
  background: #781d1d;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-name {
  color: #aaafb5;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-price {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-price small {
  color: #979da5;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-blurb {
  color: #bbbfc4;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-feats li {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-feats li::before {
  color: #54d4a4;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-cta {
  border: 1px solid #4c4843;
  background: #253443;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plan-basic .oz-plan-cta {
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-plans-foot {
  color: #979da5;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .source-data-sheet .supp-circle.supp-ring {
  box-shadow: 0 0 0 1.5px rgba(8, 9, 11, 0.7);
}

:where(html[data-theme="dark"]) .oz-dashboard-page .source-data-sheet .supp-circle.supp-ring-blue {
  box-shadow: 0 0 0 1.5px #162036;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .source-data-sheet .supp-circle.supp-ring-green {
  box-shadow: 0 0 0 1.5px #102417;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .source-data-sheet .supp-circle.supp-ring-red {
  box-shadow: 0 0 0 1.5px #311717;
}

:where(html[data-theme="dark"]) .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring {
  box-shadow: 0 0 0 1.5px #474747, 0 0 0 3px rgba(8, 9, 11, 0.7);
}

:where(html[data-theme="dark"]) .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring-blue {
  box-shadow: 0 0 0 1.5px #474747, 0 0 0 3px #162036;
}

:where(html[data-theme="dark"]) .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring-green {
  box-shadow: 0 0 0 1.5px #474747, 0 0 0 3px #102417;
}

:where(html[data-theme="dark"]) .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring-red {
  box-shadow: 0 0 0 1.5px #474747, 0 0 0 3px #311717;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-taskpad {
  border: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-taskpad-head {
  border-bottom: 1px solid #3d3a37;
  background: #252321;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-taskpad-head strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-taskpad-head span {
  color: #aaafb5;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-taskpad-head em {
  color: #54d4a4;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-taskpad-board {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .supp-lane-bar {
  background: #242321;
  border: 1px solid #403d39;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .supp-lane-label {
  color: #bbbfc4;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .supp-lane-btn {
  border: 1px solid #47433f;
  background: #262523;
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .supp-lane-btn:hover {
  border-color: #2bab7b;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .supp-lane-btn.active {
  background: #156f4e;
  border-color: #2bab7b;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .supp-lane-note {
  color: #aaafb5;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .source-data-sheet .supp-circle {
  background: #156f4e;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-sheet-head strong {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-sheet-frame {
  border-top: 1px solid #403d39;
  background: #262523;
}

:where(html[data-theme="dark"]) .oz-dashboard-page .oz-sheet-table td {
  border: 1px solid #3d3a37;
}

:where(html[data-theme="dark"]) .fav-modal-backdrop {
  background: rgba(8, 52, 118, .38);
}

:where(html[data-theme="dark"]) .fav-modal {
  background: #262523;
  box-shadow: 0 24px 60px rgba(8, 13, 21, .28);
}

:where(html[data-theme="dark"]) .fav-pick-btn {
  border: 1px solid #2b5eab;
  background: #262523;
  color: #5c8dd6;
}

:where(html[data-theme="dark"]) .fav-pick-btn:hover {
  background: rgba(8, 52, 118, .06);
}

:where(html[data-theme="dark"]) .fav-pick-btn.is-added {
  background: #083476;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .analysis-window-toggle {
  background: #262523;
  color: #c1c4c9;
  border: 1px solid #45423d;
}

:where(html[data-theme="dark"]) .analysis-window-toggle:hover, :where(html[data-theme="dark"]) .analysis-window-toggle:focus-visible {
  background: #232220;
  color: #d8dadd;
  border-color: #8b9bb2;
}

:where(html[data-theme="dark"]) .analysis-window-toggle::after {
  border: 1px solid #45423d;
  background: #253443;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(6, 7, 10, .2);
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .oz-supp-chip {
  background: #7a3d0e;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .engine-tool-btn:hover {
  border-color: #ab622b;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .oz-plan-pro {
  border-color: #ab622b;
  box-shadow: 0 8px 26px rgba(38, 25, 14, 0.12);
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .oz-plan-tag {
  background: #7a3d0e;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .oz-plan-feats li::before {
  color: #d58e58;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .oz-taskpad-head em {
  color: #d58e58;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .supp-lane-btn:hover {
  border-color: #ab622b;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .supp-lane-btn.active {
  background: #7a3d0e;
  border-color: #ab622b;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .tatts-dashboard-page .source-data-sheet .supp-circle {
  background: #7a3d0e;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .oz-supp-chip {
  background: #81142f;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .engine-tool-btn:hover {
  border-color: #ab2b4a;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .oz-plan-pro {
  border-color: #ab2b4a;
  box-shadow: 0 8px 26px rgba(41, 17, 23, 0.12);
}

:where(html[data-theme="dark"]) .ww-dashboard-page .oz-plan-tag {
  background: #81142f;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .oz-plan-feats li::before {
  color: #d96783;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .oz-taskpad-head em {
  color: #d96783;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .supp-lane-btn:hover {
  border-color: #ab2b4a;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .supp-lane-btn.active {
  background: #81142f;
  border-color: #ab2b4a;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .ww-dashboard-page .source-data-sheet .supp-circle {
  background: #81142f;
  color: #ece9e3;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .oz-supp-chip {
  background: #0aa877;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .engine-tool-btn:hover {
  border-color: #2bab83;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .oz-plan-pro {
  border-color: #2bab83;
  box-shadow: 0 8px 26px rgba(12, 32, 26, 0.12);
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .oz-plan-tag {
  background: #0aa877;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .oz-plan-feats li::before {
  color: #54d4ac;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .oz-taskpad-head em {
  color: #54d4ac;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .supp-lane-btn:hover {
  border-color: #2bab83;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .supp-lane-btn.active {
  background: #0aa877;
  border-color: #2bab83;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .sfl-dashboard-page .source-data-sheet .supp-circle {
  background: #0aa877;
  color: #1b1a19;
}

/* LOTO (France) — dark-mode Chance Number repeat-badge (QA deep-audit fix,
   6 Aug 2026, pairs with the light-mode override in styles.css). Without
   this, dark mode would inherit the shared default (.oz-dashboard-page dark
   rule above: #156f4e/#ffffff, itself AA-passing at ~6.1:1) but then look
   inconsistent — light mode is blue, dark mode would stay green. #0a4f95 is a
   darkened French-blue matching the light accent family; independently
   computed contrast with white text: relative luminance 0.0783, contrast
   (1.05)/(0.0783+0.05) = 8.19:1 — clears AA (4.5:1) with margin. */
:where(html[data-theme="dark"]) .lf-dashboard-page .source-data-sheet .supp-circle {
  background: #0a4f95;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .participating-caption {
  color: #adb3b8;
}

:where(html[data-theme="dark"]) .participating-flag {
  box-shadow: 0 0 0 1px rgba(8, 9, 11, .18);
  background: #262523;
}

:where(html[data-theme="dark"]) .participating-flag:hover, :where(html[data-theme="dark"]) .participating-flag:focus-visible {
  box-shadow: 0 0 0 1.5px rgba(8, 9, 11, .45);
}

:where(html[data-theme="dark"]) .acct-group-head:hover {
  background: rgba(37, 52, 67, .04);
}

:where(html[data-theme="dark"]) .acct-open:hover {
  background: rgba(37, 52, 67, .04);
}

:where(html[data-theme="dark"]) .acct-remove:hover {
  color: #d96969;
}

:where(html[data-theme="dark"]) .fav-pick-list .acct-group {
  border-top-color: rgba(76, 72, 67, .12);
}

:where(html[data-theme="dark"]) #worksheetPanel.is-recomputing::after {
  background: #083476;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(8, 13, 21, 0.28);
}

:where(html[data-theme="dark"]) .skip-link {
  background: #1d3c93;
  color: #ffffff;
}

:where(html[data-theme="dark"]) .skip-link:focus {
  outline: 3px solid #363330;
}

:where(html[data-theme="dark"]) .i2-table th, :where(html[data-theme="dark"]) .vn-table th {
  color: #b5b8bf;
}

:where(html[data-theme="dark"]) .vn-pick-rank {
  background: #2a9183;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .vrep-final .vrep-chip {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .s5-perm-row .i2-seg, :where(html[data-theme="dark"]) .s5-chart-row .i2-seg {
  color: #d6d8db;
}

:where(html[data-theme="dark"]) .vrep-pick-card span, :where(html[data-theme="dark"]) .vrep-context-card span, :where(html[data-theme="dark"]) .vrep-score-row > span:first-child {
  color: #b5b8bf;
}

:where(html[data-theme="dark"]) .number-co-row.same-number span, :where(html[data-theme="dark"]) .number-co-row.same-number b {
  color: #abafb6;
}

:where(html[data-theme="dark"]) .conc-bottomline .conc-eyebrow {
  color: #94c7bd;
}

:where(html[data-theme="dark"]) .i5-final-strip .conc-eyebrow, :where(html[data-theme="dark"]) .i2-verdict .conc-eyebrow, :where(html[data-theme="dark"]) .i2-2s-conc .conc-eyebrow, :where(html[data-theme="dark"]) .s5-output .conc-eyebrow {
  color: #94c7bd;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c1 {
  background: #365064;
}

:where(html[data-theme="dark"]) .i2-skel-slot.c2 {
  background: #2a9183;
  color: #1b1a19;
}

:where(html[data-theme="dark"]) .vn-tag.vn-tag-mid, :where(html[data-theme="dark"]) .vn-tag[data-band="2"] {
  color: #83a7c2;
}

:where(html[data-theme="dark"]) .seg3-chip, :where(html[data-theme="dark"]) .na-depth-title .seg3-chip, :where(html[data-theme="dark"]) .s3-depth-verdict .seg3-chip {
  color: #54d4cb;
}

:where(html[data-theme="dark"]) .nverdict-final .nverdict-chip {
  color: #bfc2c7;
}

/* --- from templates/admin/grant_edit.html --- */

:root:where([data-theme="dark"]) .grant-form > label {
  color: var(--ink, #dfddda);
}

:root:where([data-theme="dark"]) .grant-form > label > input, :root:where([data-theme="dark"]) .grant-form > label > select {
  border: 1px solid var(--border, #423f3b);
  background: #262523;
}

:root:where([data-theme="dark"]) .grant-form > label > input:focus, :root:where([data-theme="dark"]) .grant-form > label > select:focus {
  border-color: var(--brand-navy, #2b5eab);
  box-shadow: 0 0 0 3px rgba(8, 13, 21, .12);
}

:root:where([data-theme="dark"]) .grant-form .gf-group {
  border: 1px solid var(--border, #423f3b);
}

:root:where([data-theme="dark"]) .grant-form .gf-group > legend {
  color: var(--ink, #dfddda);
}

:root:where([data-theme="dark"]) .grant-form .gf-option {
  border: 1px solid var(--border, #3f3c38);
}

:root:where([data-theme="dark"]) .grant-form .gf-option:hover {
  border-color: var(--brand-cyan, #2b9aab);
}

:root:where([data-theme="dark"]) .grant-form .gf-option:has(input:checked) {
  border-color: var(--brand-navy, #2b5eab);
  background: rgba(8, 52, 118, .045);
  box-shadow: inset 0 0 0 1px var(--brand-navy, #080d15);
}

:root:where([data-theme="dark"]) .grant-form .gf-option > input[type="radio"] {
  accent-color: var(--brand-navy, #5c8dd6);
}

:root:where([data-theme="dark"]) .grant-form .gf-option-title {
  color: var(--ink, #dfddda);
}

:root:where([data-theme="dark"]) .grant-form .gf-option-desc {
  color: var(--muted, #adb1b8);
}

:root:where([data-theme="dark"]) .grant-form .gf-hint {
  color: var(--muted, #adb1b8);
}

:root:where([data-theme="dark"]) .grant-form .gf-check {
  border: 1px solid var(--border, #3f3c38);
}

:root:where([data-theme="dark"]) .grant-form .gf-check > input {
  accent-color: var(--brand-navy, #5c8dd6);
}

:root:where([data-theme="dark"]) .grant-current {
  border: 1px solid var(--border, #423f3b);
  background: rgba(8, 52, 118, .03);
}

/* --- from templates/admin/grant_edit.html --- */

:root:where([data-theme="dark"]) .gf-cgroup {
  border: 1px solid rgba(43, 94, 171, .14);
}

:root:where([data-theme="dark"]) .gf-cgroup-head {
  background: #262523;
}

:root:where([data-theme="dark"]) .gf-cgroup-head:hover {
  background: rgba(8, 52, 118, .04);
}

:root:where([data-theme="dark"]) .gf-cgroup-body {
  border-top: 1px solid rgba(43, 94, 171, .08);
}

/* --- from templates/admin/grant_new.html --- */

:root:where([data-theme="dark"]) .grant-form > label {
  color: var(--ink, #dfddda);
}

:root:where([data-theme="dark"]) .grant-form > label > input, :root:where([data-theme="dark"]) .grant-form > label > select, :root:where([data-theme="dark"]) .grant-form > label > textarea {
  border: 1px solid var(--border, #423f3b);
  background: #262523;
}

:root:where([data-theme="dark"]) .grant-form > label > input:focus, :root:where([data-theme="dark"]) .grant-form > label > select:focus, :root:where([data-theme="dark"]) .grant-form > label > textarea:focus {
  border-color: var(--brand-navy, #2b5eab);
  box-shadow: 0 0 0 3px rgba(8, 13, 21, .12);
}

:root:where([data-theme="dark"]) .grant-form .gf-group {
  border: 1px solid var(--border, #423f3b);
}

:root:where([data-theme="dark"]) .grant-form .gf-group > legend {
  color: var(--ink, #dfddda);
}

:root:where([data-theme="dark"]) .grant-form .gf-option {
  border: 1px solid var(--border, #3f3c38);
}

:root:where([data-theme="dark"]) .grant-form .gf-option:hover {
  border-color: var(--brand-cyan, #2b9aab);
}

:root:where([data-theme="dark"]) .grant-form .gf-option:has(input:checked) {
  border-color: var(--brand-navy, #2b5eab);
  background: rgba(8, 52, 118, .045);
  box-shadow: inset 0 0 0 1px var(--brand-navy, #080d15);
}

:root:where([data-theme="dark"]) .grant-form .gf-option > input[type="radio"] {
  accent-color: var(--brand-navy, #5c8dd6);
}

:root:where([data-theme="dark"]) .grant-form .gf-option-title {
  color: var(--ink, #dfddda);
}

:root:where([data-theme="dark"]) .grant-form .gf-option-desc {
  color: var(--muted, #adb1b8);
}

:root:where([data-theme="dark"]) .grant-form .gf-hint {
  color: var(--muted, #adb1b8);
}

:root:where([data-theme="dark"]) .grant-form .gf-hint.warn {
  color: #d4a754;
}

:root:where([data-theme="dark"]) .grant-form .gf-check {
  border: 1px solid var(--border, #3f3c38);
}

:root:where([data-theme="dark"]) .grant-form .gf-check > input {
  accent-color: var(--brand-navy, #5c8dd6);
}

/* --- from templates/admin/grant_new.html --- */

:root:where([data-theme="dark"]) .gf-cgroup {
  border: 1px solid rgba(43, 94, 171, .14);
}

:root:where([data-theme="dark"]) .gf-cgroup-head {
  background: #262523;
}

:root:where([data-theme="dark"]) .gf-cgroup-head:hover {
  background: rgba(8, 52, 118, .04);
}

:root:where([data-theme="dark"]) .gf-cgroup-body {
  border-top: 1px solid rgba(43, 94, 171, .08);
}

/* --- from templates/auth/login.html --- */

:root:where([data-theme="dark"]) .auth-alt {
  border-top: 1px solid rgba(43, 94, 171, .12);
}

/* --- from templates/auth/register.html --- */

:root:where([data-theme="dark"]) .auth-alt {
  border-top: 1px solid rgba(43, 94, 171, .12);
}

/* --- from templates/billing/bundle_builder.html --- */

:root:where([data-theme="dark"]) .bundle-page .bb-cycle {
  background: rgba(8, 52, 118, .06);
}

:root:where([data-theme="dark"]) .bundle-page .bb-cycle button.on {
  background: #262523;
  box-shadow: 0 1px 3px rgba(8, 13, 21, .15);
}

:root:where([data-theme="dark"]) .bb-cbundle-btn {
  background: rgba(8, 52, 118, .06);
}

:root:where([data-theme="dark"]) .bb-cbundle-btn:hover {
  background: rgba(8, 52, 118, .1);
}

:root:where([data-theme="dark"]) .bb-cbundle-menu {
  background: #262523;
  border: 1.5px solid rgba(43, 94, 171, .12);
  box-shadow: 0 12px 32px rgba(8, 13, 21, .14);
}

:root:where([data-theme="dark"]) .bb-cbundle-item:hover {
  background: rgba(8, 52, 118, .06);
}

:root:where([data-theme="dark"]) .bb-cbundle-item.on small {
  color: #54d497;
}

:root:where([data-theme="dark"]) .bb-allbar {
  background: rgba(8, 52, 118, .05);
}

:root:where([data-theme="dark"]) .bb-allbtn {
  color: #54c3d4;
}

:root:where([data-theme="dark"]) .bb-allbtn.big {
  background: #086776;
  color: #ffffff;
}

:root:where([data-theme="dark"]) .bb-cgroup {
  background: #262523;
  border: 1.5px solid rgba(43, 94, 171, .12);
}

:root:where([data-theme="dark"]) .bb-cgroup:hover {
  border-color: rgba(43, 94, 171, .28);
}

:root:where([data-theme="dark"]) .bb-prod {
  background: #262523;
  border: 1.5px solid rgba(43, 94, 171, .12);
}

:root:where([data-theme="dark"]) .bb-prod.on {
  border-color: #2b9aab;
  background: rgba(8, 103, 118, .05);
}

:root:where([data-theme="dark"]) .bb-add {
  background: rgba(8, 52, 118, .08);
  color: #5c8dd6;
}

:root:where([data-theme="dark"]) .bb-add.on {
  background: #22201e;
  color: #54d497;
}

:root:where([data-theme="dark"]) .bb-summary {
  background: #262523;
  border: 1.5px solid rgba(43, 94, 171, .12);
  box-shadow: 0 8px 24px rgba(8, 13, 21, .06);
}

:root:where([data-theme="dark"]) .bb-bar {
  background: rgba(8, 52, 118, .08);
}

:root:where([data-theme="dark"]) .bb-bar i {
  background: linear-gradient(90deg,#086776,#2d8996);
}

:root:where([data-theme="dark"]) .bb-save {
  color: #54d497;
}

:root:where([data-theme="dark"]) .bb-selected {
  border-top: 1px solid rgba(43, 94, 171, .1);
}

:root:where([data-theme="dark"]) .bb-selrow button:hover {
  color: #da6d72;
}

/* --- from templates/billing/choose_product.html --- */

:root:where([data-theme="dark"]) .choose-sub {
  color: #adb2b8;
}

:root:where([data-theme="dark"]) .choose-sub b {
  color: #5c8dd6;
}

:root:where([data-theme="dark"]) .choose-list {
  border: 1px solid #3f3c38;
  background: #262523;
}

:root:where([data-theme="dark"]) .choose-row {
  color: #d3d5d8;
  border-bottom: 1px solid #3b3935;
}

:root:where([data-theme="dark"]) .choose-row:hover {
  background: #242321;
}

:root:where([data-theme="dark"]) .choose-row-country {
  color: #979da5;
}

:root:where([data-theme="dark"]) .choose-row-name {
  color: #5c8dd6;
}

:root:where([data-theme="dark"]) .choose-row-cta {
  color: #54c3d4;
}

:root:where([data-theme="dark"]) .choose-back {
  color: #adb2b8;
}

:root:where([data-theme="dark"]) .choose-back:hover {
  color: #5c8dd6;
}

/* --- from templates/billing/manage.html --- */

:root:where([data-theme="dark"]) .bb-prod {
  background: #262523;
  border: 1.5px solid rgba(43, 94, 171, .12);
}

:root:where([data-theme="dark"]) .bb-prod.on {
  border-color: #2b9aab;
  background: rgba(8, 103, 118, .05);
}

:root:where([data-theme="dark"]) .mg-tag {
  color: #ffffff;
}

:root:where([data-theme="dark"]) .mg-tag.pro {
  background: #083476;
}

:root:where([data-theme="dark"]) .mg-tag.basic {
  background: #576374;
}

:root:where([data-theme="dark"]) .mg-note.add {
  color: #54d497;
}

:root:where([data-theme="dark"]) .mg-note.drop {
  color: #d59b56;
}

:root:where([data-theme="dark"]) .bb-add {
  background: rgba(8, 52, 118, .08);
  color: #5c8dd6;
}

:root:where([data-theme="dark"]) .bb-add.on {
  background: #22201e;
  color: #54d497;
}

:root:where([data-theme="dark"]) .bb-summary {
  background: #262523;
  border: 1.5px solid rgba(43, 94, 171, .12);
  box-shadow: 0 8px 24px rgba(8, 13, 21, .06);
}

:root:where([data-theme="dark"]) .mg-msg {
  background: rgba(8, 52, 118, .05);
}

:root:where([data-theme="dark"]) .mg-msg.up {
  background: #22201e;
  color: #54d496;
}

:root:where([data-theme="dark"]) .mg-msg.down {
  background: #513f21;
  color: #d5a656;
}

:root:where([data-theme="dark"]) .mg-msg.warn {
  background: #22211f;
  color: #d96969;
}

/* --- from templates/billing/plans_overview.html --- */

:root:where([data-theme="dark"]) .au-plan-feats li[data-tip]:hover::after {
  background: #1d2f4b;
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(8, 13, 21, .28);
}

:root:where([data-theme="dark"]) .au-plan-feats li[data-tip]:hover::before {
  border-bottom-color: #4c4843;
}

:root:where([data-theme="dark"]) .pro-compare {
  background: rgba(8, 52, 118, .09);
}

:root:where([data-theme="dark"]) .pro-compare-row {
  background: #262523;
}

:root:where([data-theme="dark"]) .pro-compare-win {
  background: #242220;
}

:root:where([data-theme="dark"]) .pro-compare-win .pro-compare-total {
  color: #54d497;
}

:root:where([data-theme="dark"]) .pro-compare-pct {
  color: #54d497;
  background: #22201e;
}

:root:where([data-theme="dark"]) .pro-chart-link {
  border: 1.5px solid rgba(43, 94, 171, .2);
  background: #262523;
}

:root:where([data-theme="dark"]) .pro-chart-link:hover {
  border-color: #2b9aab;
}

:root:where([data-theme="dark"]) .pro-modal {
  background: rgba(27, 46, 78, .62);
}

:root:where([data-theme="dark"]) .pro-sheet {
  background: #262523;
  color: #dadcdf;
  border: 1px solid rgba(43, 94, 171, .08);
  box-shadow: 0 1px 2px rgba(4, 5, 7, .06), 0 24px 60px -12px rgba(4, 5, 7, .28);
}

:root:where([data-theme="dark"]) .pro-sheet-top {
  background: #262523;
  border-bottom: 1px solid rgba(43, 94, 171, .1);
}

:root:where([data-theme="dark"]) .pro-chart-tabs button {
  border: 1.5px solid rgba(43, 94, 171, .15);
  background: #262523;
}

:root:where([data-theme="dark"]) .pro-chart-tabs button.on {
  background: #083476;
  color: #ffffff;
  border-color: #2b5eab;
}

:root:where([data-theme="dark"]) .pro-sheet-sm > .pro-close:hover {
  background: rgba(27, 46, 78, .07);
}

:root:where([data-theme="dark"]) #proChartTable th, :root:where([data-theme="dark"]) #proChartTable td {
  border-bottom: 1px solid rgba(43, 94, 171, .08);
}

:root:where([data-theme="dark"]) #proChartTable tr.hl td {
  background: rgba(8, 103, 118, .08);
}

:root:where([data-theme="dark"]) .au-plan-pro .pro-save {
  color: #54d497;
  background: #22201e;
}

:root:where([data-theme="dark"]) .plans-page .au-plan-cta, :root:where([data-theme="dark"]) .pro-monthly-cta .au-plan-cta {
  background: #262523;
  border: 1px solid #4c4843;
  color: #d6d8db;
}

:root:where([data-theme="dark"]) .plans-page .au-plan-cta:hover, :root:where([data-theme="dark"]) .pro-monthly-cta .au-plan-cta:hover {
  background: #232220;
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-sheet {
  background: #363532;
  border-color: #4c4843;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 24px 60px -12px rgba(0, 0, 0, .6);
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-compare {
  background: #46433e;
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-compare-row {
  background: #3a3834;
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-compare-win {
  background: #2f4036;
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-compare-win .pro-compare-total, :root:where([data-theme="dark"])[data-theme="dark"] .pro-compare-pct {
  color: #81d9ab;
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-compare-pct {
  background: rgba(57, 160, 106, .14);
}

:root:where([data-theme="dark"])[data-theme="dark"] .pro-sheet-sm > .pro-close:hover {
  background: rgba(31, 30, 28, .12);
}

:root:where([data-theme="dark"])[data-theme="dark"] .plans-page .au-plan-cta, :root:where([data-theme="dark"])[data-theme="dark"] .pro-monthly-cta .au-plan-cta {
  border-color: #4c4843;
}

:root:where([data-theme="dark"])[data-theme="dark"] .plans-page .au-plan-cta:hover, :root:where([data-theme="dark"])[data-theme="dark"] .pro-monthly-cta .au-plan-cta:hover {
  background: rgba(31, 30, 28, .08);
}


/* ---- theme-dark-tweaks.css, concatenated in original load order ---- */
/* Theme feature: the header switch itself, plus the hand-tuned dark values that
   the generator cannot infer.

   Loads AFTER theme-dark.css, so anything declared here wins over the generated
   overlay. Two kinds of rule live in this file:

     1. Theme-AGNOSTIC component CSS for the .theme-toggle button (it is a new
        element, so it has no light-theme rules anywhere else).
     2. Dark-theme corrections, all scoped to :root[data-theme="dark"].

   styles.css is deliberately never edited by this feature — light mode is
   byte-identical to what it was, which is what makes the change safe to ship. */

/* ------------------------------------------------------------------ *
 * 1. The header switch (both themes)
 * ------------------------------------------------------------------ */

/* The header standard is text-only nav with Register as the single filled CTA,
   so the switch is quiet: icon only, no fill, no outline, and — per the header
   rule that click states must never change geometry — hover/active recolour
   only. */
.auth-links .theme-toggle,
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #4a5662;
  cursor: pointer;
  line-height: 0;
  transition: background-color .15s ease, color .15s ease;
}

.auth-links .theme-toggle:hover,
.auth-links .theme-toggle:focus-visible,
.theme-toggle:hover,
.theme-toggle:focus-visible {
  background: rgba(23, 33, 43, .07);
  color: #17212b;
}

.theme-toggle:focus-visible {
  outline: 2px solid #2a9d8f;
  outline-offset: 2px;
}

/* Each icon describes what a click will DO, so light mode offers the moon. */
.theme-toggle .theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-moon { display: none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-sun { display: block; }

:root[data-theme="dark"] .auth-links .theme-toggle,
:root[data-theme="dark"] .theme-toggle { color: #a8a29a; }
:root[data-theme="dark"] .theme-toggle:hover,
:root[data-theme="dark"] .theme-toggle:focus-visible {
  background: rgba(236, 233, 227, .10);
  color: #ece9e3;
}

/* ------------------------------------------------------------------ *
 * 2. Dark-theme corrections
 * ------------------------------------------------------------------ */

/* The page itself. The generator maps the light band monotonically, which keeps
   relative depth but lands the page too close to the cards; the large flat area
   wants to be the darkest thing on screen so cards read as raised. */
:root[data-theme="dark"] body { background: #1b1a19; }
:root[data-theme="dark"] .app-header { background: #201f1d; border-bottom-color: #302e2b; }

/* Native chrome follows the theme (scrollbars, form controls, date pickers).
   colorScheme is also set inline on <html> by the head script so this is
   correct before first paint. */
:root[data-theme="dark"] { color-scheme: dark; }

:root[data-theme="dark"] ::selection {
  background: #2a5d57;
  color: #f2efe9;
}

/* The brand lockup is drawn on a flat white plate, which would show as a white
   box on the dark header. Swap in the derived transparent variants
   (scripts/gen_dark_brand_assets.py) — same artwork, ink recoloured, teal
   untouched. */
:root[data-theme="dark"] .brand-icon { content: url("assets/lotolens-icon-dark.png"); }
:root[data-theme="dark"] .brand-wordmark { content: url("assets/lotolens-wordmark-dark.png"); }
/* The age gate is the FIRST thing a visitor sees, and it uses the full lockup
   rather than the header wordmark — without this it is a white plate floating
   on the dark overlay. */
:root[data-theme="dark"] .age-gate-logo { content: url("assets/lotolens-logo-dark.png"); }

/* Photographic/illustrative imagery keeps its own colours, but pure-white
   plates behind small brand marks look like holes — soften them slightly. */
:root[data-theme="dark"] img.on-white-plate { background: #f2efe9; border-radius: 6px; }

/* --ink wears two hats: it is the body TEXT colour (hundreds of uses) and it is
   also the FILL of the few dark buttons (.primary-action, .scroll-up-btn,
   .source-order-toggle). Dark mode has to lift --ink to an off-white for text,
   which turns those buttons into pale slabs with white text on them. So the
   filled-button family is restated here — inverted the way Claude and ChatGPT
   do it: an off-white pill with dark ink on top. */
:root[data-theme="dark"] .primary-action,
:root[data-theme="dark"] .scroll-up-btn,
:root[data-theme="dark"] .source-order-toggle {
  background: #ece9e3;
  color: #1b1a19;
  border-color: #ece9e3;
}

:root[data-theme="dark"] .primary-action:hover,
:root[data-theme="dark"] .scroll-up-btn:hover,
:root[data-theme="dark"] .source-order-toggle:hover {
  background: #ffffff;
  color: #14130f;
}

/* The quiet sibling: outlined, not filled. */
:root[data-theme="dark"] .secondary-action {
  background: transparent;
  color: #ece9e3;
  border-color: #4a4741;
}

:root[data-theme="dark"] .secondary-action:hover {
  background: rgba(236, 233, 227, .08);
}

:root[data-theme="dark"] .secondary-action:disabled {
  color: #8d877e;
  border-color: #3a3733;
  background: transparent;
}

/* ------------------------------------------------------------------ *
 * 3. Gated tabs wear the plain outline in dark mode
 * ------------------------------------------------------------------ */

/* Owner request: in DARK mode the Pro tabs must NOT carry the deep-red tier
   outline — they take exactly the same outline as a Basic tab, so the tab row
   reads as one row instead of a row with red boxes cut into it.
   LIGHT mode is untouched and keeps the platform's flat deep-red tier chrome.

   This covers both gated families at once — the analysis tabs in the tab bar
   AND the quicknav pills (Conclusion, Taskpad, Circles), which share these two
   classes. The 1.5px red border also becomes the Basic 1px, so the gated tabs
   line up with their neighbours instead of sitting half a pixel proud. */
:root[data-theme="dark"] .worksheet-tab.master-tab-wide,
:root[data-theme="dark"] .worksheet-tab.master-tab-compact,
:root[data-theme="dark"] .worksheet-tab.master-tab-wide.active,
:root[data-theme="dark"] .worksheet-tab.master-tab-compact.active {
  border: 1px solid var(--line);
  border-bottom: 0;
}

/* The quicknav pills are full pills rather than tabs, so they keep a bottom
   border — otherwise they lose their outline along the base. */
:root[data-theme="dark"] .worksheet-quicknav .worksheet-tab.master-tab-wide,
:root[data-theme="dark"] .worksheet-quicknav .worksheet-tab.master-tab-compact {
  border: 1px solid var(--line);
}

/* Circles toggle: keep the three states tellable apart in dark mode.

   The light-mode "engaged" tints (#fdecec / #f8d9d9) are pale, so the generated
   overlay reads them as light backgrounds and darkens them — which collapsed
   circles-on to #232220, all but identical to the button's own dark fill. The
   generator is right in general and this pair is the exception, so the tints are
   stated here rather than by special-casing the generator.

   Deliberately warm-red and stepped: circles-on is a hint, C-Lines is stronger,
   matching the light-mode progression. The border stays put in every state —
   that is the whole point of the fix these accompany. */
:root[data-theme="dark"] .circles-toggle-btn.circles-on { background: #3a2222; }
:root[data-theme="dark"] .circles-toggle-btn.circles-clines { background: #512525; }

/* ---------------------------------------------------------------------------
   Task 16 (owner, 26 Jul 2026) — two dark-mode legibility faults.

   (a) THE CIRCLES THEMSELVES. The generated overlay flips a colour's lightness
   to suit a dark background, which is right for text and fills but wrong for
   these rings: the plain 2-in-a-row ring is a DARK outline (rgba(23,33,43,.55))
   that reads clearly on white, and inverting it produced rgba(76,72,67,.55) —
   dark grey at 55% opacity ON a dark sheet, i.e. all but invisible. The tinted
   rings were dimmed the same way, and the Powerball ring's box-shadow became
   near-black. On a dark background a ring has to get BRIGHTER, not deeper, so
   the four tiers are restated here at dark-background luminance and kept in the
   same hue order (grey 2, blue 3, green 4, red 5+) so the colour code still
   reads exactly as the popup and the handbook describe it. */
:root[data-theme="dark"] .source-data-sheet .num-repeat-ring {
  border-color: rgba(226, 222, 214, 0.72);
}
:root[data-theme="dark"] .source-data-sheet .num-repeat-ring.num-repeat-blue {
  border-color: #6ea8ff;
}
:root[data-theme="dark"] .source-data-sheet .num-repeat-ring.num-repeat-green {
  border-color: #57d98a;
}
:root[data-theme="dark"] .source-data-sheet .num-repeat-ring.num-repeat-red {
  border-color: #ff6b6b;
}
/* The Powerball/bonus ring wears its tier as a ring-shaped shadow rather than a
   border; the overlay had darkened these to near-black on a dark sheet. */
:root[data-theme="dark"] .source-data-sheet .pb-circle.pb-ring.num-repeat-blue {
  box-shadow: 0 0 0 1.5px #6ea8ff;
}
:root[data-theme="dark"] .source-data-sheet .pb-circle.pb-ring.num-repeat-green {
  box-shadow: 0 0 0 1.5px #57d98a;
}
:root[data-theme="dark"] .source-data-sheet .pb-circle.pb-ring.num-repeat-red {
  box-shadow: 0 0 0 1.5px #ff6b6b;
}
/* Supplementary/bonus rings share the tier vocabulary — keep them in step. */
:root[data-theme="dark"] .source-data-sheet .supp-circle.supp-ring-blue { border-color: #6ea8ff; }
:root[data-theme="dark"] .source-data-sheet .supp-circle.supp-ring-green { border-color: #57d98a; }
:root[data-theme="dark"] .source-data-sheet .supp-circle.supp-ring-red { border-color: #ff6b6b; }

/* ⚠️ THE OFF STATE MUST STILL WIN (owner bug, 26 Jul 2026: "the circles come
   automatically… almost every lottery is like this now").
   Circles are a Pro TOGGLE and start OFF: app.js sets sourceCirclesMode
   'default' and applyCirclesMode() puts .circles-hidden on the sheet, which in
   light mode hides the rings by painting them transparent
   (.source-data-sheet.circles-hidden .num-repeat-ring, specificity 0-3-0).
   Every dark rule ABOVE re-states border-color/box-shadow at 0-4-0 to 0-6-0 and
   therefore BEAT that hide — so in dark mode the rings were painted on page
   load, on every product, before the button was ever pressed.
   Each rule below mirrors one above with .circles-hidden added, which is always
   +1 class, so the OFF state wins again. If you add another dark ring rule,
   add its hidden twin here in the same commit. */
:root[data-theme="dark"] .source-data-sheet.circles-hidden .num-repeat-ring,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .num-repeat-ring.num-repeat-blue,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .num-repeat-ring.num-repeat-green,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .num-repeat-ring.num-repeat-red {
  border-color: transparent;
  background: transparent;
  font-weight: 400;
}
:root[data-theme="dark"] .source-data-sheet.circles-hidden .pb-circle.pb-ring,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .pb-circle.pb-ring.num-repeat-blue,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .pb-circle.pb-ring.num-repeat-green,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .pb-circle.pb-ring.num-repeat-red {
  box-shadow: none;
}
:root[data-theme="dark"] .source-data-sheet.circles-hidden .supp-circle.supp-ring,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .supp-circle.supp-ring-blue,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .supp-circle.supp-ring-green,
:root[data-theme="dark"] .source-data-sheet.circles-hidden .supp-circle.supp-ring-red {
  border-color: transparent;
  box-shadow: none;
}

/* (b) THE SELECTED PRO TAB. The owner asked earlier that Pro tabs lose their
   red outline in dark mode and match Basic tabs; the rule above does that by
   forcing `border: 1px solid var(--line)` — but it was written to cover the
   .active state too, so a selected Pro tab ended up with exactly the same
   border as an unselected one and there was no way to see which tab you were
   on. Basic tabs stay legible because .worksheet-tab.active paints the accent.
   Give the selected Pro tab that same accent. The RESTING state keeps the
   neutral border, so this restores the selection cue without bringing the red
   outline back. */
:root[data-theme="dark"] .worksheet-tab.master-tab-wide.active,
:root[data-theme="dark"] .worksheet-tab.master-tab-compact.active {
  border: 1px solid var(--accent);
  border-bottom: 0;
  color: var(--accent);
}
:root[data-theme="dark"] .worksheet-quicknav .worksheet-tab.master-tab-wide.active,
:root[data-theme="dark"] .worksheet-quicknav .worksheet-tab.master-tab-compact.active {
  border: 1px solid var(--accent);
}
/* The "Pro" sub-label sits inside the button; let it follow the selected state
   rather than staying red on an otherwise teal button. */
:root[data-theme="dark"] .worksheet-tab.master-tab-wide.active .master-tab-label,
:root[data-theme="dark"] .worksheet-tab.master-tab-compact.active .master-tab-label {
  color: var(--accent);
}


/* The Beta badge (owner, 26 Jul 2026). The generated overlay flips lightness,
   which pushes the cyan toward a muddy dark tint on a dark header — gotcha 56.
   Give it an explicit brighter cyan so the badge stays legible and still reads
   as quiet next to the wordmark. */
:root[data-theme="dark"] .brand-beta {
  border-color: rgba(93, 214, 232, .40);
  background: rgba(93, 214, 232, .14);
  color: #5dd6e8;
}

/* Country finder cards, dark mode (owner, 26 Jul 2026). styles.css gives a
   country WITH live products a green outline (border-color: var(--good)) — on
   the cream light page that reads as a gentle highlight, but on the dark page a
   grid of bright green rectangles shouts and turns the section into a set of
   boxes. Dark mode gets the SAME neutral outline as any other card; the green
   "N available now" line still carries the status. Light mode is untouched. */
:root[data-theme="dark"] .country-card.lp-roadmap-live {
  border-color: var(--line);
}


/* Pro quicknav pills: the MAIN word is ink in dark mode too (owner uniformity
   rule, 26 Jul 2026). The generated overlay recolours this selector to #d96969
   because the light rule it was derived from used to be red — so Learn (and the
   admin-only Conclusion) rendered as the single red word beside the dark
   Circles and Taskpad. Loading after the overlay, this restores parity: the Pro
   signal is the outline plus the small red "Pro" label, never the word itself. */
:root[data-theme="dark"] .worksheet-tab.quicknav-tab.master-tab-compact:not(.taskpad-pro-btn) .master-tab-main,
:root[data-theme="dark"] .worksheet-tab.quicknav-tab.master-tab-compact:not(.taskpad-pro-btn).active .master-tab-main {
  color: var(--ink);
}


/* Canada Lotto 6/49 — dark-mode Bonus-circle rings (gotcha #56: the rings'
   MEANING is their colour, and the generated overlay darkens them into the
   page). The maple-red circle keeps its auto-darkened fill; the tier rings are
   re-asserted BRIGHT (the same dark-mode tier colours the shared ring rules
   use) with a dark gap so red-on-red stays readable. */
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring { box-shadow: 0 0 0 1.5px #10141a, 0 0 0 3px #aab3bf; }
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring-blue { box-shadow: 0 0 0 1.5px #10141a, 0 0 0 3px #6ea8ff; }
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring-green { box-shadow: 0 0 0 1.5px #10141a, 0 0 0 3px #57d98a; }
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet .supp-circle.supp-ring-red { box-shadow: 0 0 0 1.5px #10141a, 0 0 0 3px #ff6b6b; }
/* The Circles-OFF state must beat the bright rules above (gotcha #61: an off
   state needs MORE specificity than any dark colour rule it has to defeat). */
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet.circles-hidden .supp-circle.supp-ring,
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet.circles-hidden .supp-circle.supp-ring-blue,
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet.circles-hidden .supp-circle.supp-ring-green,
:root[data-theme="dark"] .oz-dashboard-page.ca-dashboard-page .source-data-sheet.circles-hidden .supp-circle.supp-ring-red { box-shadow: none; }

/* The "Updating…" pill needs the cyan on a dark ground — navy on near-black
   reads as an unlabelled smudge. */
html[data-theme="dark"] #worksheetPanel.is-recomputing::after,
body.theme-dark #worksheetPanel.is-recomputing::after {
  background: #0097AE;
  color: #04121f;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
}


/* The special-ball chip keeps the product's own colour in dark mode.
   theme-dark.css is generated from styles.css and restates the chip background
   as a LITERAL (#0a7aa2), so a product that declares its own colour via
   --special-ball-bg had it silently repainted Powerball blue the moment the
   page went dark — gotcha #56 exactly: the generated overlay recolours the
   selector independently, and a colour whose MEANING is its colour has to be
   re-asserted here. The fallback chain keeps every product that declares
   nothing on the existing dark blue, byte-for-byte. */
:root[data-theme="dark"] .powerball-chip,
:root[data-theme="dark"] .source-data-sheet .pb-circle {
  background: var(--special-ball-bg-dark, var(--special-ball-bg, #0a7aa2));
}


/* ==================================================================== *
 * WCAG AA contrast, DARK theme — Mega Millions re-audit, 13 Aug 2026
 * ====================================================================
 *
 * gotcha #56, at scale. The generated overlay flips lightness, which is right
 * for prose and wrong for the colour-carrying chips, so a family of them landed
 * in the 3.79–4.48:1 band against a 4.5:1 bar. All of it measured on the
 * RENDERED page signed in as Pro — leaf text nodes only, alpha composited along
 * the ancestor walk, gradients skipped as unknowable.
 *
 * Every replacement below is the MINIMUM move in HSL LIGHTNESS that reaches
 * 4.5:1 against that element's real measured background. Hue and saturation are
 * untouched: these are the owner's brand colours and this is a correction, not
 * a redesign. Before/after ratios are on each line.
 *
 * This file, not theme-dark.css: theme-dark.css is GENERATED by
 * scripts/gen_dark_theme.py and a hand edit there is lost on the next
 * regeneration. This file loads after it and is where hand-tuning belongs.
 * :root[data-theme="dark"] .x is (0,3,0) and beats the generated
 * :where(html[data-theme="dark"]) .x, which is only (0,1,0).
 */

/* --- the dark red label token, #d45454 --------------------------------------
   Fails on the two LIGHTEST dark surfaces it is used on: #262523 (the Circles
   button) at 3.79:1 and #23211f (the dashboard tier split, the Conclusion
   consent banner, the Crown lock badge) at 3.97:1. It passes on the page
   ground #1b1a19, which is why only these four selectors are named. Lightening
   a light-on-dark colour raises the ratio against every dark surface at once,
   so #d96a6a clears all four. The .tt-pro line alone clears all 58 tabs. */
:root[data-theme="dark"] .worksheet-header .circles-toggle-pro,
:root[data-theme="dark"] .tab-tier-split .tt-pro,
:root[data-theme="dark"] .conc-consent-banner,
:root[data-theme="dark"] .crown-lock-panel-badge {
  color: #d96a6a;                  /* #d45454 — 3.79:1 / 3.97:1 -> 4.54:1 / 4.75:1 */
}

/* --- the dark ink on the teal slots -----------------------------------------
   #1b1a19 on #268377 is 3.80:1 and on #268d81 is 4.31:1. The obvious move —
   lightening the teals — was computed and REJECTED: both backgrounds land on
   the same minimum passing lightness (#2a9184 and #279184), which collapses the
   c2/c3 step of a scale whose meaning is its colour. Darkening the ink is the
   far smaller delta and leaves every brand teal exactly as authored. */
:root[data-theme="dark"] .vn-pick-rank,
:root[data-theme="dark"] .vi-slot.c2,
:root[data-theme="dark"] .vi-slot.c3,
:root[data-theme="dark"] .i2-skel-slot.c2 {
  color: #020202;                  /* #1b1a19 — 3.80:1 -> 4.54:1 (c3: 4.31 -> 5.15) */
}

/* --- the streak / lane blue on its navy pill --------------------------------
   #5492d4 on #1f3452, 3.85:1, in both the streak chips (8 tabs) and the Spread
   lane head. One value, both selectors. */
:root[data-theme="dark"] .streak-med,
:root[data-theme="dark"] .sprd-lane-head i {
  color: #699fd9;                  /* #5492d4 — 3.85:1 -> 4.52:1 */
}

/* --- the thin-data chip ----------------------------------------------------- */
:root[data-theme="dark"] .tedge-thin {
  color: #d8bb63;                  /* #d4b454 on #574c25 — 4.24:1 -> 4.55:1 */
}

/* --- the segment-pattern chips ---------------------------------------------
   The chip BACKGROUND is authored inline by mega-all.js and then lightness-
   flipped by theme-cells.js, so it is out of CSS's reach; the text is not.
   The worst case was recomputed against ALL THIRTEEN rendered dark backgrounds
   (enumerated by pushing the whole SEGMENT_PATTERN_PALETTE through the real
   theme-cells conversion), not a sample of them — sampling a handful of this
   very palette is how the 5 Aug Lotto Max pass shipped two chips still under
   the bar. Worst is #5a5022 (the darkened #FFF3BF) at 4.4742:1; #56d5cc clears
   every one of the thirteen, worst case 4.52:1. */
:root[data-theme="dark"] .seg3-chip {
  color: #56d5cc;                  /* #54d4cb — worst-of-13 4.47:1 -> 4.52:1 */
}

/* --- the ratio heat-map's top-but-one band ---------------------------------
   #d6d8db on #2b6b42 is 4.4770:1. The text colour comes from `.rheat td` and is
   shared by every cell in the table, so the background is the scoped lever.
   One step darker clears it and keeps hi2 lighter than hi1 (#21563b), so the
   band ordering the map exists to show is preserved. */
:root[data-theme="dark"] .rheat .rheat-hi2 {
  background: #2b6a42;             /* #2b6b42 — 4.4770:1 -> 4.5342:1 */
}

/* --- the group heat map's top step ------------------------------------------
   BOTH the background and the white ink are inline (mega-all.js:19696-19700
   authors #15803D/#FFFFFF; theme-cells.js rewrites the green to #1b9147 for
   dark), so this is the one fix here that needs !important to reach past an
   inline declaration. It is keyed to that one converted value, because only the
   top step of the six-step palette carries white text — the other five use
   #0F2417 and all pass. Flattening the scale with a blanket background, or
   putting dark ink on the darkest cell, would destroy the ordering the heat map
   exists to show. Light mode is untouched: the inline value there is #15803D,
   which this selector does not match. */
:root[data-theme="dark"] .group-cell[style*="#1b9147"] {
  background: #198843 !important;  /* white ink — 4.0480:1 -> 4.5219:1 */
}

/* --- do not let the light-theme fix for the Crown preview label leak here ----
   styles.css now pins .crown-preview-toggle > span to #636f7d for light, where
   --muted on the #eef2f7 pill measured 4.4365:1. In dark this element already
   passes on --muted's dark value, so restore the token rather than inherit a
   light-theme literal into dark. */
:root[data-theme="dark"] .crown-preview-toggle > span {
  color: var(--muted);
}

/* --- the tab-bar "Pro" badge: a hand edit rescued out of a generated file ----
   theme-dark.css is headed "GENERATED FILE — DO NOT EDIT BY HAND", and it
   nonetheless carries #db7070 on these five .master-tab-label rules. That value
   cannot be derived from styles.css, so someone hand-tuned the generated file.

   Today it passes (4.79:1 and 5.03:1). It is one `python3 scripts/gen_dark_theme.py`
   away from not passing: regeneration restores the derived #d45454, which puts
   the tab-bar Pro badge at 3.79:1 / 3.98:1 — below AA on ALL 58 TABS AT ONCE,
   and it was the only failure in a simulated-regeneration sweep run on 13 Aug 2026.

   Declaring it HERE changes nothing on screen today — same value, and this file
   already wins the cascade — but it survives the regeneration that would silently
   undo it. That is the whole point of the file's own header: "Hand-tuning belongs
   in theme-dark-tweaks.css."

   The fault shape is the one this audit kept meeting: a correction living
   somewhere that something which does not know about it can overwrite. It cost
   Powerball USA a stale free bundle, and it cost this session several hours of
   working tree. (13 Aug 2026) */
:root[data-theme="dark"] .worksheet-tab.master-tab-wide .master-tab-label,
:root[data-theme="dark"] .worksheet-tab.master-tab-compact .master-tab-label,
/* The one line below aimed at a tab TITLE rather than the badge. It matches zero
   elements today (there is no .worksheet-tab.master-tab-compact.active instance),
   and it is kept because dropping it would make this pin an incomplete copy of
   the thing it exists to protect. Its blast radius is the widest here: if anyone
   later recolours the active compact tab's title, this rule will silently hold it
   red. Delete this line at that point rather than fighting it. */
:root[data-theme="dark"] .worksheet-tab.master-tab-compact.active .master-tab-main,
:root[data-theme="dark"] .worksheet-tab.master-tab-compact.active .master-tab-label,
:root[data-theme="dark"] .worksheet-tab.quicknav-tab.taskpad-pro-btn .master-tab-label,
:root[data-theme="dark"] .worksheet-tab.quicknav-tab.taskpad-pro-btn.active .master-tab-label,
:root[data-theme="dark"] .oz-dashboard-page .worksheet-tab.quicknav-tab.taskpad-pro-btn .master-tab-label {
  color: #db7070;
}

/* ==========================================================================
   PER-PRODUCT DARK FIX BLOCK — owner directive 23 Aug 2026 (PIPELINE v2.5)
   This file is <code>-theme-dark.css: the platform's theme-dark.css followed
   by theme-dark-tweaks.css, concatenated in their original load order so the
   cascade is byte-for-byte what it was, then this block.
   ========================================================================== */

/* FIX 4, dark half. FIX 1/2/4 live in this product's <code>-styles.css; FIX 4
   adds a half-pixel box-shadow to reach the 1.5px edge owner rule #32e wants,
   and that shadow is RED. In dark the gated tab must wear the NEUTRAL outline,
   not the red one (the platform's dark rule repaints border-color to
   var(--line) #413e3a). Repaint the shadow to match, or every gated tab on
   every product would gain a red halo the moment dark mode was switched on. */
:where(html[data-theme="dark"]) .worksheet-tab.master-tab-wide,
:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.master-tab-compact,
:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.master-tab-compact.active,
:where(html[data-theme="dark"]) .worksheet-tab.quicknav-tab.taskpad-pro-tab {
  box-shadow: 0 0 0 0.5px #413e3a;
}