/* Light mode retains the existing Pearl styles. Dark mode changes color only. */
html.site-pearl .site-appearance-toggle { appearance:none; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 36px; padding:0; margin:0; border:1px solid #d9e4f3; border-radius:10px; background:#f3f7fd; color:#526e98; cursor:pointer; box-shadow:none; }
html.site-pearl .site-appearance-toggle svg { width:18px; height:18px; pointer-events:none; }
html.site-pearl .site-appearance-toggle .sat-sun { display:none; }
html.site-pearl.site-dark .site-appearance-toggle { border-color:#33485f; background:#1b2a3b; color:#f0d28b; }
html.site-pearl.site-dark .site-appearance-toggle .sat-sun { display:block; }
html.site-pearl.site-dark .site-appearance-toggle .sat-moon { display:none; }
html.site-pearl .site-appearance-toggle:focus-visible { outline:3px solid #82adf3; outline-offset:3px; }
html.site-pearl.site-dark, html.site-pearl.site-dark body, html.site-pearl.site-dark body.public-ui {
  color-scheme:dark!important;
  --pearl-bg:#0f151b; --pearl-surface:#151e26; --pearl-soft:#1b2834;
  --pearl-text:#e7f0f6; --pearl-secondary:#b4c4d3; --pearl-muted:#98adbf;
  --pearl-blue:#8ab9ff; --pearl-line:#2b3c4c;
  --pearl-shadow:0 5px 20px #00000016; --pearl-shadow-hover:0 10px 26px #00000025;
  --ui-ink:#e7f0f6; --ui-subtle:#a1b6ca; --ui-blue:#8ab9ff; --ui-line:#2b3c4c; --ui-shadow:var(--pearl-shadow);
  --bg-dark:#0f151b; --bg-primary:#0f151b; --bg-secondary:#151e26; --bg-sidebar:#151e26; --bg-card:#151e26; --bg-card2:#1b2834;
  --text-primary:#e7f0f6; --text-secondary:#b4c4d3; --text-muted:#98adbf; --border:#2b3c4c; --border2:#395067;
  --sb:#0f151b; --sb2:#151e26; --sb3:#1b2834; --sb-input:#172330;
  --st:#e7f0f6; --st2:#b4c4d3; --st3:#98adbf; --st4:#889fb4; --sbr:#2b3c4c; --sbr2:#314354; --sb-hover:#203247;
  --inp-bg:#172330; --inp-txt:#e7f0f6; --inp-border:#395067; --inp-ph:#91a7bd;
  --ui-page:#0f151b; --ui-surface:#151e26; --ui-surface-raised:#1b2834; --ui-surface-deep:#121c25;
  --ui-text:#e7f0f6; --ui-muted:#98adbf; --ui-border:#2b3c4c; --ui-border-hover:#426181;
  --ui-card-fill:#151e26; --ui-card-fill-hover:#1b2834; --ui-card-shadow:var(--pearl-shadow);
  --frame-bg:#151e26; --frame-fill:#151e26; --frame-bg-hover:#1b2834; --frame-fill-hover:#1b2834; --frame-surface:#151e26; --frame-surface-deep:#121c25; --frame-line:#2b3c4c;
  --header-bg:#151e26; --header-text:#e7f0f6; --header-icon:#a0bde1; --header-action-bg:#1b2834; --header-action-border:#31465b;
  --header-search-bg:#172330; --header-search-border:#31465b; --header-search-text:#e7f0f6; --header-search-placeholder:#91a7bd; --header-search-icon:#a0bde1;
  --v23-page:#0f151b; --v23-surface:#151e26; --v23-surface-2:#1b2834; --v23-surface-3:#203247; --v23-text:#e7f0f6; --v23-muted:#98adbf; --v23-border:#2b3c4c;
  --v45-bg:#0f151b; --v45-panel:#151e26; --v45-panel2:#1b2834; --v45-border:#2b3c4c;
  background-color:#0f151b!important; color:#e7f0f6!important;
}
html.site-pearl.site-dark body :is(h1,h2,h3,h4,h5,h6) { color:#e7f0f6!important; }
html.site-pearl.site-dark body.public-ui #topbar.topbar,
html.site-pearl.site-dark body :is(#topbar,#topbar.scrolled,.auth-topbar),
html.site-pearl.site-dark body :is(.topbar-user-drop,.site-language-menu) { background:#151e26fa!important; border-color:#2b3c4c!important; color:#e7f0f6!important; }
html.site-pearl.site-dark body.public-ui #sidebar.sidebar { background:#151e26!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui #sidebar :is(.sb-brand-area,.sb-navigation,.sb-auth-area,.sb-logo-stage) { background:#151e26!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui #sidebar :is(.sb-item,.sb-item-icon,.sb-btn-logout,.sb-user-row,.sb-balance-card,.sb-balance-add) { background:#1b2834!important; border-color:#2b3c4c!important; color:#b4c4d3!important; }
html.site-pearl.site-dark body.public-ui #sidebar .sb-item.sb-active { background:#203958!important; border-color:#3a5c86!important; color:#b1d2ff!important; }
html.site-pearl.site-dark body.public-ui #sidebar .sb-item.sb-active .sb-item-icon { background:#2c65ce!important; color:#fff!important; }
html.site-pearl.site-dark body.public-ui #sidebar .sb-btn-register { background:#1b2834!important; color:#b4ccef!important; border-color:#395067!important; }
html.site-pearl.site-dark body.public-ui #sidebar :is(.sb-section-label,.sb-navigation-heading,.sb-user-email,.sb-balance-title) { color:#98adbf!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui #sidebar :is(.sb-user-name,.sb-balance-value) { color:#e7f0f6!important; -webkit-text-fill-color:currentColor!important; }
html.site-pearl.site-dark body.public-ui #sidebar .sb-vip-promo { background:#302b20!important; border-color:#51462f!important; }
html.site-pearl.site-dark body.public-ui #sidebar .sb-vip-promo :is(span,b) { color:#e5c37a!important; }
html.site-pearl.site-dark body :is(.topbar-search,.topbar-search-wrap,.topbar-user,.topbar-login-btn,.hamburger,.site-language-trigger,.site-language-option,.tud-header,.tud-links,.tud-balance-card,.tud-link,.auth-topbar-links>a) { background:#1b2834!important; color:#c7d9ed!important; border-color:#31465b!important; }
html.site-pearl.site-dark body .hamburger span { background:#b7cde6!important; }
html.site-pearl.site-dark body :is(.tud-username,.tud-bal-amount,.topbar-user-name) { color:#e7f0f6!important; }
html.site-pearl.site-dark body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea,.auth-input) { background:#172330!important; border-color:#395067!important; color:#e7f0f6!important; }
html.site-pearl.site-dark body :is(input,textarea)::placeholder { color:#91a7bd!important; }
html.site-pearl.site-dark body select option { background:#172330!important; color:#e7f0f6!important; }
html.site-pearl.site-dark body.public-ui .home-dashboard .hd-profile-card { background:linear-gradient(115deg,#151e26,#1c2b3a)!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui .home-dashboard :is(.hd-stat-card,.hmt-card,.about-strip,.about-card,.ann-card) { background:#151e26!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui :is(.hd-stat-val,.hd-stat-rank-text,.about-card-title,.ann-title,.hmt-name,.hd-service-name) { color:#e7f0f6!important; }
html.site-pearl.site-dark body.public-ui :is(.hd-stat-lbl,.hd-profile-date,.about-card-desc,.ann-preview,.ann-meta,.hmt-empty,.hmt-foot,.hmt-title,.hmt-sub) { color:#a5b9cd!important; }
html.site-pearl.site-dark body.public-ui .home-quick-link--soft { background:#1b2834!important; border-color:#395067!important; color:#b4ccef!important; }
html.site-pearl.site-dark body.public-ui :is(.hct-shell,.hct-item,.hmt-head,.hmt-item,.hmt-foot,.hmt-empty) { background:#172330!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui :is(.hct-item-label,.hct-item-value,.hct-label,.hct-value) { color:#b4ccef!important; }
html.site-pearl.site-dark body.public-ui .home-dashboard .home-contact-ticker .hct-item { background:#172330!important; border-color:#31465b!important; }
html.site-pearl.site-dark body.public-ui .home-dashboard .home-contact-ticker .hct-text strong { color:#c4d9f2!important; }
html.site-pearl.site-dark body.public-ui .home-dashboard .home-contact-ticker .hct-text small { color:#9fb4cd!important; }
html.site-pearl.site-dark body.public-ui .home-dashboard :is(.hd-brand-signature__main,.hd-brand-signature__suffix) { color:#91bcff!important; -webkit-text-fill-color:currentColor!important; }
/* Store, orders, history, downloads and contact keep their existing layouts. */
html.site-pearl.site-dark body.public-ui :is(.sp-card,.sp-card-body,.sp-card-footer,.sp-store-glass-head,.sp-category-head,.sp-category-tabs,.sp-random-section-head,.sp-random-divider,.hfr-card,.dlhero,.dl-card,.blog-card,.blog-empty,.dl-empty,.blog-search-wrap,.ct2-hero,.ct2-channel-section,.ct2-info-card,.ct2-form-card,.ct2-ch-card,.topup-section,.topup-balance-pill,.hv3-stat,.hv3-panel,.hv3-row,.ord2-row-card,.ord2-stat,.ord2-empty,.pd-panel,.pd-purchase-panel,.wt-card,.wt-stat,.rk-section,.rk-tier-card) { background:#151e26!important; border-color:#2b3c4c!important; color:#e7f0f6!important; }
html.site-pearl.site-dark body.public-ui :is(.sp-card-title,.sp-card-name,.sp-title,.sp-category-title,.sp-category-head-title,.dl-card-name,.blog-card-title,.ct2-info-val,.ct2-ch-name,.topup-title,.topup-section-title,.topup-pkg-amount,.hv3-stat-val,.hv3-tx-code,.hv3-col-amt,.ord2-title,.pd-title) { color:#e7f0f6!important; -webkit-text-fill-color:currentColor!important; }
html.site-pearl.site-dark body.public-ui :is(.sp-card-desc,.sp-card-sub,.sp-desc,.sp-support-note,.dl-card-desc,.blog-card-excerpt,.blog-hero-sub,.ct2-hero-sub,.ct2-info-lbl,.ct2-info-sub,.ct2-form-sub,.ct2-label,.ct2-ch-desc,.topup-sub,.topup-pkg-label,.hv3-stat-label,.hv3-delta,.hv3-tx-sub,.hv3-col-time,.ord2-meta) { color:#a3b7cb!important; }
html.site-pearl.site-dark body.public-ui :is(.sp-category-btn,.blog-tab-btn,.dl-tab,.topup-pkg,.topup-tab,.topup-tabs,.tc-amount-btn,.tc-telco,.hv3-filterbar,.hv3-tab,.hv3-thead,.pd-pkg,.pd-qty-btn,.bank-badge,.qr-panel,.dlhero-stat,.dlhero-search,.ct2-ch-tags span) { background:#1b2834!important; border-color:#31465b!important; color:#b4ccef!important; }
html.site-pearl.site-dark body.public-ui :is(.sp-category-btn.active,.blog-tab-btn.active,.dl-tab.active,.topup-tab.tab-on,.hv3-tab.active-green,.hv3-tab.active-purple) { background:#244166!important; color:#c7dfff!important; }
html.site-pearl.site-dark body.public-ui .blog-page .blog-tab-btn:is(:link,:visited) { background:#1b2834!important; color:#b4ccef!important; border-color:#31465b!important; }
html.site-pearl.site-dark body.public-ui .blog-page .blog-tab-btn.active:is(:link,:visited) { background:#244166!important; color:#c7dfff!important; }
html.site-pearl.site-dark body.public-ui .topup-page #panel-bank :is(.topup-input-wrap,.bank-notice-text) { background:#172330!important; color:#b4c4d3!important; border-color:#395067!important; }
html.site-pearl.site-dark body.public-ui .topup-page #panel-bank .bank-badge-name { color:#d4e3f7!important; }
html.site-pearl.site-dark body.public-ui .topup-page #panel-bank .bank-badge-sub { color:#a3b9d2!important; }
html.site-pearl.site-dark body.public-ui :is(.topup-pkg.selected,.tc-amount-btn.selected) { background:#173c32!important; border-color:#3b9f79!important; color:#a4e2c8!important; }
html.site-pearl.site-dark body.public-ui .topup-pkg.selected .topup-pkg-amount { color:#a4e2c8!important; }
html.site-pearl.site-dark body.public-ui :is(.topup-confirm-btn,.tc-submit-btn):disabled { background:#26333f!important; color:#8ea1b2!important; border-color:#344452!important; }
html.site-pearl.site-dark body.public-ui :is(.topup-summary strong,.topup-bal-value,.sp-card-price,.sp-price,.dlhero-stat-value) { color:#9fc6ff!important; }
html.site-pearl.site-dark body.public-ui .ct2-layout--form :is(.ct2-channel-section,.ct2-ch-card) { background:#151e26!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui .hv3-page :is(.hv3-tx-code,.hv3-col-amt,.hv3-tx-sub) { color:#bdd2ec!important; -webkit-text-fill-color:currentColor!important; }
html.site-pearl.site-dark body.public-ui .hv3-page .hv3-col-time { color:#9aafc4!important; }
html.site-pearl.site-dark body.public-ui :is(table,th,td,.hv3-table td) { background:#151e26!important; border-color:#2b3c4c!important; color:#b4c4d3!important; }
html.site-pearl.site-dark body.public-ui :is(th,.hv3-thead) { background:#1b2834!important; color:#9db4cc!important; }
/* Recent homepage components. */
html.site-pearl.site-dark body.public-ui .topup-hub { --th-ink:#e7f0f6; --th-muted:#a2b6cb; --th-line:#2b3c4c; background:linear-gradient(135deg,#151e26,#182735); border-color:#2b3c4c; }
html.site-pearl.site-dark body.public-ui .topup-hub :is(.th-wallet,.th-method-card) { background:radial-gradient(ellipse at 100% 0,#34314f,transparent 65%),#202636!important; border-color:#3b405c!important; color:#dce6ff!important; }
html.site-pearl.site-dark body.public-ui .topup-hub :is(.th-eyebrow,.th-history,.th-help,.th-reassurance > span) { color:#a2b9d5; }
html.site-pearl.site-dark body.public-ui .topup-hub .th-method-card :is(.th-method-copy p,.th-method-note,.th-method-badge) { color:#bcc2df; }
html.site-pearl.site-dark body.public-ui .topup-hub .th-method-card .th-method-icon { background:#343650; border-color:#4c4b6a; color:#c4beff; }
html.site-pearl.site-dark body.public-ui .home-faq { --hf-ink:#e7f0f6; --hf-muted:#a5b9cd; --hf-line:#2b3c4c; background:linear-gradient(125deg,#182735,#151e26 50%); border-color:#2b3c4c; }
html.site-pearl.site-dark body.public-ui .home-faq :is(.hf-item,.hf-contact) { background:#172330; border-color:#2b3c4c; }
html.site-pearl.site-dark body.public-ui .home-faq .hf-item[open] { background:#1b2e43; border-color:#3b5a7e; }
html.site-pearl.site-dark body.public-ui .home-faq :is(.hf-eyebrow,.hf-contact,.hf-answer a) { color:#a6c9ff; }
html.site-pearl.site-dark body.public-ui .home-faq :is(.hf-toggle,.hf-symbol) { background:#243c57; color:#b4ccef; border-color:#37516e; }
html.site-pearl.site-dark body.public-ui .home-faq .hf-item[open] .hf-toggle { background:#2a4b73; color:#c4ddff; }
html.site-pearl.site-dark body.public-ui .fb-gallery { --fb-ink:#e7f0f6; --fb-muted:#a3b7cc; --fb-line:#2b3c4c; background:radial-gradient(ellipse at 100% 0,#1e3049,transparent 55%),#151e26!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.public-ui .fb-gallery .fb-slide { background:#172330!important; border-color:#31465b!important; }
html.site-pearl.site-dark body.public-ui .fb-gallery .fb-slide-media { background:linear-gradient(140deg,#1a2a3a,#15212e)!important; border-color:#31465b; }
html.site-pearl.site-dark body.public-ui .fb-gallery :is(.fb-gallery-count,.fb-gallery-icon,.fb-gallery-more,.fb-slide-expand,.fb-slide-number) { background:#233a55!important; border-color:#355170!important; color:#b5d0f6!important; }
html.site-pearl.site-dark body.public-ui .fb-gallery :is(.fb-slide-caption,.fb-slide-label,.fb-gallery-kicker) { color:#abc0d9!important; }
html.site-pearl.site-dark body.public-ui .fb-viewer-panel,
html.site-pearl.site-dark body.public-ui :is(.fb-viewer-header,.fb-viewer-footer) { background:#151e26; color:#e7f0f6; border-color:#2b3c4c; }
html.site-pearl.site-dark body.public-ui .fb-lightbox :is(.fb-lightbox-close,.fb-lightbox-prev,.fb-lightbox-next,.fb-viewer-zoom) { background:#233a55!important; color:#b5d0f6!important; border-color:#355170!important; }
/* Shared dialogs, support widgets and authentication inherit the same palette. */
html.site-pearl.site-dark body :is(.go-dialog,.go-top-actions,.go-progress,.ac-window,.ac-header,.ac-messages,.ac-input-wrap,.ambient-music__panel,.ambient-music__launcher,.ambient-music__header,.ambient-music__control,.ambient-music__volume,.wn-modal,.wn-body,.wn-close,.wn-btn-remind,.pm-modal,.od2-modal,.wt-modal,.rnd-confirm__card,.rnd-game__card) { background:#172330!important; border-color:#31465b!important; color:#c6d7e9!important; }
html.site-pearl.site-dark body :is(.go-dialog,.pm-modal,.od2-modal,.wt-modal,.wn-modal) :is(h2,h3,h4,p,label) { color:#dce7f3!important; }
html.site-pearl.site-dark body :is(.go-btn-back,.ac-bubble--bot,.ac-bubble--admin,.ac-chip,.ac-msg-row--bot .ac-bubble,.ac-msg-row--admin .ac-bubble) { background:#21354b!important; color:#c1d3e9!important; border-color:#38516d!important; }
html.site-pearl.site-dark body :is(.ac-header-name,.ac-header-sub,.ac-header-close,.ac-header-status,.ac-input,.ambient-music__title,.ambient-music__status,.ambient-music__times,.wn-item-text,.wn-item-text strong,.auth-label,.auth-footer,.auth-forgot,.auth-link,.auth-terms,.auth-pw-toggle,.auth-eye-btn) { color:#adc4df!important; }
html.site-pearl.site-dark body :is(.auth-title,.auth-switch a,.auth-forgot a) { color:#b0ceff!important; }
html.site-pearl.site-dark body :is(code,pre,.ord3-key-box,.od2-key-wrap,.pd-license) { background:#1b2e43!important; border-color:#3b5a7e!important; color:#bfdbff!important; }
html.site-pearl.site-dark body .site-cloud-footer { background:linear-gradient(120deg,#121c25,#172330)!important; border-color:#2b3c4c!important; }
html.site-pearl.site-dark body.auth-body { background:radial-gradient(ellipse at 15% 10%,#1a2f4b,transparent 48%),#0f151b!important; }
html.site-pearl.site-dark body.auth-body .auth-topbar { background:#151e26fa!important; border-color:#2b3c4c!important; color:#e7f0f6!important; }
html.site-pearl.site-dark body.auth-body :is(.auth-card,.auth-logo,.auth-google-btn,.auth-security-note) { background:#151e26!important; border-color:#2b3c4c!important; color:#d3e1f2!important; }
html.site-pearl.site-dark body.auth-body :is(.auth-input-wrap,.auth-input-icon,.auth-pw-toggle,.auth-input) { background:#172330!important; border-color:#395067!important; color:#c4d6ed!important; }
html.site-pearl.site-dark body.auth-body :is(.auth-title,.auth-label,.auth-subtitle,.auth-footer,.auth-divider,.auth-terms,.auth-remember,.auth-terms-lbl,.auth-label-hint) { color:#b4c4d3!important; }
html.site-pearl.site-dark body.auth-body :is(.auth-forgot a,.auth-switch a) { color:#b0ceff!important; }
html.site-pearl.site-dark body.auth-body :is(.auth-tabs,.auth-switch a,.captcha-box) { background:#1b2834!important; border-color:#31465b!important; color:#b4ccef!important; }
html.site-pearl.site-dark body.auth-body .auth-tabs a[aria-current="page"] { background:#244166; color:#c7dfff; }
@media (max-width:700px) {
  html.site-pearl body.public-ui #topbar.topbar { gap:7px!important; }
  html.site-pearl body.public-ui .topbar-account { gap:6px; flex-shrink:0; }
  html.site-pearl body.public-ui .site-appearance-toggle { width:34px; height:36px; flex-basis:34px; border-radius:9px; }
  html.site-pearl body.public-ui .topbar-search { min-width:0; }
  html.site-pearl body.public-ui .topbar-search-wrap { min-width:0; }
}