/* XHT Markets: alternative site styles ("ستايل الموقع"). html.sk + data-skin = night | paper | pro.
   Each style has its own colors for light and dark, flatter surfaces and tighter corners.
   The part after "generated" is rebuilt by tools/skins-gen.js from theme.css, page.css and app.css. */

/* ---------- tokens: ليلي احترافي (night) ---------- */
:root.sk[data-skin="night"]:not(#_) {
  --sk-r: 6px; --sk-rs: 4px; --radius-lg: 8px; --cds-radius: 6px; --r-xl: 8px;
  --accent: #2f6bf2; --c0: #2f6bf2; --accent-fg: #fff; --sk-on: #fff;
  --color-bg: #ffffff; --color-panel: #f4f6f9; --color-fg: #141821; --color-fg-muted: #636b7a;
  --color-ok: #0c9a7e; --color-bad: #e5364d; --color-warn: #d97706;
  --cds-surface-popover: #ffffff; --shadow-card: none; --sk-shadow: 0 1px 2px rgba(10, 20, 40, .08);
  --gold-1: #8fb1ff; --gold-2: #2f6bf2; --gold-3: #1f4fc4; --gold-grad: linear-gradient(#2f6bf2, #2f6bf2);
  --sk-bar: #ffffff; --sk-bar-fg: #141821; --sk-bar-line: var(--color-border-line);
}
:root.sk[data-skin="night"][data-mode="dark"]:not(#_) {
  --accent: #3d7df6; --c0: #3d7df6;
  --color-bg: #0f1218; --color-panel: #171b24; --color-fg: #d9dde6; --color-fg-muted: #8a92a3;
  --color-ok: #1fb48f; --color-bad: #f0485c; --color-warn: #f2a93b;
  --cds-surface-popover: #1d222d; --sk-shadow: 0 2px 10px rgba(0, 0, 0, .35);
  --gold-1: #7aa6ff; --gold-2: #3d7df6; --gold-3: #2c63d8; --gold-grad: linear-gradient(#3d7df6, #3d7df6);
  --sk-bar: #0f1218; --sk-bar-fg: #d9dde6;
}

/* ---------- tokens: ورقي كلاسيكي (paper) ---------- */
:root.sk[data-skin="paper"]:not(#_) {
  --sk-r: 4px; --sk-rs: 3px; --radius-lg: 4px; --cds-radius: 4px; --r-xl: 4px;
  --accent: #e2700f; --c0: #e2700f; --accent-fg: #fff; --sk-on: #fff;
  --color-bg: #ffffff; --color-panel: #f7f7f7; --color-fg: #1b1b1b; --color-fg-muted: #5e5e5e;
  --color-border-line: #e1e1e1;
  --color-ok: #0a8a3d; --color-bad: #d0191f; --color-warn: #b45309;
  --cds-surface-popover: #ffffff; --shadow-card: none; --sk-shadow: none;
  --gold-1: #ffc58c; --gold-2: #e2700f; --gold-3: #b9580a; --gold-grad: linear-gradient(#e2700f, #e2700f);
  --sk-bar: #1e1e1e; --sk-bar-fg: #ffffff; --sk-bar-line: #000;
}
:root.sk[data-skin="paper"][data-mode="dark"]:not(#_) {
  --accent: #ff8a2a; --c0: #ff8a2a; --accent-fg: #1b1b1b; --sk-on: #1b1b1b;
  --color-bg: #151515; --color-panel: #1f1f1f; --color-fg: #ececec; --color-fg-muted: #a3a3a3;
  --color-border-line: #2f2f2f;
  --color-ok: #2fbf63; --color-bad: #ff4d4f; --color-warn: #fbbf24;
  --cds-surface-popover: #222;
  --gold-1: #ffb15e; --gold-2: #ff8a2a; --gold-3: #e2700f; --gold-grad: linear-gradient(#ff8a2a, #ff8a2a);
  --sk-bar: #0b0b0b; --sk-bar-fg: #ffffff; --sk-bar-line: #2f2f2f;
}

