/* Pearl: a shared white surface system. Keep artwork and status semantics. */
html.site-pearl, html.site-pearl body {
  color-scheme: light !important;
  --pearl-bg: #f3f6fb;
  --pearl-surface: #fff;
  --pearl-soft: #f7f9fd;
  --pearl-text: #17243d;
  --pearl-secondary: #485c76;
  --pearl-muted: #60718a;
  --pearl-blue: #2563d9;
  --pearl-line: #dce5ef;
  --pearl-shadow: 0 6px 22px #233e6510, 0 1px 3px #233e6506;
  --pearl-shadow-hover: 0 12px 30px #233e651a, 0 2px 6px #233e6508;
  --bg-dark: var(--pearl-bg); --bg-primary: var(--pearl-bg); --bg-secondary: #fff;
  --bg-sidebar: #fff; --bg-card: #fff; --bg-card2: var(--pearl-soft);
  --text-primary: var(--pearl-text); --text-secondary: var(--pearl-secondary); --text-muted: var(--pearl-muted);
  --border: var(--pearl-line); --border2: #cad7e7; --shadow: var(--pearl-shadow);
  --accent: #2563d9; --accent2: #4380e8; --sp: #2563d9; --sa: #4380e8;
  --sp-rgb: 37,99,217; --sa-rgb: 67,128,232;
  --sb: var(--pearl-bg); --sb2: #fff; --sb3: var(--pearl-soft); --sb-input: #fff;
  --st: var(--pearl-text); --st2: var(--pearl-secondary); --st3: var(--pearl-muted); --st4: #7a8ba2;
  --sbr: var(--pearl-line); --sbr2: #eaf0f7; --sb-hover: #edf3fd;
  --inp-bg: #fff; --inp-txt: var(--pearl-text); --inp-border: #cad7e7; --inp-ph: #6b7d95; --inp-focus: #2563d926;
  --ui-page: var(--pearl-bg); --ui-surface: #fff; --ui-surface-raised: #fff; --ui-surface-deep: #f6f8fc;
  --ui-text: var(--pearl-text); --ui-muted: var(--pearl-muted); --ui-border: var(--pearl-line); --ui-border-hover: #a7c3eb;
  --ui-card-fill: #fff; --ui-card-fill-hover: #fff; --ui-card-shadow: var(--pearl-shadow); --ui-card-shadow-hover: var(--pearl-shadow-hover);
  --frame-bg: #fff; --frame-fill: #fff; --frame-bg-hover: #fff; --frame-fill-hover: #fff;
  --frame-surface: #fff; --frame-surface-deep: #f6f8fc; --frame-line: var(--pearl-line); --frame-line-hover: #a7c3eb;
  --header-bg: #fff; --header-text: var(--pearl-text); --header-icon: #42618b;
  --header-action-bg: #f1f5fc; --header-action-border: #d7e2f0; --header-action-border-rgb: 215,226,240;
  --header-search-bg: #f5f8fc; --header-search-border: #dce5ef; --header-search-text: var(--pearl-text);
  --header-search-placeholder: var(--pearl-muted); --header-search-icon: var(--pearl-muted);
  --header-search-hover: #eef4fd; --header-search-focus: #b3cdf3; --header-search-icon-focus: #2563d9;
  --v23-page: var(--pearl-bg); --v23-surface: #fff; --v23-surface-2: #f6f8fc; --v23-surface-3: #eef3fb;
  --v23-text: var(--pearl-text); --v23-muted: var(--pearl-muted); --v23-border: var(--pearl-line);
  --v45-bg: var(--pearl-bg); --v45-panel: #fff; --v45-panel2: #f6f8fc; --v45-border: var(--pearl-line);
  --adm-bg: var(--pearl-bg); --adm-bg-soft: #f6f8fc; --adm-sidebar-bg: #fff; --adm-topbar-bg: #fff;
  --adm-card-bg: #fff; --adm-card-bg2: #f6f8fc; --adm-surface: #fff; --adm-surface-2: #f3f6fc;
  --adm-text: var(--pearl-text); --adm-text-2: var(--pearl-secondary); --adm-muted: var(--pearl-muted);
  --adm-border: var(--pearl-line); --adm-border2: #c8d8eb; --adm-accent: #2563d9; --adm-accent-2: #4380e8;
  --adm-shadow: var(--pearl-shadow); --adm-shadow-lg: 0 20px 60px #233e6526;
  --v30-bg: var(--pearl-bg); --v30-sidebar: #fff; --v30-topbar: #fff;
  --v30-surface: #fff; --v30-surface-2: #f6f8fc; --v30-surface-3: #eef3fb;
  --v30-text: var(--pearl-text); --v30-text-2: var(--pearl-secondary); --v30-muted: var(--pearl-muted);
  --v30-line: var(--pearl-line); --v30-line-strong: #c8d8eb; --v30-shadow: var(--pearl-shadow);
  --lcx-bg: var(--pearl-bg); --lcx-panel: #fff; --lcx-panel-2: #f7f9fd; --lcx-panel-3: #eef3fb;
  --lcx-chat: #f5f8fc; --lcx-text: var(--pearl-text); --lcx-muted: var(--pearl-muted);
  --lcx-border: var(--pearl-line); --lcx-msg-in: #fff; --lcx-shadow: var(--pearl-shadow);
  --btn-primary-bg: linear-gradient(120deg,#2c67d5,#3579e5); --btn-primary-sh: 0 5px 14px #2563d923;
  --auth-bg: var(--pearl-bg); --auth-bg-2: #f8faff; --auth-surface: #fff; --auth-surface-2: #f4f7fc;
  --auth-field: #fff; --auth-field-hover: #f9fbff; --auth-border: #d5e0ef; --auth-border-strong: #a9c4ec;
  --auth-text: var(--pearl-text); --auth-muted: var(--pearl-secondary); --auth-muted-2: var(--pearl-muted);
  --ct-card-bg: #fff; --ct-card-border: var(--pearl-line); --ct-hero-txt: var(--pearl-text); --ct-social-bg: #edf3fd;
  --is-light: 1;
  background: var(--pearl-bg) !important;
  color: var(--pearl-text) !important;
}
html.site-pearl { scroll-padding-top: 72px; }
html.site-pearl:has(body.auth-body), html.site-pearl:has(body.adm-body) { color-scheme: light !important; background: var(--pearl-bg) !important; }
html.site-pearl body {
  background: radial-gradient(ellipse at 0 0, #e8f0ff 0, transparent 43%), radial-gradient(ellipse at 100% 30%, #eef4ff 0, transparent 50%), #f3f6fb !important;
  -webkit-font-smoothing: antialiased;
}
html.site-pearl body::before, html.site-pearl body::after,
html.site-pearl :is(.site-bg-gif,.site-bg-img,.site-bg-overlay,.site-bg-seam,.auth-grid-lines,.auth-portal,.auth-mountains,.auth-particles) { display: none !important; }
html.site-pearl .pearl-particles { display: block !important; position: fixed; inset: 0; width: 100%; height: 100%; z-index: 20; pointer-events: none; user-select: none; opacity: .75; }
html.site-pearl ::selection { background: #d8e8ff; color: #18376c; }
html.site-pearl :is(.site-main,.page-content,.adm-main,.adm-content,.adm-content-wrap) { background: transparent !important; color: var(--pearl-text) !important; }
html.site-pearl :is(button,input,textarea,select) { font-family: inherit; }
html.site-pearl body :is(h1,h2,h3,h4,h5,h6) { color: var(--pearl-text) !important; }

/* Functional surfaces: no changes to size, grid, positioning or media. */
html.site-pearl body :is(
  .card,.panel,.section,.home-dashboard .hd-profile-card,.hd-stat-card,.hd-action-btn,.hd-desc-card,
  .about-strip,.about-card,.hmt-card,.hmt-empty,.sp-card,.sp-store-glass-head,.sp-random-section-head,
  .sp-random-divider,.sp-category-head,.hfr-card,.dl-card,.app-card,.product-card,.download-card,
  .pd-panel,.pd-purchase-panel,.pd-stats-row,.pd-pkg,.info-box,.file-info-card,.download-tab-box,.comment-section,
  .topup-section,.topup-pkg,.topup-custom-wrap,.bank-badge,.qr-panel,.summary-card,.detail-panel,.info-card,
  .ct2-info-card,.ct2-form-card,.ct2-ch-card,.tiktok-embed-section,.contact-form-card,.contact-ch,
  .ann-card,.blog-card,.blog-comments-section,.blog-comment-form,.blog-detail-content,
  .rk-section,.rk-tier-card,.rk-pod-card,.rk-my-pos,.wt-card,.wt-stat,.wt-qa,.wt-new-order-box,
  .hv3-panel,.hv3-stat,.hv3-detail,.ord2-row-card,.ord2-balance-box,.ord2-empty,.ord3-delivery-box,.ord3-key-box,
  .auth-card,.auth-google-btn,.auth-security-note,.res-card,.warn-box,
  .modal-box,.modal-card,.pm-modal,.pm-box,.od2-modal,.wt-modal,.rnd-confirm__card,.rnd-game__card,.psc-wrap,
  .wn-modal,.go-dialog,.vip-levelup-card,.topbar-user-drop,.site-language-menu,.ambient-music__panel,
  .adm-panel,.adm-card,.adm-stat-card,.adm-modal-box,.adm-login-box,.adm-command-dialog,.adm-command-palette,
  .st-form-card,.st-cat-list-card,.aav3-card,.aav3-form-card,.apu-panel,.apu-modal-card,.wam-modal,.bl-form-card,.ao-order-card,.ao-sum-card,.settings-card
) {
  background: var(--pearl-surface) !important;
  color: var(--pearl-text) !important;
  border-color: var(--pearl-line) !important;
  box-shadow: var(--pearl-shadow) !important;
  text-shadow: none !important;
}
html.site-pearl body .hd-stat-fancy,
html.site-pearl body .hd-stat-fancy::before,
html.site-pearl body .hd-stat-fancy::after { background: #fff !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl :is(.sp-store-glass-head,.sp-random-section-head,.hmt-card,.hd-profile-card,.about-strip)::before,
html.site-pearl :is(.sp-store-glass-head,.sp-random-section-head,.hmt-card,.hd-profile-card,.about-strip)::after { opacity: .12 !important; }
html.site-pearl body :is(
  .sp-card-body,.sp-card-footer,.sp-pkg-row,.sp-stat,.sp-stats,.pd-pp-head,.pd-invoice-section,.pd-stat,
  .ann-card-head,.ann-card-foot,.blog-card-body,.blog-card-meta,.blog-comment-body,.ord3-note,.od2-head,.od2-item,
  .hv3-thead,.hv3-detail,.rk-list-thead,.rk-list-row,.wt-new-order-head,.pm-invoice,.pm-pkg-row,
  .adm-panel-hd,.adm-toolbar,.adm-search-wrap,.adm-sidebar-foot,.adm-table-toolbar,.adm-sf-link,
  .st-filter-bar,.st-toolbar,.aav3-toolbar,.apu-filter-bar,.lcx-composer,.ac-input-row,.ac-attachment-preview
) { background: var(--pearl-soft) !important; color: var(--pearl-secondary) !important; border-color: var(--pearl-line) !important; }

/* Clear hierarchy: ink headings, slate supporting text, blue prices/actions. */
html.site-pearl body :is(
  .section-title,.hd-service-name,.hd-stat-val,.hd-stat-rank-text,.hd-desc-title,.about-strip-title,.about-card-title,
  .hmt-title,.hmt-name,.tp3-main-title,.tp3-hr-title,.tp3-feat-title,.fb-gallery-title,.sp-category-title,
  .sp-card-name,.sp-pkg-name,.sp-store-glass-head__title,.sp-random-section-head__title,.hfr-body h4,
  .pd-title,.pd-product-name,.pd-panel-title,.pd-pp-name,.pd-pkg-name,.pd-stat-val,.detail-app-name,.comment-section-title,
  .topup-title,.topup-section-title,.bank-badge-name,.tc-label,.tc-telco-name,
  .ct2-hero-title,.ct2-form-title,.ct2-ch-name,.ct2-section-head,.ct2-label,.tiktok-embed-title,
  .blog-hero-title,.blog-card-title,.blog-detail-title,.blog-comments-title,.ann-card-title,.ann-tab,
  .rk-hero-title,.rk-hero-title-main,.rk-section-title,.rk-tier-name,.rk-pod-name,.rk-lr-name,.rk-empty-title,
  .wt-hero-title,.wt-card-title,.wt-stat-value,.wt-prod-name,.wt-qa-title,.wt-form-label,
  .hv3-hdr-title,.hv3-stat-val,.ord2-page-title,.ord2-balance-val,.ord3-delivery-title,.ord3-note-title,.od2-hero-name,.od2-head-title,
  .auth-title,.auth-label,.auth-topbar-brand .bp1,.res-title,.step-title,.warn-title,.summary-card h2,.detail-head,.qr-head,
  .wn-title,.wn-item-title,.go-title,.psc-title,.rnd-game__title,.rnd-reveal__name,
  .adm-page-title,.adm-panel-title,.adm-stat-val,.adm-product-name,.adm-order-name,.adm-field-lbl,.adm-login-title,
  .aav3-title,.st-title,.bl-title,.wam-title,.apu-title,.lcx-page-title,.lcx-contact-name
) { color: var(--pearl-text) !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important; }
html.site-pearl body :is(
  .section-subtitle,.hd-desc-link,.hd-join-date,.hd-stat-lbl,.about-card-desc,.hmt-empty,.hmt-sub,.tp3-feat-desc,
  .sp-card-desc,.sp-card-plat,.sp-card-meta,.sp-stat-label,.hfr-body p,.hfr-body li,.pd-short-desc,.pd-pkg-desc,.pd-stat-lbl,
  .topup-input-hint,.topup-bal-label,.bank-badge-sub,.tc-status-msg,
  .ct2-form-sub,.ct2-ch-desc,.ct2-ch-platform,.blog-card-excerpt,.blog-card-date,.blog-card-meta,
  .ann-card-content,.ann-card-time,.rk-empty-desc,.rk-pod-platform,.rk-tier-disc-label,.wt-stat-label,.wt-form-hint,
  .hv3-stat-label,.hv3-detail-label,.ord2-balance-lbl,.ord3-note-desc,.od2-head-label,
  .auth-subtitle,.auth-switch,.auth-security-note,.auth-remember,.auth-divider,.res-sub,.label,.fi-label,
  .wn-subtitle,.wn-item-desc,.go-description,.psc-subtitle,.rnd-reveal__desc,
  .adm-stat-lbl,.adm-page-sub,.adm-panel-sub,.adm-field-hint,.adm-form-hint,.adm-notif-desc,.lcx-page-sub,.lcx-contact-preview
) { color: var(--pearl-muted) !important; text-shadow: none !important; }
html.site-pearl body :is(.sp-card-price,.sp-pkg-price,.pd-price-range,.pd-pkg-price,.hmt-amount,.od2-item-price,.adm-order-price,.summary-card .amount) { color: #245fc8 !important; }
html.site-pearl body :is(.hd-brand-signature__main,.hd-brand-signature__suffix,.rk-hero-title-vip,.auth-topbar-brand .bp2) {
  color: #245fc8 !important; background: none !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; filter: none !important;
}
html.site-pearl body :is(.detail-description,.app-rich-description,.blog-detail-content,.legalx-content,.legalx-article,.legalx-section,.pd-panel,.comment-body) { color: var(--pearl-secondary) !important; }
html.site-pearl body :is(.detail-description,.app-rich-description,.blog-detail-content,.legalx-article,.pd-panel,.comment-body) :is(p,li,span,strong,h2,h3,h4) { color: inherit !important; }

/* Navigation retains its hover/press motion with a pearl-blue palette. */
html.site-pearl #sidebar.sidebar {
  --nav-rgb: 37,99,217; --nav-accent: #2563d9; --nav-text: #17243d; --nav-muted: #63748c;
  background: linear-gradient(180deg,#fff,#f9fbff) !important;
  color: #17243d !important; border-right-color: #dce5ef !important;
  box-shadow: 6px 0 26px #26456d09 !important; scrollbar-color: #c5d5e9 transparent;
}
html.site-pearl #sidebar :is(.sb-brand-area,.sb-navigation,.sb-auth-area) { background: #fff !important; border-color: #dce5ef !important; box-shadow: none !important; }
html.site-pearl #sidebar .sb-logo-stage { border-color: #d4dfed !important; box-shadow: 0 4px 12px #233e6510 !important; }
html.site-pearl #sidebar .sb-navigation-heading { color: #47618b !important; border-color: #e6edf7 !important; }
html.site-pearl #sidebar :is(.sb-section-label,.sb-section-index,.sb-balance-title,.sb-user-email) { color: #64748b !important; }
html.site-pearl #sidebar .sb-divider { background: linear-gradient(90deg,#c9dcf5,#e6edf7,transparent); }
html.site-pearl #sidebar .sb-navigation-detail { border-color: #a8bfdf; }
html.site-pearl #sidebar :is(.sb-item,.sb-btn) { background: #f8faff !important; color: #415571 !important; border-color: #e5ecf6 !important; box-shadow: inset 0 1px #fff !important; }
html.site-pearl #sidebar .sb-item-icon { background: #edf3fe !important; color: #4e6c98 !important; border-color: #dbe6f6; box-shadow: inset 0 1px #fff !important; }
html.site-pearl #sidebar .sb-item-ranking { --nav-item-rgb: 151,107,35; }
html.site-pearl #sidebar .sb-item-downloads { --nav-item-rgb: 22,132,105; }
html.site-pearl #sidebar .sb-item.sb-active { background: #ebf2ff !important; color: #1d52ad !important; border-color: #b5cdf2 !important; box-shadow: inset 2px 0 #3673d8, 0 3px 10px #2563d910 !important; }
html.site-pearl #sidebar .sb-item.sb-active .sb-item-icon { background: #dce9ff !important; color: #245fc8 !important; border-color: #c0d5f6; }
html.site-pearl #sidebar :is(.sb-item,.sb-btn):is(:hover,:focus-visible) { color: #194b9c !important; border-color: #a9c7ee !important; box-shadow: 0 4px 14px #2563d917 !important; }
html.site-pearl #sidebar .sb-item.sb-active:is(:hover,:focus-visible) { box-shadow: inset 2px 0 #3673d8, 0 4px 14px #2563d91c !important; }
html.site-pearl #sidebar .sb-item:is(:hover,:focus-visible) .sb-item-icon { background-color: #ddeaff !important; color: #245fc8 !important; border-color: #b7cff4; }
html.site-pearl #sidebar .sb-btn-login { background: linear-gradient(115deg,#2b65cf,#306dd0) !important; color: #fff !important; border-color: #3873d5 !important; box-shadow: 0 4px 12px #2563d91c !important; }
html.site-pearl #sidebar .sb-btn-login:is(:hover,:focus-visible) { color: #fff !important; }
html.site-pearl #sidebar :is(.sb-user-name,.sb-balance-value) { color: #17243d !important; }
html.site-pearl #sidebar :is(.sb-user-row,.sb-balance-card,.sb-vip-promo) { background: #f0f5ff !important; color: #31578f !important; border-color: #d4e2f7 !important; }

/* Header, filters and data-entry surfaces. */
html.site-pearl body :is(#topbar,#topbar.scrolled,.auth-topbar,.adm-topbar) { background: #fffffffa !important; color: #17243d !important; border-color: #dce5ef !important; box-shadow: 0 3px 15px #233e650a !important; backdrop-filter: none !important; }
html.site-pearl body :is(.topbar-search-wrap,.topbar-user,.auth-topbar-links>a,.topbar-login-btn,.hamburger,.blog-search-wrap,.ann-search-wrap,.sp-category-tabs,.tabs,.topup-tabs) { background: #f5f8fd !important; color: #37557c !important; border-color: #d8e3f2 !important; box-shadow: none !important; }
html.site-pearl .hamburger span { background: #42618b !important; }
html.site-pearl body :is(.tud-header,.tud-links,.tud-balance-card,.tud-link,.site-language-option) { background: #fff !important; color: #334c6d !important; border-color: #e1e9f4 !important; }
html.site-pearl body :is(.tud-username,.tud-bal-amount,.topbar-user-name) { color: #17243d !important; }
html.site-pearl 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,.ct2-input,.tc-input,.adm-input,.adm-select,.adm-textarea) {
  background: #fff !important; color: #17243d !important; border-color: #cbd9eb !important; box-shadow: inset 0 1px 2px #233e6505 !important;
}
html.site-pearl body :is(input,textarea)::placeholder { color: #64748b !important; opacity: 1; }
html.site-pearl body :is(input,select,textarea):focus { outline: none; border-color: #7da7e8 !important; box-shadow: 0 0 0 3px #2563d91c !important; }
html.site-pearl body :is(select option,.auth-input-icon,.ct2-input-icon,.tc-input-icon,.adm-search-icon) { color: #4c6486 !important; background-color: #fff; }
html.site-pearl body :is(.tc-amount-btn,.topup-pkg,.pd-pkg,.tab-btn,.topup-tab,.ann-cat-btn,.sp-category-btn,.pd-qty-btn,.hv3-page-btn,.blog-action-btn,.adm-subtab-btn,.adm-btn-ghost,.res-btn,.copy-btn) { background: #f5f8fd !important; color: #36557d !important; border-color: #d4e1f2 !important; }
html.site-pearl body :is(.tab-btn.active,.topup-tab.active,.tc-amount-btn.active,.topup-pkg.active,.pd-pkg.selected,.ann-cat-btn.active,.sp-category-btn.active,.adm-subtab-active) { background: #eaf2ff !important; color: #1d52ad !important; border-color: #9fbfea !important; box-shadow: inset 0 0 0 1px #b9d0f2 !important; }

/* Action colors stay meaningful. No size overrides on compact icon controls. */
html.site-pearl body :is(.btn-primary,.auth-btn,.home-hero__btn--primary,.pd-buy-btn,.sp-buy-btn,.sp-random-open-btn,.topup-confirm-btn,.tc-submit-btn,.ct2-submit,.contact-submit-btn,.wt-submit-btn,.wt-hero-btn,.blog-comment-submit,.tud-topup-btn,.site-cloud-footer__cta,.wn-btn-ok,.go-btn-next,.psc-btn-orders,.btn-go,.adm-btn-primary,.st-submit-btn,.st-upload-btn,.ac-send) {
  background: linear-gradient(115deg,#2b65cf,#306dd0) !important; color: #fff !important; border-color: #3973d4 !important; box-shadow: 0 4px 12px #2563d91c !important;
}
html.site-pearl body :is(.btn-primary,.auth-btn,.pd-buy-btn,.sp-buy-btn,.topup-confirm-btn,.tc-submit-btn,.ct2-submit,.wt-submit-btn,.site-cloud-footer__cta,.adm-btn-primary) :is(span,i) { color: inherit !important; }
html.site-pearl body :is(.btn,.auth-btn,.pd-buy-btn,.sp-buy-btn,.topup-confirm-btn,.tc-submit-btn,.ct2-submit,.wt-submit-btn,.adm-btn,.res-btn,.copy-btn,.ct2-ch-card,.dl-card,.sp-card,.about-card) { transition: transform .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease !important; }
@media (any-hover: hover) {
  html.site-pearl body :is(.sp-card,.dl-card,.about-card,.blog-card,.ct2-ch-card,.rk-tier-card):hover { border-color: #b5cceb !important; box-shadow: var(--pearl-shadow-hover) !important; transform: translateY(-2px); }
  html.site-pearl body :is(.btn-primary,.auth-btn,.pd-buy-btn,.sp-buy-btn,.topup-confirm-btn,.tc-submit-btn,.ct2-submit,.wt-submit-btn,.adm-btn-primary,.copy-btn):hover { transform: translateY(-2px); box-shadow: 0 7px 18px #2563d92b !important; }
}
html.site-pearl body :is(.sb-badge-free,.sp-stock-badge,.badge-success,.status-paid,.status-success,.adm-badge-green,.auth-alert-success) { background: #e9f8f1 !important; color: #187554 !important; border-color: #b8e1cd !important; }
html.site-pearl body :is(.sp-stock-badge.out,.badge-error,.status-failed,.adm-badge-red,.auth-alert-error,.btn-danger,.sb-btn-logout,.tud-logout) { background: #fff0f1 !important; color: #b52f48 !important; border-color: #efc1ca !important; }
html.site-pearl body :is(.badge-warning,.status-pending,.adm-badge-orange,.sb-badge-hot) { background: #fff6e6 !important; color: #8e5d18 !important; border-color: #e8d2a7 !important; }
html.site-pearl body :is(.sp-plat-badge,.hfr-state,.ct2-ch-badge,.ann-badge,.adm-badge-blue,.topup-balance-pill,.tp3-tag) { background: #edf3ff !important; color: #365faa !important; border-color: #c8daf5 !important; }

/* Tables and delivery/license information. */
html.site-pearl body :is(table,.adm-table,.hv3-table,.wt-table,.st-table,.apu-table,.an-table) { color: #334c6d !important; background: #fff !important; }
html.site-pearl body :is(th,td,.hv3-table td,.wt-table td,.adm-table td) { color: #334c6d !important; background: #fff !important; border-color: #e1e9f4 !important; }
html.site-pearl body :is(th,.adm-table th,.hv3-thead,.rk-list-thead) { background: #f1f5fc !important; color: #425a7d !important; }
html.site-pearl body tbody tr:hover > td { background: #f5f8fe !important; }
html.site-pearl body :is(.ord3-key-box,.od2-key-wrap,.pd-license,.key-value,code,pre) { background-color: #f2f6fc !important; color: #214c88 !important; border-color: #d5e2f3 !important; }

/* Dialog content and chat: keep dark scrims, make the panels readable. */
html.site-pearl body :is(.wn-overlay,.pm-overlay,.modal-overlay,.od2-overlay,.wt-modal-overlay,.rnd-confirm__backdrop,.rnd-game__backdrop) { background: #24365366 !important; }
html.site-pearl body :is(.pm-modal,.od2-modal,.wt-modal,.wn-modal,.go-dialog,.rnd-confirm__card,.rnd-game__card) :is(h2,h3,h4,p,label) { color: var(--pearl-text) !important; }
html.site-pearl body :is(.ac-window,.ac-messages,.ac-suggestions,.ac-attachment-preview,.ambient-music__panel) { background: #fff !important; color: #17243d !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow-hover) !important; }
html.site-pearl body .ac-header { background: #eff5ff !important; border-color: #d8e5f8 !important; }
html.site-pearl body :is(.ac-header-name,.ac-header-sub,.ac-header-close,.ac-header-avatar,.ac-input,.ambient-music__title,.ambient-music__status,.ambient-music__times) { color: #315480 !important; }
html.site-pearl body :is(.ac-bubble--bot,.ac-bubble--admin,.ac-bubble--system,.ac-chip,.ambient-music__control,.ambient-music__volume,.ambient-music__header) { background: #f1f5fc !important; color: #334c6d !important; border-color: #d9e4f4 !important; }
html.site-pearl body .ac-bubble--user { background: #2d6cd6 !important; color: #fff !important; }
html.site-pearl body .ac-trigger.ac-trigger--robot { --sp-rgb: 37,99,217; }
html.site-pearl body :is(.ac-robot-fallback,.ambient-music__launcher) { color: #3668af !important; text-shadow: none !important; }
html.site-pearl body .ambient-music__launcher { background: #fff !important; border-color: #d4e1f2 !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl body :is(.auth-card,.adm-login-box) { border: 1px solid #dce5ef !important; box-shadow: 0 16px 48px #23457012 !important; }
html.site-pearl body :is(.auth-pw-toggle,.auth-eye-btn,.auth-terms,.auth-footer,.auth-forgot,.auth-link) { color: #486590 !important; }
html.site-pearl body :is(.auth-switch a,.auth-forgot a,.auth-terms a) { color: #245fc8 !important; }
html.site-pearl body .ct2-submit-note { color: #60718a !important; }
html.site-pearl body .auth-logo-ring,
html.site-pearl body .auth-divider::before,
html.site-pearl body .auth-divider::after { background: #dce5ef !important; }

html.site-pearl body .ac-window {
  --ac-bg: #f5f8fc; --ac-card: #fff; --ac-border: #dce5ef; --ac-text: #334c6d; --ac-muted: #64748b;
  --ac-bot-bg: #f1f5fc; --ac-user-bg: #2d6cd6; --ac-hdr-bg: #eff5ff; --ac-hdr-bdr: #d8e5f8;
  --ac-chip-bg: #eef4ff; --ac-chip-bdr: #cbdcf6; --ac-chip-col: #365faa;
}
html.site-pearl body .ac-msg-row--bot .ac-bubble,
html.site-pearl body .ac-msg-row--admin .ac-bubble { background: #f1f5fc !important; color: #334c6d !important; }
html.site-pearl body .ac-msg-row--user .ac-bubble { background: #2d6cd6 !important; color: #fff !important; }
html.site-pearl body .ac-bubble :is(strong,a) { color: inherit !important; }
html.site-pearl body :is(.ac-header-status,.ac-attach-btn,.wn-item-text,.wn-item-text strong,.wn-body,.wn-close,.wn-btn-remind) { color: #425d80 !important; }
html.site-pearl body :is(.wn-body,.wn-close,.wn-btn-remind,.go-top-actions,.go-progress) { background: #f3f7fd !important; border-color: #dce5ef !important; }

/* Long-form policy pages have their own local tokens and decorative panels. */
html.site-pearl .legalx {
  --lx-accent: 37,99,217; --lx-accent-2: 67,128,232; --lx-warm: 87,125,190;
  --lx-text: #17243d; --lx-muted: #536983; --lx-surface: #fff; --lx-surface-strong: #f8faff;
  --lx-surface-soft: #edf3fd; --lx-line: #dce5ef; --lx-line-strong: #b5ccec; --lx-shadow: var(--pearl-shadow);
}
html.site-pearl body :is(.legalx__hero,.legalx__toc,.legalx__rail-help,.legalx__section,.legalx__endcap) { background: #fff !important; color: #17243d !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl body :is(.legalx__meta>span,.legalx__updated,.legalx__updated time,.legalx__toc-links a,.legalx__section p,.legalx__section li) { color: #536983 !important; }
html.site-pearl body .legalx__hero h1 span { color: #245fc8 !important; -webkit-text-fill-color: currentColor !important; background: none !important; }

html.site-pearl body :is(.flip-product,.flip-step,.flip-tier,.flip-card-front,.flip-card-back,.flip-result,.flip-result-card) { background: #fff !important; color: #334c6d !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl body :is(.flip-short,.flip-desc span,.flip-safe small,.flip-step-title small,.flip-tier-name,.flip-tier small,.flip-card-front em) { color: #536983 !important; }
html.site-pearl body :is(.flip-tier strong,.flip-product h1,.flip-result h2) { color: #17243d !important; }
html.site-pearl body .flip-card-back :is(b,small) { color: #365faa !important; }
html.site-pearl body .flip-card-front::after { background: linear-gradient(180deg,transparent 40%,#eaf2ffbd) !important; }
html.site-pearl body .flip-tier.active { background: #eaf2ff !important; border-color: #a9c4ec !important; }

/* Hero artwork remains full color; its text keeps contrast over the image. */
html.site-pearl .home-hero__viewport { border-color: #d6e1f1; box-shadow: var(--pearl-shadow-hover); }
html.site-pearl .home-hero__content { color: #fff; }
html.site-pearl .home-hero__content :is(.home-hero__title,.home-hero__subtitle,.home-hero__desc,.home-hero__price-row strong) { color: #fff !important; }
html.site-pearl :is(.hct-shell,.home-contact-ticker) { background: transparent !important; }
html.site-pearl .hct-item { background: #fff !important; color: #334c6d !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl .hct-text :is(strong,span) { color: #334c6d !important; }
html.site-pearl .hct-icon { background: #edf4ff !important; color: #3769b2 !important; border-color: #d6e4f8 !important; }

/* A white footer, not a leftover dark island. */
html.site-pearl body :is(.site-cloud-footer,.site-cloud-footer__shell) { background: #fff !important; color: #334c6d !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl body :is(.site-cloud-footer__sky,.site-cloud-footer__cloud,.site-cloud-footer__wave-edge),
html.site-pearl body .site-cloud-footer__shell::before { display: none !important; }
html.site-pearl body :is(.site-cloud-footer__title,.site-cloud-footer__name,.site-cloud-footer__name-main,.site-cloud-footer__name-suffix,.site-cloud-footer__brand-main,.site-cloud-footer__brand-suffix,.site-cloud-footer__support-title,.site-cloud-footer__heading) { color: #244b80 !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
html.site-pearl body :is(.site-cloud-footer__eyebrow,.site-cloud-footer__signals,.site-cloud-footer__payment-label,.site-cloud-footer__support-tag) { color: #536983 !important; }
html.site-pearl body :is(.site-cloud-footer__description,.site-cloud-footer__link,.site-cloud-footer__support-desc,.site-cloud-footer__copyright,.site-cloud-footer__legal a) { color: #536983 !important; }
html.site-pearl body :is(.site-cloud-footer__support,.site-cloud-footer__bottom,.site-cloud-footer__top) { background: #f4f7fd !important; color: #42618b !important; border-color: #dce5ef !important; }
html.site-pearl body .site-cloud-footer__character-image { filter: none !important; opacity: .88 !important; }

/* Admin uses the same surfaces without changing navigation or form behavior. */
html.site-pearl body.adm-body :is(.adm-sidebar,.adm-topbar,.adm-sidebar-foot,.adm-nav) { background: #fff !important; color: #17243d !important; border-color: #dce5ef !important; box-shadow: var(--pearl-shadow) !important; }
html.site-pearl body.adm-body :is(.adm-nav-item,.adm-sf-link,.adm-notif-item,.adm-order-row,.adm-product-row,.adm-command-item) { background: transparent !important; color: #485f80 !important; border-color: #e5ecf6 !important; }
html.site-pearl body.adm-body :is(.adm-nav-item:hover,.adm-nav-active,.adm-nav-active:hover,.adm-command-item.is-active) { background: #eaf2ff !important; color: #245fc8 !important; border-color: #bed2f0 !important; box-shadow: inset 3px 0 #4380dc !important; }
html.site-pearl body.adm-body :is(.adm-nav-group-lbl,.adm-notif-desc,.adm-sf-label,.adm-user-sub) { color: #64748b !important; }
html.site-pearl body.adm-body :is(.adm-stat-icon,.adm-icon-box) { background: #eef4ff !important; color: #3b6eb9 !important; border-color: #d9e5f6 !important; }
html.site-pearl body.adm-body .adm-chart-wrap { background: #fff !important; border-color: #e3ebf6 !important; }
html.site-pearl body.adm-body :is(.adm-stat-val,.adm-brand-name,.adm-user-name,.adm-notif-title) { color: #17243d !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
html.site-pearl body.adm-body :is(.adm-menu-btn,.adm-tb-icon-btn,.adm-user-chip,.adm-user-avatar,.adm-search-kbd,.adm-sf-link,.lcx-top-chip,.lcx-tg,.lcx-empty,.lcx-quick-btn) { background: #f1f5fc !important; color: #3e5d88 !important; border-color: #d4e1f2 !important; }
html.site-pearl body.adm-body :is(.adm-page-hd h1,.admin-header-text h1,.adm-user-chip .adm-user-name) { color: #17243d !important; }
html.site-pearl body.adm-body :is(.adm-page-hd p,.admin-header-text p,.adm-user-role,.adm-user-chevron,.adm-stat-change span,.lcx-tg-text,.lcx-msg-meta) { color: #64748b !important; }
html.site-pearl body.adm-body :is(.adm-table tr:hover td,table tr:hover td) { background: #f5f8fe !important; }
html.site-pearl body.adm-body :is(.adm-btn-ghost,.admin-btn-cancel,.st-act-btn,.admin-app-btn,.adm-chart-tab,.adm-tab,.adm-page-btn) { background: #f3f7fd !important; color: #3e5d88 !important; border-color: #d4e1f2 !important; }
html.site-pearl body.adm-body :is(.adm-logo-main,.adm-logo-aura,.adm-logo-particle,.adm-brand-name),
html.site-pearl body.adm-body .adm-logo-stage::before,
html.site-pearl body.adm-body .adm-logo-stage::after { animation: none !important; }

@media (prefers-reduced-motion: reduce) {
  html.site-pearl .pearl-particles { display: none !important; }
  html.site-pearl body :is(.btn,.auth-btn,.pd-buy-btn,.sp-buy-btn,.topup-confirm-btn,.tc-submit-btn,.ct2-submit,.wt-submit-btn,.adm-btn,.sp-card,.dl-card,.about-card,.blog-card,.ct2-ch-card,.rk-tier-card) { transition: none !important; transform: none !important; }
}
@media (forced-colors: active) { html.site-pearl .pearl-particles { display: none !important; } }