/* Shared night palette. Only neutral surfaces, text and separators; semantic colors stay in their components. */
:root[data-theme=dark]{--panel:#1b222c;--text:#e7ebf1;--hover:#273140;--surface:#202732;--border:#303a48;--line:#303a48;--muted:#a6b1c0;color-scheme:dark}
:root[data-theme=dark] .combo-picks>div,
:root[data-theme=dark] .combos-heading{border-bottom:1px solid var(--border,#303a48)}
:root[data-theme=dark] .combo-event-dialog,
:root[data-theme=dark] .combo-ticket,
:root[data-theme=dark] .combos-page .sports-market-column button,
:root[data-theme=dark] .combos-prompt{border:1px solid var(--border,#303a48)}
:root[data-theme=dark] .combos-page [data-combo-extra],
:root[data-theme=dark] body.has-site-bookmark:has(#main.hot-page:not([hidden])) .site-bookmark-bar{border-top:1px solid var(--border,#303a48)}
:root[data-theme=dark] #authDialog #fiatChannelOptions button,
:root[data-theme=dark] #authDialog #fiatChannelTrigger,
:root[data-theme=dark] #authDialog .fiat-currency-picker [role=listbox],
:root[data-theme=dark] #authDialog .fiat-currency-picker button,
:root[data-theme=dark] #authDialog:has(#depositContent) .deposit-header,
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) :is(input,select,textarea),
:root[data-theme=dark] #authDialog:has(.auth-account-header),
:root[data-theme=dark] #authDialog:has(.auth-account-header) .auth-account-header,
:root[data-theme=dark] #authDialog:has(.usdt-deposit-step) .deposit-header,
:root[data-theme=dark] #fiatChannelOptions,
:root[data-theme=dark] #language,
:root[data-theme=dark] .back-top,
:root[data-theme=dark] .bet-success-dialog,
:root[data-theme=dark] .breaking-updates,
:root[data-theme=dark] .combo-ticket-header,
:root[data-theme=dark] .crypto-order-controls .quick-amounts button,
:root[data-theme=dark] .crypto-rounds details>div,
:root[data-theme=dark] .crypto-top-right [data-live],
:root[data-theme=dark] .deposit-header,
:root[data-theme=dark] .elections-country-sheet,
:root[data-theme=dark] .elections-map-popup,
:root[data-theme=dark] .elections-map-reset,
:root[data-theme=dark] .elections-view-switch [aria-pressed=true],
:root[data-theme=dark] .esports-odds-menu,
:root[data-theme=dark] .fiat-status-dialog,
:root[data-theme=dark] .footer-language select,
:root[data-theme=dark] .guide-art,
:root[data-theme=dark] .help-hero form,
:root[data-theme=dark] .help-top,
:root[data-theme=dark] .howto-bar,
:root[data-theme=dark] .howto-dialog,
:root[data-theme=dark] .language-picker,
:root[data-theme=dark] .latest-hide>div,
:root[data-theme=dark] .more-links select,
:root[data-theme=dark] .more-menu,
:root[data-theme=dark] .more-menu .member-theme-switch button[aria-pressed=true],
:root[data-theme=dark] .navigation-pending,
:root[data-theme=dark] .official-dialog,
:root[data-theme=dark] .official-header,
:root[data-theme=dark] .perp-symbol-menu,
:root[data-theme=dark] .prediction-event-header,
:root[data-theme=dark] .prediction-quicks button,
:root[data-theme=dark] .prediction-sides button[aria-pressed=true],
:root[data-theme=dark] .prediction-trade-sheet,
:root[data-theme=dark] .secondary-menu,
:root[data-theme=dark] .sports-event-groups,
:root[data-theme=dark] .sports-player-table th:first-child,
:root[data-theme=dark] .tools select,
:root[data-theme=dark] .transfer-proof-dialog,
:root[data-theme=dark] .weather-city-dialog,
:root[data-theme=dark] header{background:#1b222c}
:root[data-theme=dark] #accountBet input,
:root[data-theme=dark] #authDialog #fiatChannelTrigger,
:root[data-theme=dark] #authDialog .fiat-currency-picker [role=listbox],
:root[data-theme=dark] #authDialog .fiat-currency-picker button,
:root[data-theme=dark] #authDialog .fiat-quick-amounts button,
:root[data-theme=dark] #fiatChannelOptions,
:root[data-theme=dark] .back-top,
:root[data-theme=dark] .bet-success-dialog,
:root[data-theme=dark] .breaking-filters button,
:root[data-theme=dark] .crypto-order-controls,
:root[data-theme=dark] .crypto-order-controls #outcomeTabs button,
:root[data-theme=dark] .crypto-order-controls .quick-amounts button,
:root[data-theme=dark] .crypto-result,
:root[data-theme=dark] .crypto-rounds details>div,
:root[data-theme=dark] .crypto-top-right [data-live],
:root[data-theme=dark] .fiat-status-dialog,
:root[data-theme=dark] .help-hero form,
:root[data-theme=dark] .hot-desktop-explore,
:root[data-theme=dark] .hot-desktop-match,
:root[data-theme=dark] .language-picker,
:root[data-theme=dark] .lol-worlds-promo-top>span,
:root[data-theme=dark] .mention-tags button,
:root[data-theme=dark] .more-auth button,
:root[data-theme=dark] .more-menu .member-theme-switch,
:root[data-theme=dark] .official-notice,
:root[data-theme=dark] .prediction-comment-compose,
:root[data-theme=dark] .prediction-comments-more,
:root[data-theme=dark] .prediction-news [data-news-retry],
:root[data-theme=dark] .prediction-news-list article,
:root[data-theme=dark] .prediction-quicks button,
:root[data-theme=dark] .quick-amounts button,
:root[data-theme=dark] .sale-body input,
:root[data-theme=dark] .sale-body select,
:root[data-theme=dark] .sports-event-card,
:root[data-theme=dark] .sports-event-prices>button,
:root[data-theme=dark] .sports-event-statistics [data-player-retry],
:root[data-theme=dark] .sports-player-table,
:root[data-theme=dark] .weather-city-chips button,
:root[data-theme=dark] .weather-city-pin>b,
:root[data-theme=dark] .weather-globe-zoom button,
:root[data-theme=dark] .weather-heading nav,
:root[data-theme=dark] .weather-temperature-scale{border:1px solid #303a48}
:root[data-theme=dark] #authDialog #fiatAmount:focus,
:root[data-theme=dark] #authDialog #fiatChannel:focus,
:root[data-theme=dark] #authDialog #fiatChannelTrigger:focus-visible,
:root[data-theme=dark] #authDialog #fiatPay input:focus,
:root[data-theme=dark] #authDialog #receiptForm input:focus,
:root[data-theme=dark] #authDialog .fiat-currency-picker button:focus-visible,
:root[data-theme=dark] #authDialog .withdrawal-pane :is(input:not([type=checkbox]),select):focus,
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) .auth-record,
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) :is(.auth-secondary,.auth-address button),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) :is(input,select,textarea),
:root[data-theme=dark] #authDialog:has(.auth-account-header),
:root[data-theme=dark] #authDialog:has(.auth-account-header) .auth-record,
:root[data-theme=dark] #authDialog:has(.auth-account-header) :is(.auth-account-actions button,.auth-pagination button,.auth-secondary),
:root[data-theme=dark] .help-category:hover,
:root[data-theme=dark] .lol-worlds-promo:hover,
:root[data-theme=dark] .market-card:hover,
:root[data-theme=dark] .market-select .active,
:root[data-theme=dark] .midterms-legend [aria-pressed=true]{border-color:#303a48}
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm),
:root[data-theme=dark] #authDialog:has(.auth-account-header),
:root[data-theme=dark] #categories button.active,
:root[data-theme=dark] .bet-success-dialog,
:root[data-theme=dark] .crypto-bet-amount label,
:root[data-theme=dark] .crypto-page .category-subtabs [data-subcategory].selected,
:root[data-theme=dark] .crypto-related nav button.active,
:root[data-theme=dark] .esports-odds-menu,
:root[data-theme=dark] .fiat-status-dialog,
:root[data-theme=dark] .finance-page .category-subtabs [data-subcategory].selected,
:root[data-theme=dark] .hot-desktop-hero,
:root[data-theme=dark] .howto-dialog,
:root[data-theme=dark] .language-picker,
:root[data-theme=dark] .midterms-legend [aria-pressed=true],
:root[data-theme=dark] .midterms-page [role=tab][aria-selected=true],
:root[data-theme=dark] .more-menu,
:root[data-theme=dark] .more-menu .member-theme-switch button[aria-pressed=true],
:root[data-theme=dark] .navigation-pending h2,
:root[data-theme=dark] .official-dialog,
:root[data-theme=dark] .perp-symbol-menu,
:root[data-theme=dark] .prediction-amount,
:root[data-theme=dark] .prediction-chart-toolbar button[aria-pressed=true],
:root[data-theme=dark] .prediction-detail,
:root[data-theme=dark] .prediction-event-header .icon,
:root[data-theme=dark] .prediction-related-tabs button.active,
:root[data-theme=dark] .prediction-rules [aria-selected=true],
:root[data-theme=dark] .prediction-sheet-body [data-mode],
:root[data-theme=dark] .prediction-sides button[aria-pressed=true],
:root[data-theme=dark] .prediction-trade-sheet,
:root[data-theme=dark] .secondary-menu,
:root[data-theme=dark] .site-footer,
:root[data-theme=dark] .sports-event-groups button[aria-pressed=true],
:root[data-theme=dark] .sports-event-intervals button[aria-pressed=true],
:root[data-theme=dark] .sports-event-lines button[aria-pressed=true],
:root[data-theme=dark] .sports-event-prices strong,
:root[data-theme=dark] .sports-player-table table,
:root[data-theme=dark] .sports-player-team h3,
:root[data-theme=dark] .sports-tabs .selected,
:root[data-theme=dark] .trade-mode .selected,
:root[data-theme=dark] .usdt-deposit-step .auth-deposit>p strong,
:root[data-theme=dark] .weather-city-pin>span,
:root[data-theme=dark] dialog{color:#e7ebf1}
:root[data-theme=dark] #authDialog .auth-entry-links button,
:root[data-theme=dark] #authDialog .auth-real-name:not(button),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) .auth-tabs button,
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) :is(.auth-close,.auth-label,.auth-note,.auth-identity,.auth-address,.auth-deposit p,.fiat-profile small,.auth-record small,.auth-record time),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) :is(.fiat-quote p,.fiat-quote small),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) input::placeholder,
:root[data-theme=dark] #authDialog:has(.auth-account-header) .auth-methods button,
:root[data-theme=dark] #categories button,
:root[data-theme=dark] #detail.crypto-detail .crypto-bet-amount small,
:root[data-theme=dark] #trending .n,
:root[data-theme=dark] #trending .vol,
:root[data-theme=dark] .art-heading a,
:root[data-theme=dark] .auth-address,
:root[data-theme=dark] .auth-close,
:root[data-theme=dark] .auth-deposit p,
:root[data-theme=dark] .auth-divider,
:root[data-theme=dark] .auth-identity,
:root[data-theme=dark] .auth-label,
:root[data-theme=dark] .auth-methods button,
:root[data-theme=dark] .auth-note,
:root[data-theme=dark] .auth-pagination span,
:root[data-theme=dark] .auth-record small,
:root[data-theme=dark] .auth-record time,
:root[data-theme=dark] .auth-refresh,
:root[data-theme=dark] .auth-tabs button,
:root[data-theme=dark] .bet-record-status,
:root[data-theme=dark] .bet-success-dialog p,
:root[data-theme=dark] .big-prob small,
:root[data-theme=dark] .book-grid h4,
:root[data-theme=dark] .breaking-banner time,
:root[data-theme=dark] .breaking-quote .up,
:root[data-theme=dark] .breaking-rank,
:root[data-theme=dark] .breaking-row>.lucide,
:root[data-theme=dark] .btc-countdown,
:root[data-theme=dark] .btc-gauge small,
:root[data-theme=dark] .btc-muted,
:root[data-theme=dark] .card-foot,
:root[data-theme=dark] .chart-label,
:root[data-theme=dark] .country-code-close,
:root[data-theme=dark] .country-code-options strong,
:root[data-theme=dark] .country-code-search,
:root[data-theme=dark] .country-code-search>span,
:root[data-theme=dark] .crypto-chart-foot,
:root[data-theme=dark] .crypto-market-type,
:root[data-theme=dark] .crypto-order-controls #outcomeTabs button,
:root[data-theme=dark] .crypto-order-controls .crypto-order-head,
:root[data-theme=dark] .crypto-order-controls .quick-amounts button,
:root[data-theme=dark] .crypto-orderbook summary:after,
:root[data-theme=dark] .crypto-page .category-subtabs small,
:root[data-theme=dark] .crypto-payout,
:root[data-theme=dark] .crypto-prices,
:root[data-theme=dark] .crypto-prob small,
:root[data-theme=dark] .crypto-related-coin small,
:root[data-theme=dark] .crypto-result,
:root[data-theme=dark] .crypto-types button,
:root[data-theme=dark] .data-status,
:root[data-theme=dark] .detail-back,
:root[data-theme=dark] .election-card .card-title small,
:root[data-theme=dark] .elections-popup-foot,
:root[data-theme=dark] .elections-sheet-heading p,
:root[data-theme=dark] .elections-sheet-heading>button,
:root[data-theme=dark] .empty,
:root[data-theme=dark] .esports-event-countdown,
:root[data-theme=dark] .esports-feature-team small,
:root[data-theme=dark] .esports-league,
:root[data-theme=dark] .esports-market-foot,
:root[data-theme=dark] .esports-market-row small,
:root[data-theme=dark] .esports-odds-menu p,
:root[data-theme=dark] .esports-ranking,
:root[data-theme=dark] .esports-search,
:root[data-theme=dark] .fiat-profile small,
:root[data-theme=dark] .fiat-quote p,
:root[data-theme=dark] .fiat-quote small,
:root[data-theme=dark] .fiat-status-dialog small,
:root[data-theme=dark] .fiat-status-dialog>.close,
:root[data-theme=dark] .finance-types button,
:root[data-theme=dark] .footer-disclaimer,
:root[data-theme=dark] .footer-expand,
:root[data-theme=dark] .footer-legal,
:root[data-theme=dark] .footer-topics small,
:root[data-theme=dark] .footnote,
:root[data-theme=dark] .guide-copy p,
:root[data-theme=dark] .hot-desktop-carousel [data-hot-step],
:root[data-theme=dark] .hot-desktop-chart-status,
:root[data-theme=dark] .hot-desktop-contract p,
:root[data-theme=dark] .hot-desktop-match>footer,
:root[data-theme=dark] .hot-desktop-selection>p,
:root[data-theme=dark] .hot-desktop-team,
:root[data-theme=dark] .hot-desktop-topic-heading .lucide,
:root[data-theme=dark] .hot-desktop-topics .lucide,
:root[data-theme=dark] .hot-desktop-topics button>span,
:root[data-theme=dark] .hot-desktop-topics small,
:root[data-theme=dark] .hot-desktop-total button,
:root[data-theme=dark] .info-card p,
:root[data-theme=dark] .intervals button,
:root[data-theme=dark] .latest-hide summary:after,
:root[data-theme=dark] .latest-page .latest-filter-toggle,
:root[data-theme=dark] .latest-search,
:root[data-theme=dark] .mention-meta,
:root[data-theme=dark] .mentions-intro p,
:root[data-theme=dark] .midterms-control-meta,
:root[data-theme=dark] .midterms-countdown,
:root[data-theme=dark] .midterms-explainer>p,
:root[data-theme=dark] .midterms-highlight small,
:root[data-theme=dark] .midterms-highlight small b,
:root[data-theme=dark] .midterms-legend button,
:root[data-theme=dark] .midterms-more,
:root[data-theme=dark] .midterms-page [role=tab],
:root[data-theme=dark] .midterms-page [role=tab] small,
:root[data-theme=dark] .midterms-page th,
:root[data-theme=dark] .midterms-promo h2 span,
:root[data-theme=dark] .midterms-seat-totals,
:root[data-theme=dark] .midterms-section details p,
:root[data-theme=dark] .midterms-section>p,
:root[data-theme=dark] .midterms-table-foot,
:root[data-theme=dark] .midterms-title small,
:root[data-theme=dark] .mobile-nav button,
:root[data-theme=dark] .more-close,
:root[data-theme=dark] .more-links label,
:root[data-theme=dark] .more-links label .language-trigger,
:root[data-theme=dark] .more-links select,
:root[data-theme=dark] .more-links>button,
:root[data-theme=dark] .more-menu .member-contact-label .lucide,
:root[data-theme=dark] .more-menu .member-sections .lucide,
:root[data-theme=dark] .more-menu .member-theme-switch button,
:root[data-theme=dark] .navigation-pending,
:root[data-theme=dark] .official-header small,
:root[data-theme=dark] .official-notice,
:root[data-theme=dark] .official-source,
:root[data-theme=dark] .panel p,
:root[data-theme=dark] .perp-book span,
:root[data-theme=dark] .perp-book summary,
:root[data-theme=dark] .perp-close-size,
:root[data-theme=dark] .perp-heading>div>span,
:root[data-theme=dark] .perp-intervals button,
:root[data-theme=dark] .perp-notice,
:root[data-theme=dark] .perp-order small,
:root[data-theme=dark] .perp-percent button,
:root[data-theme=dark] .perp-position dt,
:root[data-theme=dark] .perp-position small,
:root[data-theme=dark] .perp-records nav button,
:root[data-theme=dark] .perp-settings,
:root[data-theme=dark] .perp-trade form>label,
:root[data-theme=dark] .prediction-amount input::placeholder,
:root[data-theme=dark] .prediction-buy>[data-submit]:disabled,
:root[data-theme=dark] .prediction-candidate-heading small,
:root[data-theme=dark] .prediction-chart [data-chart-status],
:root[data-theme=dark] .prediction-chart-toolbar button,
:root[data-theme=dark] .prediction-comment-byline time,
:root[data-theme=dark] .prediction-comment-likes,
:root[data-theme=dark] .prediction-comment-reply,
:root[data-theme=dark] .prediction-comments-more,
:root[data-theme=dark] .prediction-comments-note,
:root[data-theme=dark] .prediction-comments>header a,
:root[data-theme=dark] .prediction-comments>header button,
:root[data-theme=dark] .prediction-event-title small,
:root[data-theme=dark] .prediction-legend-item,
:root[data-theme=dark] .prediction-legend-item strong,
:root[data-theme=dark] .prediction-news [data-news-retry],
:root[data-theme=dark] .prediction-news-meta,
:root[data-theme=dark] .prediction-quicks button,
:root[data-theme=dark] .prediction-related-tabs button,
:root[data-theme=dark] .prediction-resolved summary,
:root[data-theme=dark] .prediction-return,
:root[data-theme=dark] .prediction-rules [role=tab],
:root[data-theme=dark] .prediction-selection small,
:root[data-theme=dark] .prediction-sheet-body [data-close],
:root[data-theme=dark] .prediction-sheet-tools .icon,
:root[data-theme=dark] .prediction-sides button,
:root[data-theme=dark] .prediction-trade-info,
:root[data-theme=dark] .rules,
:root[data-theme=dark] .sale-body label,
:root[data-theme=dark] .search kbd,
:root[data-theme=dark] .secondary-menu-chevron,
:root[data-theme=dark] .secondary-menu-close,
:root[data-theme=dark] .secondary-menu-count,
:root[data-theme=dark] .secondary-menu-heading p,
:root[data-theme=dark] .site-footer h3,
:root[data-theme=dark] .sports-event-card>p,
:root[data-theme=dark] .sports-event-chart [role=status],
:root[data-theme=dark] .sports-event-empty,
:root[data-theme=dark] .sports-event-groups button,
:root[data-theme=dark] .sports-event-intervals button,
:root[data-theme=dark] .sports-event-lines button,
:root[data-theme=dark] .sports-event-prices>button,
:root[data-theme=dark] .sports-event-score small,
:root[data-theme=dark] .sports-event-statistics,
:root[data-theme=dark] .sports-event-views button,
:root[data-theme=dark] .sports-event-volume,
:root[data-theme=dark] .sports-extra-toggle b,
:root[data-theme=dark] .sports-game-meta,
:root[data-theme=dark] .sports-match-meta,
:root[data-theme=dark] .sports-match-team small,
:root[data-theme=dark] .sports-player-table thead th,
:root[data-theme=dark] .sports-status,
:root[data-theme=dark] .tools select,
:root[data-theme=dark] .topic-row button,
:root[data-theme=dark] .trade-mode button,
:root[data-theme=dark] .transfer-proof-dialog .auth-close,
:root[data-theme=dark] [data-comments-status],
:root[data-theme=dark] dialog p,
:root[data-theme=dark] footer,
:root[data-theme=dark] footer strong{color:#a6b1c0}
:root[data-theme=dark] .crypto-chart-foot,
:root[data-theme=dark] .crypto-payout,
:root[data-theme=dark] .crypto-related,
:root[data-theme=dark] .hot-desktop-total,
:root[data-theme=dark] .prediction-comments,
:root[data-theme=dark] .prediction-news,
:root[data-theme=dark] .prediction-related,
:root[data-theme=dark] .sports-event-lines{border-top:1px solid #303a48}
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm) .auth-tabs,
:root[data-theme=dark] #authDialog:has(.auth-account-header) .auth-methods,
:root[data-theme=dark] .category-subtabs button,
:root[data-theme=dark] .crypto-heading-tools input,
:root[data-theme=dark] .crypto-page .category-subtabs [data-subcategory].selected,
:root[data-theme=dark] .crypto-periods button,
:root[data-theme=dark] .crypto-related button,
:root[data-theme=dark] .crypto-related nav button.active,
:root[data-theme=dark] .crypto-rounds button,
:root[data-theme=dark] .crypto-rounds summary,
:root[data-theme=dark] .elections-sheet-handle,
:root[data-theme=dark] .elections-view-switch,
:root[data-theme=dark] .elections-world,
:root[data-theme=dark] .esports-heading-tools .esports-expand-search,
:root[data-theme=dark] .esports-odds-menu button:hover,
:root[data-theme=dark] .finance-heading-tools input,
:root[data-theme=dark] .finance-page .category-subtabs [data-subcategory].selected,
:root[data-theme=dark] .guide-dots span,
:root[data-theme=dark] .hot-desktop-carousel [data-hot-slide],
:root[data-theme=dark] .hot-desktop-carousel [data-hot-step],
:root[data-theme=dark] .hot-desktop-contract,
:root[data-theme=dark] .hot-desktop-contract>a,
:root[data-theme=dark] .hot-desktop-total button,
:root[data-theme=dark] .icon:hover,
:root[data-theme=dark] .info-card,
:root[data-theme=dark] .latest-page .latest-filter-toggle.selected,
:root[data-theme=dark] .latest-search,
:root[data-theme=dark] .leaderboard-periods [aria-pressed=true],
:root[data-theme=dark] .mention-time,
:root[data-theme=dark] .midterms-legend [aria-pressed=true],
:root[data-theme=dark] .more-menu .member-theme-switch,
:root[data-theme=dark] .official-content pre,
:root[data-theme=dark] .perp-symbol-menu>button:focus-visible,
:root[data-theme=dark] .perp-symbol-menu>button:hover,
:root[data-theme=dark] .prediction-buy>[data-submit]:disabled,
:root[data-theme=dark] .prediction-chart-options,
:root[data-theme=dark] .prediction-handle,
:root[data-theme=dark] .prediction-related-tabs button.active,
:root[data-theme=dark] .prediction-sheet-body [data-mode],
:root[data-theme=dark] .prediction-sides,
:root[data-theme=dark] .quiet:hover,
:root[data-theme=dark] .search,
:root[data-theme=dark] .search kbd,
:root[data-theme=dark] .secondary-menu-handle,
:root[data-theme=dark] .sports-heading .sports-expand-search,
:root[data-theme=dark] .sports-layout .sports-score,
:root[data-theme=dark] .sports-layout>.sports-tabs [data-sports-path].selected,
:root[data-theme=dark] .sports-match-meta .icon,
:root[data-theme=dark] .sports-player-table thead th,
:root[data-theme=dark] .sports-player-table thead th:first-child,
:root[data-theme=dark] .sports-score,
:root[data-theme=dark] .sports-tabs .selected,
:root[data-theme=dark] .sports-tabs button,
:root[data-theme=dark] .sports-ticket-sides button,
:root[data-theme=dark] .weather-city-chips button,
:root[data-theme=dark] .weather-globe,
:root[data-theme=dark] .weather-heading nav,
:root[data-theme=dark] .weather-page .category-subtabs button.selected,
:root[data-theme=dark] :is(.crypto-heading-tools,.finance-heading-tools) .latest-filter-toggle.selected{background:#202732}
:root[data-theme=dark] .candidate,
:root[data-theme=dark] .more-main,
:root[data-theme=dark] .prediction-candidate,
:root[data-theme=dark] .prediction-chart-toolbar,
:root[data-theme=dark] .prediction-comment,
:root[data-theme=dark] .prediction-event-header,
:root[data-theme=dark] .prediction-rules [role=tablist],
:root[data-theme=dark] .sports-event-statistics td,
:root[data-theme=dark] .sports-event-statistics th,
:root[data-theme=dark] .trade-mode{border-bottom:1px solid #303a48}
:root[data-theme=dark] .crypto-detail .crypto-related{border-top:1px dashed #303a48}
:root[data-theme=dark] .more-menu{border-right:1px solid #303a48}
:root[data-theme=dark] .breaking-closed{border:2px solid var(--card,#303a48)}

/* Selected controls and trade surfaces retain a clear, restrained hierarchy. */
:root[data-theme=dark] :is(.perp-records nav button.selected,.perp-intervals button.selected,.sports-event-views button[aria-pressed=true],.prediction-related-tabs button.active){background:#2c3750;color:#b7c8ff}
:root[data-theme=dark] .prediction-candidate-actions .yes{background:#173d31;color:#74dda2}
:root[data-theme=dark] .prediction-candidate-actions .no{background:#47262f;color:#ff9ca9}
:root[data-theme=dark] :is(.prediction-news-list article,.sports-event-card,.combo-ticket,.combo-event-dialog){border-color:#303a48}
:root[data-theme=dark] :is(.prediction-quicks button,.combo-quicks button,.combo-trade input,.combo-trade select){background:#202732;border-color:#3b4656;color:#e7ebf1}
:root[data-theme=dark] :is(.prediction-trade-sheet,.sports-event-prices>button:not(.moneyline)){box-shadow:0 4px 0 #111720}
:root[data-theme=dark] .prediction-buy>[data-submit]:disabled{background:#28313e;color:#9da9b9;box-shadow:none}
:root[data-theme=dark] :is(input,textarea)::placeholder{color:#95a2b4;opacity:1}
:root[data-theme=dark] :is(.prediction-trade-sheet,.combo-ticket,.combo-event-dialog,#authDialog){color-scheme:dark}

:root[data-theme=dark] hr{border-color:#303a48}
:root[data-theme=dark] :is(.prediction-rules [aria-selected=true],.trade-mode .selected){border-bottom-color:#a6b1c0}
:root[data-theme=dark] #categories button.active{border-bottom-color:#a6b1c0}
:root[data-theme=dark] :is(.prediction-news-title,.prediction-social h2,.prediction-candidate-heading h2,.prediction-candidate-heading>strong){color:#e7ebf1}

:root[data-theme=dark] #categories button[data-category=all]{color:#ff6b76}
:root[data-theme=dark] .combos-page .sports-market-column button.combo-selected{background:var(--blue);border-color:var(--blue);color:#fff}
:root[data-theme=dark] .sports-event-prices>button.moneyline{border-color:var(--team-color)}
:root[data-theme=dark] .sports-outcomes button:first-child{background:#233556;color:#aac4ff}
:root[data-theme=dark] .sports-outcomes button:nth-child(2){background:#47262f;color:#ff9ca9}
:root[data-theme=dark] :is(input,select,textarea):focus-visible{border-color:#7193ff}

:root[data-theme=dark] .prediction-comment-avatar{background:#273140;color:#a6b1c0}

:root[data-theme=dark] .crypto-prices [data-target]{color:#e7ebf1}
:root[data-theme=dark] .crypto-rounds :is(button,summary){background:#202732;color:#b9c4d3}
:root[data-theme=dark] .crypto-rounds button.active{background:#34435d;color:#e1eaff;box-shadow:inset 0 0 0 1px #4c6083}

/* Guide artwork and every account view must follow the selected appearance. */
:root[data-theme=dark] .howto-dialog{background:#1b222c;color:#e7ebf1;color-scheme:dark}
:root[data-theme=dark] .guide-art{background:#151a21}
:root[data-theme=dark] .guide-art img{filter:invert(.92) hue-rotate(180deg)}
:root[data-theme=dark] .guide-close{background:#293341;color:#e7ebf1}
:root[data-theme=dark] .guide-copy p{color:#b4becc}
:root[data-theme=dark] .guide-dots span{background:#495568}
:root[data-theme=dark] .guide-dots .active{background:#8ba6ff}
:root[data-theme=dark] #authDialog,
:root[data-theme=dark] #authDialog:has(.auth-account-header),
:root[data-theme=dark] #authDialog:has(#depositContent,.withdrawal-pane,#receiptForm){background:#1b222c;color:#e7ebf1;border-color:#303a48;color-scheme:dark}
:root[data-theme=dark] #authDialog .auth-account-header{background:#1b222c}
:root[data-theme=dark] #authDialog :is(.auth-tabs,.auth-methods){background:#131a23}
:root[data-theme=dark] #authDialog :is(.auth-tabs,.auth-methods) button{color:#aebacd}
:root[data-theme=dark] #authDialog :is(.auth-tabs,.auth-methods) button.selected{background:#2c3750;color:#c2d0ff}
:root[data-theme=dark] #authDialog :is(input,select,textarea){background:#131a23;border-color:#3b4656;color:#e7ebf1;color-scheme:dark}
:root[data-theme=dark] #authDialog:has(.auth-account-header) :is(.auth-account-actions button,.auth-pagination button,.auth-secondary){background:#252e3c;border-color:#3b4656;color:#e7ebf1}
:root[data-theme=dark] #authDialog:has(.auth-account-header) :is(.auth-identity,.auth-record small,.auth-record time,.auth-balance-label,.auth-pagination span){color:#a6b1c0}
:root[data-theme=dark] #authDialog .auth-record{border-color:#303a48}
:root[data-theme=dark] #authDialog .auth-record a{color:#9db5ff}
:root[data-theme=dark] #authDialog .auth-close{color:#bcc8d9}
:root[data-theme=dark] #authDialog #realNameForm .auth-phone-number input{background:transparent}

:root[data-theme=dark] #authDialog button.auth-real-name{color:#9db5ff}

:root[data-theme=dark] .language-picker{background:#1b222c;border-color:#303a48;color:#d9e2ef}
:root[data-theme=dark] .language-picker .language-options button{color:#d9e2ef}
:root[data-theme=dark] .language-picker .language-options button:hover{background:#273140;color:#e7ebf1}
:root[data-theme=dark] .language-picker .language-options [aria-pressed=true]{background:#2c3b55;color:#e0eaff;box-shadow:inset 0 0 0 1px #435777}
:root[data-theme=dark] .language-picker .language-options [aria-pressed=true] .lucide{color:#a5beff}
:root[data-theme=dark] .language-picker .language-close{color:#b3bfd0}