/* ---------- tokens: رسمي مالي (pro) ---------- */
:root.sk[data-skin="pro"]:not(#_) {
  --sk-r: 5px; --sk-rs: 3px; --radius-lg: 6px; --cds-radius: 5px; --r-xl: 6px;
  --accent: #1f4e8c; --c0: #1f4e8c; --accent-fg: #fff; --sk-on: #fff;
  --color-bg: #edf1f6; --color-panel: #ffffff; --color-fg: #1a2433; --color-fg-muted: #5d6a7d;
  --color-border-line: #d7dee8;
  --color-ok: #23943f; --color-bad: #c7322f; --color-warn: #b45309;
  --cds-surface-popover: #ffffff; --shadow-card: 0 1px 2px rgba(16, 36, 70, .06); --sk-shadow: 0 1px 3px rgba(16, 36, 70, .12);
  --gold-1: #9ec1ee; --gold-2: #1f4e8c; --gold-3: #163c6d; --gold-grad: linear-gradient(#1f4e8c, #1f4e8c);
  --sk-bar: #16355f; --sk-bar-fg: #ffffff; --sk-bar-line: #0f2848;
}
:root.sk[data-skin="pro"][data-mode="dark"]:not(#_) {
  --accent: #5b95e0; --c0: #5b95e0; --accent-fg: #0b1522; --sk-on: #0b1522;
  --color-bg: #0c1420; --color-panel: #142031; --color-fg: #dfe6f0; --color-fg-muted: #94a3b8;
  --color-border-line: #22324a;
  --color-ok: #3ccf63; --color-bad: #f2605c; --color-warn: #fbbf24;
  --cds-surface-popover: #18263a; --shadow-card: none; --sk-shadow: 0 2px 10px rgba(0, 0, 0, .4);
  --gold-1: #8fb8ee; --gold-2: #5b95e0; --gold-3: #3f78c4; --gold-grad: linear-gradient(#5b95e0, #5b95e0);
  --sk-bar: #0a1f3a; --sk-bar-fg: #ffffff; --sk-bar-line: #22324a;
}

/* "auto" follows the device: repeat the dark values under the media query */
@media (prefers-color-scheme: dark) {
  :root.sk[data-skin="night"]:not([data-mode="light"]):not(#_) {
    --accent: #3d7df6; --c0: #3d7df6;
    --color-bg: #0f1218; --color-panel: #171b24; --color-fg: #d9dde6; --color-fg-muted: #8a92a3;
    --color-ok: #1fb48f; --color-bad: #f0485c; --color-warn: #f2a93b;
    --cds-surface-popover: #1d222d; --sk-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    --gold-1: #7aa6ff; --gold-2: #3d7df6; --gold-3: #2c63d8; --gold-grad: linear-gradient(#3d7df6, #3d7df6);
    --sk-bar: #0f1218; --sk-bar-fg: #d9dde6;
  }
  :root.sk[data-skin="paper"]:not([data-mode="light"]):not(#_) {
    --accent: #ff8a2a; --c0: #ff8a2a; --accent-fg: #1b1b1b; --sk-on: #1b1b1b;
    --color-bg: #151515; --color-panel: #1f1f1f; --color-fg: #ececec; --color-fg-muted: #a3a3a3;
    --color-border-line: #2f2f2f;
    --color-ok: #2fbf63; --color-bad: #ff4d4f; --color-warn: #fbbf24;
    --cds-surface-popover: #222;
    --gold-1: #ffb15e; --gold-2: #ff8a2a; --gold-3: #e2700f; --gold-grad: linear-gradient(#ff8a2a, #ff8a2a);
    --sk-bar: #0b0b0b; --sk-bar-fg: #ffffff; --sk-bar-line: #2f2f2f;
  }
  :root.sk[data-skin="pro"]:not([data-mode="light"]):not(#_) {
    --accent: #5b95e0; --c0: #5b95e0; --accent-fg: #0b1522; --sk-on: #0b1522;
    --color-bg: #0c1420; --color-panel: #142031; --color-fg: #dfe6f0; --color-fg-muted: #94a3b8;
    --color-border-line: #22324a;
    --color-ok: #3ccf63; --color-bad: #f2605c; --color-warn: #fbbf24;
    --cds-surface-popover: #18263a; --shadow-card: none; --sk-shadow: 0 2px 10px rgba(0, 0, 0, .4);
    --gold-1: #8fb8ee; --gold-2: #5b95e0; --gold-3: #3f78c4; --gold-grad: linear-gradient(#5b95e0, #5b95e0);
    --sk-bar: #0a1f3a; --sk-bar-fg: #ffffff; --sk-bar-line: #22324a;
  }
}

/* ---------- shared look for every alternative style ---------- */
:root.sk .site-bar { background: var(--sk-bar); color: var(--sk-bar-fg); border-bottom-color: var(--sk-bar-line); -webkit-backdrop-filter: none; backdrop-filter: none; }
:root.sk .site-bar .brand, :root.sk .site-bar .brand-name small { color: var(--sk-bar-fg); }
:root.sk .site-bar .brand-name small { opacity: .7; }
:root.sk .brand-logo { box-shadow: none; }
:root.sk .site-bar .icon-btn.round { box-shadow: none; }
:root.sk .login-btn { box-shadow: none; }
:root.sk .login-btn svg { color: var(--sk-on); }
:root.sk .login-btn:hover { filter: brightness(1.08); }
:root.sk .ticker { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--color-panel); }
:root.sk .apptabs { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--color-bg); }
:root.sk .apptabs button.on { box-shadow: none; }
:root.sk .sheet-panel { background-image: none; box-shadow: var(--cds-shadow-popover); border-color: var(--color-border-line); }
:root.sk .mnav2 { border-color: var(--color-border-line); }
:root.sk .mnav2 button.on svg { color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
:root.sk .ib-hero { background: var(--color-panel); }
:root.sk #gx .vip-gate { background: var(--color-panel); }
:root.sk .mode-card.on, :root.sk .skin-card.on { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
:root.sk .switch:checked { background: var(--accent); }

/* bars on dark backgrounds (paper, pro): light buttons inside */
:root.sk[data-skin="paper"] .site-bar .icon-btn.round, :root.sk[data-skin="pro"] .site-bar .icon-btn.round {
  background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); color: #fff; }
:root.sk[data-skin="paper"] .site-bar .icon-btn.round:hover, :root.sk[data-skin="pro"] .site-bar .icon-btn.round:hover { background: rgba(255, 255, 255, .16); }
:root.sk[data-skin="paper"] .site-bar .icon-btn .dot, :root.sk[data-skin="pro"] .site-bar .icon-btn .dot { border-color: var(--sk-bar); }
:root.sk[data-skin="paper"] .site-bar .bar-live, :root.sk[data-skin="pro"] .site-bar .bar-live { color: rgba(255, 255, 255, .75); }
:root.sk[data-skin="paper"] .site-bar .brand-logo { background: var(--accent); color: #fff; }
:root.sk[data-skin="paper"] .site-bar .brand-name b em { color: #ff9a3d; }
:root.sk[data-skin="pro"] .site-bar .brand-logo { background: #fff; color: #16355f; }
:root.sk[data-skin="pro"] .site-bar .brand-name b em { color: #9ec1ee; }
:root.sk[data-skin="pro"] .login-btn { background: #fff; color: #16355f; }
:root.sk[data-skin="pro"] .login-btn svg { color: #16355f; }

/* tabs: an underline (paper), a quiet pill (night), a filled tab (pro) */
:root.sk[data-skin="paper"] .apptabs { gap: 0; padding-block: 0; }
:root.sk[data-skin="paper"] .apptabs button { border-radius: 0; padding: 12px 18px; }
:root.sk[data-skin="paper"] .apptabs button.on { background: transparent; color: var(--accent); box-shadow: inset 0 -3px 0 var(--accent); }
:root.sk[data-skin="paper"] .apptabs button:hover { background: var(--color-panel); }
:root.sk[data-skin="night"] .apptabs button.on { background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); }
:root.sk[data-skin="night"] .apptabs button.on .vip-chip { background: var(--accent); color: #fff; }
:root.sk[data-skin="paper"] .apptabs button.on .vip-chip { background: var(--accent); color: #fff; }

/* cards: paper and pro use thin borders and section titles with a rule under them */
:root.sk[data-skin="paper"] #gx .card, :root.sk[data-skin="paper"] #gx .tile { border-color: var(--color-border-line); }
:root.sk[data-skin="paper"] #gx section.card > h2::before, :root.sk[data-skin="paper"] #gx .sec-head h2::before { width: 3px; border-radius: 0; }
:root.sk[data-skin="pro"] #gx section.card > h2, :root.sk[data-skin="paper"] #gx section.card > h2 { padding-bottom: 10px; border-bottom: 1px solid var(--color-border-line); }
:root.sk[data-skin="pro"] #gx section.card > h2::before, :root.sk[data-skin="pro"] #gx .sec-head h2::before { border-radius: 0; }
:root.sk[data-skin="night"] #gx .card, :root.sk[data-skin="night"] #gx .tile { border-color: var(--color-border-line); }

/* the moving background is off by default on these styles (switch in Settings) */
html[data-vid="off"] .site-vid video, html[data-vid="off"] #gx .ph-vid video { display: none; }
:root.sk .site-vid { background: var(--color-bg); }

/* the light/dark cards in Settings preview the chosen style */
:root.sk[data-skin="night"] .pv-dark { background: linear-gradient(#171b24 0 14px, #0f1218 0); color: #d9dde6; }
:root.sk[data-skin="night"] .pv-light { background: linear-gradient(#f4f6f9 0 14px, #fff 0); color: #141821; box-shadow: inset 0 0 0 1px #e3e7ee; }
:root.sk[data-skin="night"] .pv-auto { background: linear-gradient(110deg, #fff 50%, #0f1218 50%); color: #3d7df6; }
:root.sk[data-skin="paper"] .pv-dark { background: linear-gradient(#0b0b0b 0 14px, #151515 0); color: #ececec; }
:root.sk[data-skin="paper"] .pv-light { background: linear-gradient(#1e1e1e 0 14px, #fff 0); color: #1b1b1b; box-shadow: inset 0 0 0 1px #e1e1e1; }
:root.sk[data-skin="paper"] .pv-auto { background: linear-gradient(110deg, #fff 50%, #151515 50%); color: #e2700f; }
:root.sk[data-skin="pro"] .pv-dark { background: linear-gradient(#0a1f3a 0 14px, #0c1420 0); color: #dfe6f0; }
:root.sk[data-skin="pro"] .pv-light { background: linear-gradient(#16355f 0 14px, #edf1f6 0); color: #1f4e8c; }
:root.sk[data-skin="pro"] .pv-auto { background: linear-gradient(110deg, #edf1f6 50%, #0c1420 50%); color: #5b95e0; }
:root.sk .mode-card .pv { align-items: flex-end; }

/* ===== generated ===== */
/* generated by tools/skins-gen.js: radius/gold overrides for the alternative skins (html.sk) */
:root.sk .brand-logo { border-radius: var(--sk-rs); }
:root.sk .icon-btn { border-radius: var(--sk-r); }
:root.sk .seg { border-radius: var(--sk-r); }
:root.sk .seg button { border-radius: var(--sk-rs); }
:root.sk .swatch { border-radius: var(--sk-r); }
:root.sk .prefs .row-btn { border-radius: var(--sk-r); }
:root.sk .dash-skeleton { border-radius: var(--sk-rs); }
:root.sk #gx section.card > h2::before, :root.sk #gx .sec-head h2::before { border-radius: var(--sk-rs); }
:root.sk #gx .seg.small { border-radius: var(--sk-r); }
:root.sk #gx .today-card { border-radius: var(--sk-r); }
:root.sk #gx .sess-bar { border-radius: var(--sk-rs); }
:root.sk #gx .sess-bar i { border-radius: var(--sk-rs); }
:root.sk #gx .sig { border-radius: var(--sk-r); }
:root.sk #gx .ev-flag { border-radius: var(--sk-rs); }
:root.sk #gx .cx-chart { border-radius: var(--sk-r); }
:root.sk #gx .cx-tv-host { border-radius: var(--sk-r); }
:root.sk #gx .cal-next { border-radius: var(--sk-r); }
:root.sk #gx .cd-u { border-radius: var(--sk-r); }
:root.sk #gx .cal-item { border-radius: var(--sk-r); }
:root.sk #gx .rec-sub { border-radius: var(--sk-r); }
:root.sk #gx .tablebox { border-radius: var(--sk-r); }
:root.sk #gx .copier-ico { border-radius: var(--sk-r); }
:root.sk #gx .copier-steps code { border-radius: var(--sk-rs); }
:root.sk #gx .store-card { border-radius: var(--sk-r); }
:root.sk #gx .sc-buy, :root.sk #gx .co-pay { border-radius: var(--sk-r); }
:root.sk #gx .acct-login input, :root.sk #gx .co-panel input[type=text], :root.sk #gx .co-panel input[type=email] { border-radius: var(--sk-r); }
:root.sk #gx .acct-key { border-radius: var(--sk-r); }
:root.sk #gx .kv { border-radius: var(--sk-rs); }
:root.sk #gx .acct-item { border-radius: var(--sk-r); }
:root.sk #gx .acct-order { border-radius: var(--sk-r); }
:root.sk #gx .co-panel { border-radius: var(--sk-r); }
:root.sk #gx .co-err { border-radius: var(--sk-r); }
:root.sk #gx .co-grip { border-radius: var(--sk-rs); }
:root.sk #gx .co-foot .co-pay { border-radius: var(--sk-r); }
:root.sk #gx .co-more { border-radius: var(--sk-r); }
:root.sk #gx .acct-login.recover { border-radius: var(--sk-r); }
:root.sk #gx .acct-tg { border-radius: var(--sk-r); }
:root.sk #gx .acct-rc-row { border-radius: var(--sk-r); }
:root.sk #gx .acct-rc-row b { border-radius: var(--sk-rs); }
:root.sk #gx .co-thumb { border-radius: var(--sk-r); }
:root.sk .sc-3d.big { border-radius: var(--sk-r); }
:root.sk .sc-ribbon { border-radius: var(--sk-r); }
:root.sk #gx .page-head.has-vid { border-radius: var(--sk-r); border: 1px solid color-mix(in srgb, var(--gold-2, var(--gold-2)) 30%, var(--color-border-line)); }
:root.sk #gx .page-head.has-vid .ph-meta { border-radius: var(--sk-r); }
:root.sk #gx .page-head.has-vid .ph-it.live { border-radius: var(--sk-r); }
:root.sk .icon-btn.round { border-radius: var(--sk-r); }
:root.sk .login-btn { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk .login-btn.in svg { color: var(--sk-on); }
:root.sk .apptabs button { border-radius: var(--sk-r); }
:root.sk .apptabs button.on { color: var(--sk-on); }
:root.sk .vip-chip { border-radius: var(--sk-rs); color: var(--sk-on); border: 1px solid color-mix(in srgb, var(--sk-on) 18%, transparent); }
:root.sk .apptabs button.on .vip-chip { background: var(--sk-on); }
:root.sk .sheet-panel { border-radius: var(--sk-r); background-image: none; }
:root.sk .sheet-grip { border-radius: var(--sk-rs); }
:root.sk .sh-err { border-radius: var(--sk-r); }
:root.sk .fld input, :root.sk .fld select { border-radius: var(--sk-r); }
:root.sk .cc-btn { border-radius: var(--sk-r); }
:root.sk .cc-flag { border-radius: var(--sk-rs); }
:root.sk .cc-list { border-radius: var(--sk-r); }
:root.sk .cc-opt { border-radius: var(--sk-r); }
:root.sk .tg-btn { border-radius: var(--sk-r); }
:root.sk .tg-btn.gold { color: var(--sk-on); }
:root.sk .otp input { border-radius: var(--sk-r); }
:root.sk .bell-hero { border-radius: var(--sk-r); }
:root.sk .nk-sym { border-radius: var(--sk-r); }
:root.sk .nk-ico { border-radius: var(--sk-r); }
:root.sk .nf { border-radius: var(--sk-r); }
:root.sk .nf-k { border-radius: var(--sk-rs); }
:root.sk .toast { border-radius: var(--sk-r); }
:root.sk .avatar { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk .acc-rows { border-radius: var(--sk-r); }
:root.sk .acc-acts .icon-btn { border-radius: var(--sk-r); }
:root.sk .lot-out { border-radius: var(--sk-r); }
:root.sk .mode-card { border-radius: var(--sk-r); }
:root.sk .mode-card .pv { border-radius: var(--sk-r); }
:root.sk .pv-light { color: var(--sk-on); }
:root.sk .pv-auto { color: var(--gold-3); }
:root.sk .skin-card { border-radius: var(--sk-r); }
:root.sk .pf-switch { border-radius: var(--sk-r); }
:root.sk .prefs-panel { border-radius: var(--sk-r) !important; }
:root.sk #gx .hero { border-radius: var(--sk-r); background-image: none; }
:root.sk #gx .hero-skel { border-radius: var(--sk-r); }
:root.sk #gx .hero-badge { color: var(--sk-on); }
:root.sk #gx .dir-pill { border-radius: var(--sk-r); }
:root.sk #gx .hg { border-radius: var(--sk-r); }
:root.sk #gx .hero-bar { border-radius: var(--sk-r); }
:root.sk #gx .hact { border-radius: var(--sk-r); }
:root.sk #gx .hact:first-child { color: var(--sk-on); }
:root.sk #gx .hero-cta { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx .hcard { border-radius: var(--sk-r); }
:root.sk #gx .pill-btn { border-radius: var(--sk-r); }
:root.sk #gx .pill-btn.gold { color: var(--sk-on); }
:root.sk #gx .acc-mini .avatar { border-radius: var(--sk-r); }
:root.sk .sheet .badge-card { border-radius: var(--sk-r); }
:root.sk #gx .mm-bar { border-radius: var(--sk-rs); }
:root.sk #gx .mm-bar i { border-radius: var(--sk-rs); }
:root.sk #gx .chips .chip.on { color: var(--sk-on); }
:root.sk #gx .news-item { border-radius: var(--sk-r); }
:root.sk #gx .news-item.compact { border-radius: var(--sk-r); }
:root.sk #gx .tag.t-XAU { color: var(--gold-3); background: color-mix(in srgb, var(--gold-1) 30%, transparent); }
:root.sk #gx .more-btn { border-radius: var(--sk-r); }
:root.sk #gx .mt5hub { background-image: none; }
:root.sk #gx .mt5-ico { border-radius: var(--sk-r); }
:root.sk #gx .mt5-steps li { border-radius: var(--sk-r); }
:root.sk #gx .mt5-steps li::before { border-radius: var(--sk-rs); color: var(--sk-on); }
:root.sk #gx .mt5-steps code { border-radius: var(--sk-rs); }
:root.sk #gx .promo { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx .promo-go { border-radius: var(--sk-r); background: var(--sk-on); }
:root.sk #gx .tool { border-radius: var(--sk-r); }
:root.sk #gx .tool-ic { border-radius: var(--sk-r); }
:root.sk #gx .hero-share, :root.sk .hero-share { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk .sym-seg button, :root.sk .pa-quick button { border-radius: var(--sk-r); }
:root.sk .sym-seg button.on { color: var(--sk-on); }
:root.sk .pa-cur { border-radius: var(--sk-r); }
:root.sk .pa-item, :root.sk .jr-row { border-radius: var(--sk-r); }
:root.sk .pa-del { border-radius: var(--sk-r); }
:root.sk .jr-s { border-radius: var(--sk-r); }
:root.sk .aff-cta { border-radius: var(--sk-r); }
:root.sk .aff-state { border-radius: var(--sk-r); }
:root.sk .ref-step i { color: var(--sk-on); }
:root.sk .ref-link { border-radius: var(--sk-r); }
:root.sk .ref-app { border-radius: var(--sk-r); }
:root.sk .share-prev { border-radius: var(--sk-r); }
:root.sk .acc-tool { border-radius: var(--sk-r); }
:root.sk .co-coupon input { border-radius: var(--sk-r); }
:root.sk .co-coupon button { border-radius: var(--sk-r); }
:root.sk .co-disc { border-radius: var(--sk-r); }
:root.sk .co-up { border-radius: var(--sk-r); }
:root.sk #gx .cal-rx .rx { border-radius: var(--sk-rs); }
:root.sk #gx .hero-lock { border-radius: var(--sk-r); }
:root.sk #gx .br-card { border-radius: var(--sk-r); }
:root.sk #gx .ac-bar, :root.sk .ac-bar { border-radius: var(--sk-rs); }
:root.sk #gx .ac-bar i { border-radius: var(--sk-rs); }
:root.sk .ac-mod { border-radius: var(--sk-r); }
:root.sk .ac-ic { border-radius: var(--sk-r); }
:root.sk .ac-l { border-radius: var(--sk-r); }
:root.sk .ac-l.quiz .ac-n { color: var(--sk-on); }
:root.sk .ac-tip { border-radius: var(--sk-r); }
:root.sk .ac-opt { border-radius: var(--sk-r); }
:root.sk .ch-sup { border-radius: var(--sk-r); }
:root.sk .ch-rules { border-radius: var(--sk-r); }
:root.sk .ch-msg { border-radius: var(--sk-r) var(--sk-r) var(--sk-r) var(--sk-rs); }
:root.sk[dir="rtl"] .ch-msg { border-radius: var(--sk-r) var(--sk-r) var(--sk-rs) var(--sk-r); }
:root.sk .ch-msg.mine { border-radius: var(--sk-r) var(--sk-r) var(--sk-rs) var(--sk-r); }
:root.sk[dir="rtl"] .ch-msg.mine { border-radius: var(--sk-r) var(--sk-r) var(--sk-r) var(--sk-rs); }
:root.sk .ch-badge.vip { color: var(--sk-on); }
:root.sk .ch-quote { border-radius: var(--sk-rs); }
:root.sk .ch-acts button { border-radius: var(--sk-r); }
:root.sk .ch-compose textarea { border-radius: var(--sk-r); }
:root.sk .ch-send { color: var(--sk-on); }
:root.sk .ch-replying { border-radius: var(--sk-r); }
:root.sk .aff-lv { border-radius: var(--sk-r); }
:root.sk .aff-lv-s { border-radius: var(--sk-r); }
:root.sk .cat-all { border-radius: var(--sk-r); }
:root.sk .cat-row { border-radius: var(--sk-r); }
:root.sk .cat-row .ic { border-radius: var(--sk-r); }
:root.sk #gx #faq-q { border-radius: var(--sk-r); }
:root.sk #gx .faq-item { border-radius: var(--sk-r); }
:root.sk .ai-av { border-radius: var(--sk-r); }
:root.sk .ai-m { border-radius: var(--sk-r); }
:root.sk .ai-m.bot { border-start-start-radius: var(--sk-rs); }
:root.sk .ai-m.me { border-start-end-radius: var(--sk-rs); }
:root.sk .ai-form { border-radius: var(--sk-r); }
:root.sk .ai-send { border-radius: var(--sk-r); }
:root.sk .ib-card { border-radius: var(--sk-r); }
:root.sk .ib-ic { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk .ib-tag { color: var(--sk-on); }
:root.sk .ib-hero { border-radius: var(--sk-r); }
:root.sk .ib-steps i { color: var(--sk-on); }
:root.sk .ib-br { border-radius: var(--sk-r); }
:root.sk .ib-open { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk .ib-form { border-radius: var(--sk-r); }
:root.sk .ib-status { border-radius: var(--sk-r); }
:root.sk .ib-acct { border-radius: var(--sk-r); }
:root.sk .zoom-img { border-radius: var(--sk-r); }
:root.sk #gx .news-breaking { border-radius: var(--sk-r); }
:root.sk .site-bar .brand-logo, :root.sk .site-footer .brand-logo { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk .icon-btn.round { border-radius: var(--sk-r); }
:root.sk .login-btn { border-radius: var(--sk-r); }
:root.sk #gx .acc-strip { border-radius: var(--sk-r); }
:root.sk #gx .as-av { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx .as-badge.lv-vip { color: var(--sk-on); }
:root.sk #gx .as-btn { border-radius: var(--sk-r); }
:root.sk #gx .as-btn.gold { color: var(--sk-on); }
:root.sk #gx .ls-chip { border-radius: var(--sk-r); }
:root.sk #gx .lsc { border-radius: var(--sk-r); }
:root.sk #gx .lsc-dir { border-radius: var(--sk-r); }
:root.sk #gx .lsc-grade { color: var(--sk-on); }
:root.sk #gx .lsc-status { border-radius: var(--sk-r); }
:root.sk #gx .ls-ic { border-radius: var(--sk-r); }
:root.sk #gx .lsl { border-radius: var(--sk-r); }
:root.sk #gx .lsc-lock { border-radius: var(--sk-r); }
:root.sk #gx .lk-btn { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx .ls-empty { border-radius: var(--sk-r); }
:root.sk #gx .ls-empty-btn { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx details.how { border-radius: var(--sk-r); }
:root.sk #gx .acct-card { border-radius: var(--sk-r); }
:root.sk #gx .ac-logo { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx .pl-hero { border-radius: var(--sk-r); }
:root.sk #gx .pl-kicker { color: var(--sk-on); }
:root.sk #gx .pl-timer { border-radius: var(--sk-r); }
:root.sk #gx .pl-tx { fill: var(--sk-on); }
:root.sk #gx .pl-hub { color: var(--sk-on); }
:root.sk #gx .pl-panel { border-radius: var(--sk-r); }
:root.sk #gx .pl-input-row input { border-radius: var(--sk-r); }
:root.sk #gx .pl-step { border-radius: var(--sk-r); }
:root.sk #gx .pl-prob { border-radius: var(--sk-r); }
:root.sk #gx .pl-submit { border-radius: var(--sk-r); color: var(--sk-on); }
:root.sk #gx .pl-mine { border-radius: var(--sk-r); }
:root.sk #gx .pl-last { border-radius: var(--sk-r); }
:root.sk #gx .pl-closed { border-radius: var(--sk-r); }
:root.sk #gx .symbar.mkbar .mk-t { border-radius: var(--sk-r); }
:root.sk .ls-flt { border-radius: var(--sk-r); }
:root.sk .ls-flt-x { border-radius: var(--sk-r); }
:root.sk #gx .lsx-f { border-radius: var(--sk-r); }
:root.sk #gx .lsx-note { border-radius: var(--sk-r); }
:root.sk #gx .lsx-fx-list span { border-radius: var(--sk-rs); }
:root.sk #gx .lsx-acts .sig-chart-btn { border-radius: var(--sk-r); }
:root.sk #gx .lsx-acts .sig-chart-btn:first-child { color: var(--sk-on); }
:root.sk #gx .pl-board { border-radius: var(--sk-r); }
:root.sk #gx .pb-list li { border-radius: var(--sk-r); }
:root.sk #gx .lsc-share { color: var(--sk-on); }
:root.sk #gx .lsc-share { color: var(--sk-on); }
:root.sk #gx .tb-cat { border-radius: var(--sk-r); }
:root.sk #gx .tb-cat.coff.on .tb-n { color: var(--sk-on); }
:root.sk #gx .tb-empty { border-radius: var(--sk-r); }
:root.sk #gx .tbc { border-radius: var(--sk-r); }
:root.sk #gx .tbc-score.coff { color: var(--sk-on); }
:root.sk #gx .tbc-l { border-radius: var(--sk-r); }
:root.sk #gx .tbc-lock { border-radius: var(--sk-r); }
:root.sk #gx .tbc-tag.gold { color: var(--sk-on); }
:root.sk #gx .vip-gate { border-radius: var(--sk-r); }
:root.sk #gx .vip-gate .vg-ic { border-radius: var(--sk-r); }
:root.sk #gx .tbc-vip { border-radius: var(--sk-r); }
:root.sk #gx .lock-note { border-radius: var(--sk-r); }
:root.sk #gx .lock-note .ln-ic { border-radius: var(--sk-r); }
:root.sk #gx .lock-note.compact { border-radius: var(--sk-r); }
:root.sk #gx .lock-note.compact .ln-ic { border-radius: var(--sk-rs); }
:root.sk #gx .pill-btn.sm { border-radius: var(--sk-r); }
:root.sk .trade-share:hover { color: var(--sk-on); }
:root.sk .tsh-pv { border-radius: var(--sk-r); }
:root.sk .tsh-dir { border-radius: var(--sk-r); }
:root.sk .tsh-sc { color: var(--sk-on); }
:root.sk .tsh-opt { border-radius: var(--sk-r); }
:root.sk .tsh-opt.pic .sh-ic { color: var(--sk-on); }
:root.sk .live-px .lv-v { border-radius: var(--sk-rs); }
:root.sk .acc-tabs { border-radius: var(--sk-r); }
:root.sk .acc-tab { border-radius: var(--sk-r); }
:root.sk .acc-tab.on i { color: var(--sk-on); }
:root.sk .mt-t { border-radius: var(--sk-r); }
:root.sk .mt-chip.on { color: var(--sk-on); }
:root.sk .mt-row { border-radius: var(--sk-r); }
:root.sk .mt-dir { border-radius: var(--sk-r); }
:root.sk .mt-steps i { border-radius: var(--sk-rs); }
:root.sk .mt-res { border-radius: var(--sk-r); }
:root.sk .mt-empty { border-radius: var(--sk-r); }
:root.sk #gx .tact { border-radius: var(--sk-r); }
:root.sk #gx .tact.on { color: var(--sk-on); }
:root.sk #gx .tact.on b { color: var(--sk-on); }
:root.sk #gx .tbc-live { border-radius: var(--sk-r); }
:root.sk #gx .tb-ds { border-radius: var(--sk-r); }
:root.sk #gx .tbc-res { border-radius: var(--sk-r); }
:root.sk #gx .news-mood { border-radius: var(--sk-r); }
:root.sk #gx .mood-seg button.on { color: var(--sk-on); }
:root.sk #gx .mood-gauge { border-radius: var(--sk-r); }
:root.sk #gx .mood-c { border-radius: var(--sk-r); }
:root.sk #gx .mood-themes .bar { border-radius: var(--sk-rs); }
:root.sk #gx .mg-hub2 { fill: var(--gold-2, var(--gold-2)); }
:root.sk #gx .mg-tip { border-radius: var(--sk-rs); }
:root.sk #gx .mg-burst .mg-dial { filter: drop-shadow(0 0 16px color-mix(in srgb, var(--gold-2, var(--gold-2)) 55%, transparent)); }
:root.sk .np-sheet .np-go { color: var(--sk-on); }
:root.sk #gx .gl-row { border-radius: var(--sk-r); }
:root.sk #gx .gl-sym > i { border-radius: var(--sk-r); }
:root.sk #gx .gl-bar { border-radius: var(--sk-rs); }
:root.sk #gx .gl-bar i { border-radius: var(--sk-rs); }
:root.sk #gx .gl-split { border-radius: var(--sk-rs); }
:root.sk #gx .gl-v { border-radius: var(--sk-r); }
:root.sk #gx .as-q { border-radius: var(--sk-r); }
:root.sk #gx .tools-line { border-radius: var(--sk-r); }
:root.sk .ap-card { border-radius: var(--sk-r); }
:root.sk .ap-c { border-radius: var(--sk-r); }
:root.sk .ap-row { border-radius: var(--sk-r); }
:root.sk .ap-side { border-radius: var(--sk-rs); }
:root.sk .ap-err { border-radius: var(--sk-r); }
:root.sk #gx .cal-ai { border-radius: var(--sk-r); }
:root.sk .ref-lb { border-radius: var(--sk-r); }
:root.sk .ref-lb-r { border-radius: var(--sk-r); }
:root.sk #gx .tb-sy { border-radius: var(--sk-r); }
:root.sk #gx .tb-sy.on .tb-n { color: var(--sk-on); }
:root.sk .ap-warn { border-radius: var(--sk-r); }
:root.sk .ap-bot { color: var(--gold-2, var(--gold-2)); }
:root.sk .ap-risk { border-radius: var(--sk-r); }
@media (max-width: 760px) {
:root.sk .prefs-panel { border-radius: var(--sk-r) var(--sk-r) 0 0; }
:root.sk .mnav button { border-radius: var(--sk-r); }
:root.sk .msheet-panel { border-radius: var(--sk-r) var(--sk-r) 0 0; }
:root.sk .msheet-grip { border-radius: var(--sk-rs); }
:root.sk .msheet-syms button { border-radius: var(--sk-r); }
:root.sk #gx .card { border-radius: var(--sk-r); }
:root.sk #gx .co-panel { border-radius: var(--sk-r) var(--sk-r) 0 0; }
:root.sk #gx .store-cat-btn { border-radius: var(--sk-r); }
:root.sk #gx .store-cat-btn .ic { border-radius: var(--sk-r); }
:root.sk .mnav2 { border-radius: var(--sk-r); }
:root.sk .mnav2 button svg { border-radius: var(--sk-r); }
:root.sk .sheet-panel { border-radius: var(--sk-r) var(--sk-r) 0 0; }
:root.sk .prefs-panel { border-radius: var(--sk-r) var(--sk-r) 0 0 !important; }
:root.sk .site-bar .brand-logo { border-radius: var(--sk-r); }
:root.sk .icon-btn.round { border-radius: var(--sk-r); }
:root.sk .login-btn { border-radius: var(--sk-r); }
:root.sk #gx .symbar.mkbar .mk-t { border-radius: var(--sk-r); }
}
@media (max-width: 600px) {
:root.sk #gx .page-head.has-vid { border-radius: var(--sk-r); }
}
@media (max-width: 480px) {
:root.sk #gx .news-item { border-radius: var(--sk-r); }
:root.sk #gx .acc-strip { border-radius: var(--sk-r); }
:root.sk #gx .as-av { border-radius: var(--sk-r); }
:root.sk #gx .lsc { border-radius: var(--sk-r); }
:root.sk #gx .news-mood { border-radius: var(--sk-r); }
}
@media (max-width: 720px) {
:root.sk #gx .tb-cat { border-radius: var(--sk-r); }
}
@media (max-width: 640px) {
:root.sk #gx .as-q { border-radius: var(--sk-r); }
}