/* Theme53: approved colors only. No typography, geometry or component rules. */
:root[data-bigbit-theme="light"] {
  --bb-theme-canvas: #EDEDEF;
  --bb-theme-canvas-rgb: 237,237,239;
  --bb-theme-surface: #FFFFFF;
  --bb-theme-surface-rgb: 255,255,255;
  --bb-theme-inset: #F5F5F7;
  --bb-theme-inset-rgb: 245,245,247;
  --bb-theme-ink: #111111;
  --bb-theme-ink-rgb: 17,17,17;
  --bb-theme-secondary: #666666;
  --bb-theme-secondary-rgb: 102,102,102;
  --bb-theme-muted: #666666;
  --bb-theme-muted-rgb: 102,102,102;
  --bb-theme-line: #E3E3E6;
  --bb-theme-line-rgb: 227,227,230;
  --bb-theme-accent: #B8FF3D;
  --bb-theme-accent-rgb: 184,255,61;
  --bb-theme-accent-ink: #111111;
  --bb-theme-accent-ink-rgb: 17,17,17;
  --bb-theme-up: #1F9D55;
  --bb-theme-up-rgb: 31,157,85;
  --bb-theme-down: #D64545;
  --bb-theme-down-rgb: 214,69,69;
  --bb-theme-inverse: #111111;
  --bb-theme-inverse-rgb: 17,17,17;
  --bb-theme-inverse-ink: #FFFFFF;
  --bb-theme-inverse-ink-rgb: 255,255,255;
  --bb-theme-white: #FFFFFF;
  --bb-theme-white-rgb: 255,255,255;
  --bb-theme-hero-start: #C2FF52;
  --bb-theme-hero-start-rgb: 194,255,82;
  --bb-theme-hero-end: #A8F02E;
  --bb-theme-hero-end-rgb: 168,240,46;
  --bb-theme-line-alpha-0_1412: rgba(var(--bb-theme-line-rgb), 0.1411764705882353);
  --bb-theme-line-alpha-0_1569: rgba(var(--bb-theme-line-rgb), 0.1568627450980392);
  --bb-theme-shadow-alpha-0_0: rgba(var(--bb-theme-shadow-rgb), 0);
  --bb-theme-shadow-alpha-0_0157: rgba(var(--bb-theme-shadow-rgb), 0.01568627450980392);
  --bb-theme-shadow-alpha-0_018: rgba(var(--bb-theme-shadow-rgb), 0.018);
  --bb-theme-shadow-alpha-0_02: rgba(var(--bb-theme-shadow-rgb), 0.02);
  --bb-theme-shadow-alpha-0_025: rgba(var(--bb-theme-shadow-rgb), 0.025);
  --bb-theme-shadow-alpha-0_028: rgba(var(--bb-theme-shadow-rgb), 0.028);
  --bb-theme-shadow-alpha-0_03: rgba(var(--bb-theme-shadow-rgb), 0.03);
  --bb-theme-shadow-alpha-0_035: rgba(var(--bb-theme-shadow-rgb), 0.035);
  --bb-theme-shadow-alpha-0_04: rgba(var(--bb-theme-shadow-rgb), 0.04);
  --bb-theme-shadow-alpha-0_045: rgba(var(--bb-theme-shadow-rgb), 0.045);
  --bb-theme-shadow-alpha-0_05: rgba(var(--bb-theme-shadow-rgb), 0.05);
  --bb-theme-shadow-alpha-0_055: rgba(var(--bb-theme-shadow-rgb), 0.055);
  --bb-theme-shadow-alpha-0_06: rgba(var(--bb-theme-shadow-rgb), 0.06);
  --bb-theme-shadow-alpha-0_0667: rgba(var(--bb-theme-shadow-rgb), 0.06666666666666667);
  --bb-theme-shadow-alpha-0_07: rgba(var(--bb-theme-shadow-rgb), 0.07);
  --bb-theme-shadow-alpha-0_08: rgba(var(--bb-theme-shadow-rgb), 0.08);
  --bb-theme-shadow-alpha-0_09: rgba(var(--bb-theme-shadow-rgb), 0.09);
  --bb-theme-shadow-alpha-0_1: rgba(var(--bb-theme-shadow-rgb), 0.1);
  --bb-theme-shadow-alpha-0_11: rgba(var(--bb-theme-shadow-rgb), 0.11);
  --bb-theme-shadow-alpha-0_13: rgba(var(--bb-theme-shadow-rgb), 0.13);
  --bb-theme-shadow-alpha-0_1333: rgba(var(--bb-theme-shadow-rgb), 0.13333333333333333);
  --bb-theme-shadow-alpha-0_16: rgba(var(--bb-theme-shadow-rgb), 0.16);
  --bb-theme-shadow-alpha-0_18: rgba(var(--bb-theme-shadow-rgb), 0.18);
  --bb-theme-shadow-alpha-0_2: rgba(var(--bb-theme-shadow-rgb), 0.2);
  --bb-theme-shadow-alpha-0_22: rgba(var(--bb-theme-shadow-rgb), 0.22);
  --bb-theme-shadow-alpha-0_24: rgba(var(--bb-theme-shadow-rgb), 0.24);
  --bb-theme-shadow-alpha-0_28: rgba(var(--bb-theme-shadow-rgb), 0.28);
  --bb-theme-shadow-alpha-0_32: rgba(var(--bb-theme-shadow-rgb), 0.32);
  --bb-theme-shadow-alpha-0_3333: rgba(var(--bb-theme-shadow-rgb), 0.3333333333333333);
  --bb-theme-shadow-alpha-0_34: rgba(var(--bb-theme-shadow-rgb), 0.34);
  --bb-theme-shadow-alpha-0_35: rgba(var(--bb-theme-shadow-rgb), 0.35);
  --bb-theme-shadow-alpha-0_36: rgba(var(--bb-theme-shadow-rgb), 0.36);
  --bb-theme-shadow-alpha-0_38: rgba(var(--bb-theme-shadow-rgb), 0.38);
  --bb-theme-shadow-alpha-0_4: rgba(var(--bb-theme-shadow-rgb), 0.4);
  --bb-theme-shadow-alpha-0_42: rgba(var(--bb-theme-shadow-rgb), 0.42);
  --bb-theme-shadow-alpha-0_45: rgba(var(--bb-theme-shadow-rgb), 0.45);
  --bb-theme-shadow-alpha-0_4667: rgba(var(--bb-theme-shadow-rgb), 0.4666666666666667);
  --bb-theme-shadow-alpha-0_48: rgba(var(--bb-theme-shadow-rgb), 0.48);
  --bb-theme-shadow-alpha-0_5333: rgba(var(--bb-theme-shadow-rgb), 0.5333333333333333);
  --bb-theme-shadow-alpha-0_58: rgba(var(--bb-theme-shadow-rgb), 0.58);
  --bb-theme-shadow-alpha-0_62: rgba(var(--bb-theme-shadow-rgb), 0.62);
  --bb-theme-shadow-alpha-0_64: rgba(var(--bb-theme-shadow-rgb), 0.64);
  --bb-theme-shadow-alpha-0_72: rgba(var(--bb-theme-shadow-rgb), 0.72);
  --bb-theme-surface-alpha-0_0627: rgba(var(--bb-theme-surface-rgb), 0.06274509803921569);
  --bb-theme-surface-alpha-0_88: rgba(var(--bb-theme-surface-rgb), 0.88);
  --bb-theme-shadow-rgb: 0,0,0;
  --bb-theme-scrim: rgb(var(--bb-theme-shadow-rgb));
  --bb-theme-color-scheme: light;
  --bb-theme-accent-text: #111111;
  --bb-theme-accent-text-rgb: 17,17,17;
}
:root[data-bigbit-theme="dark"] {
  --bb-theme-canvas: #000000;
  --bb-theme-canvas-rgb: 0,0,0;
  --bb-theme-surface: #1C1C1E;
  --bb-theme-surface-rgb: 28,28,30;
  --bb-theme-inset: #2C2C2E;
  --bb-theme-inset-rgb: 44,44,46;
  --bb-theme-ink: #F2F2F2;
  --bb-theme-ink-rgb: 242,242,242;
  --bb-theme-secondary: #9A9A9A;
  --bb-theme-secondary-rgb: 154,154,154;
  --bb-theme-muted: #9A9A9A;
  --bb-theme-muted-rgb: 154,154,154;
  --bb-theme-line: #38383A;
  --bb-theme-line-rgb: 56,56,58;
  --bb-theme-accent: #B8FF3D;
  --bb-theme-accent-rgb: 184,255,61;
  --bb-theme-accent-ink: #111111;
  --bb-theme-accent-ink-rgb: 17,17,17;
  --bb-theme-up: #1F9D55;
  --bb-theme-up-rgb: 31,157,85;
  --bb-theme-down: #D64545;
  --bb-theme-down-rgb: 214,69,69;
  --bb-theme-inverse: #2C2C2E;
  --bb-theme-inverse-rgb: 44,44,46;
  --bb-theme-inverse-ink: #F2F2F2;
  --bb-theme-inverse-ink-rgb: 242,242,242;
  --bb-theme-white: #F2F2F2;
  --bb-theme-white-rgb: 242,242,242;
  --bb-theme-hero-start: #C2FF52;
  --bb-theme-hero-start-rgb: 194,255,82;
  --bb-theme-hero-end: #A8F02E;
  --bb-theme-hero-end-rgb: 168,240,46;
  --bb-theme-line-alpha-0_1412: rgba(var(--bb-theme-line-rgb), 0.1411764705882353);
  --bb-theme-line-alpha-0_1569: rgba(var(--bb-theme-line-rgb), 0.1568627450980392);
  --bb-theme-shadow-alpha-0_0: rgba(var(--bb-theme-shadow-rgb), 0);
  --bb-theme-shadow-alpha-0_0157: rgba(var(--bb-theme-shadow-rgb), 0.01568627450980392);
  --bb-theme-shadow-alpha-0_018: rgba(var(--bb-theme-shadow-rgb), 0.018);
  --bb-theme-shadow-alpha-0_02: rgba(var(--bb-theme-shadow-rgb), 0.02);
  --bb-theme-shadow-alpha-0_025: rgba(var(--bb-theme-shadow-rgb), 0.025);
  --bb-theme-shadow-alpha-0_028: rgba(var(--bb-theme-shadow-rgb), 0.028);
  --bb-theme-shadow-alpha-0_03: rgba(var(--bb-theme-shadow-rgb), 0.03);
  --bb-theme-shadow-alpha-0_035: rgba(var(--bb-theme-shadow-rgb), 0.035);
  --bb-theme-shadow-alpha-0_04: rgba(var(--bb-theme-shadow-rgb), 0.04);
  --bb-theme-shadow-alpha-0_045: rgba(var(--bb-theme-shadow-rgb), 0.045);
  --bb-theme-shadow-alpha-0_05: rgba(var(--bb-theme-shadow-rgb), 0.05);
  --bb-theme-shadow-alpha-0_055: rgba(var(--bb-theme-shadow-rgb), 0.055);
  --bb-theme-shadow-alpha-0_06: rgba(var(--bb-theme-shadow-rgb), 0.06);
  --bb-theme-shadow-alpha-0_0667: rgba(var(--bb-theme-shadow-rgb), 0.06666666666666667);
  --bb-theme-shadow-alpha-0_07: rgba(var(--bb-theme-shadow-rgb), 0.07);
  --bb-theme-shadow-alpha-0_08: rgba(var(--bb-theme-shadow-rgb), 0.08);
  --bb-theme-shadow-alpha-0_09: rgba(var(--bb-theme-shadow-rgb), 0.09);
  --bb-theme-shadow-alpha-0_1: rgba(var(--bb-theme-shadow-rgb), 0.1);
  --bb-theme-shadow-alpha-0_11: rgba(var(--bb-theme-shadow-rgb), 0.11);
  --bb-theme-shadow-alpha-0_13: rgba(var(--bb-theme-shadow-rgb), 0.13);
  --bb-theme-shadow-alpha-0_1333: rgba(var(--bb-theme-shadow-rgb), 0.13333333333333333);
  --bb-theme-shadow-alpha-0_16: rgba(var(--bb-theme-shadow-rgb), 0.16);
  --bb-theme-shadow-alpha-0_18: rgba(var(--bb-theme-shadow-rgb), 0.18);
  --bb-theme-shadow-alpha-0_2: rgba(var(--bb-theme-shadow-rgb), 0.2);
  --bb-theme-shadow-alpha-0_22: rgba(var(--bb-theme-shadow-rgb), 0.22);
  --bb-theme-shadow-alpha-0_24: rgba(var(--bb-theme-shadow-rgb), 0.24);
  --bb-theme-shadow-alpha-0_28: rgba(var(--bb-theme-shadow-rgb), 0.28);
  --bb-theme-shadow-alpha-0_32: rgba(var(--bb-theme-shadow-rgb), 0.32);
  --bb-theme-shadow-alpha-0_3333: rgba(var(--bb-theme-shadow-rgb), 0.3333333333333333);
  --bb-theme-shadow-alpha-0_34: rgba(var(--bb-theme-shadow-rgb), 0.34);
  --bb-theme-shadow-alpha-0_35: rgba(var(--bb-theme-shadow-rgb), 0.35);
  --bb-theme-shadow-alpha-0_36: rgba(var(--bb-theme-shadow-rgb), 0.36);
  --bb-theme-shadow-alpha-0_38: rgba(var(--bb-theme-shadow-rgb), 0.38);
  --bb-theme-shadow-alpha-0_4: rgba(var(--bb-theme-shadow-rgb), 0.4);
  --bb-theme-shadow-alpha-0_42: rgba(var(--bb-theme-shadow-rgb), 0.42);
  --bb-theme-shadow-alpha-0_45: rgba(var(--bb-theme-shadow-rgb), 0.45);
  --bb-theme-shadow-alpha-0_4667: rgba(var(--bb-theme-shadow-rgb), 0.4666666666666667);
  --bb-theme-shadow-alpha-0_48: rgba(var(--bb-theme-shadow-rgb), 0.48);
  --bb-theme-shadow-alpha-0_5333: rgba(var(--bb-theme-shadow-rgb), 0.5333333333333333);
  --bb-theme-shadow-alpha-0_58: rgba(var(--bb-theme-shadow-rgb), 0.58);
  --bb-theme-shadow-alpha-0_62: rgba(var(--bb-theme-shadow-rgb), 0.62);
  --bb-theme-shadow-alpha-0_64: rgba(var(--bb-theme-shadow-rgb), 0.64);
  --bb-theme-shadow-alpha-0_72: rgba(var(--bb-theme-shadow-rgb), 0.72);
  --bb-theme-surface-alpha-0_0627: rgba(var(--bb-theme-surface-rgb), 0.06274509803921569);
  --bb-theme-surface-alpha-0_88: rgba(var(--bb-theme-surface-rgb), 0.88);
  --bb-theme-shadow-rgb: 0,0,0;
  --bb-theme-scrim: rgb(var(--bb-theme-shadow-rgb));
  --bb-theme-color-scheme: dark;
  --bb-theme-accent-text: #B8FF3D;
  --bb-theme-accent-text-rgb: 184,255,61;
}

/* ===== Frosted glass: the one place its numbers live (UI_SPEC.md "毛玻璃"). Every frosted surface on every page reads these. ===== */
:root{--glass-bg:rgba(255,255,255,.62);--glass-bg-soft:rgba(255,255,255,.5);--glass-bg-layer:rgba(255,255,255,.42);--glass-bg-panel:rgba(240,240,243,.72);
 --glass-filter:blur(20px) saturate(160%);--glass-filter-panel:blur(26px) saturate(170%);--glass-edge:rgba(255,255,255,.85);--glass-edge-soft:rgba(255,255,255,.7);
 --glass-shadow:0 18px 40px -22px rgba(17,17,19,.3);--glass-scrim:rgba(17,17,19,.28);
 --glass-ground:radial-gradient(48vmax 42vmax at 8% 4%,rgba(184,255,61,.62),transparent 70%),radial-gradient(46vmax 42vmax at 96% 28%,rgba(110,165,255,.46),transparent 70%),radial-gradient(44vmax 40vmax at 20% 100%,rgba(255,170,110,.4),transparent 70%),radial-gradient(40vmax 36vmax at 88% 92%,rgba(190,140,255,.3),transparent 70%)}
html[data-bigbit-theme=dark]{--glass-bg:rgba(34,35,40,.58);--glass-bg-soft:rgba(34,35,40,.5);--glass-bg-layer:rgba(34,35,40,.4);--glass-bg-panel:rgba(22,22,26,.72);
 --glass-edge:rgba(255,255,255,.12);--glass-edge-soft:rgba(255,255,255,.08);--glass-shadow:0 18px 40px -22px rgba(0,0,0,.7);--glass-scrim:rgba(0,0,0,.45);
 --glass-ground:radial-gradient(48vmax 42vmax at 8% 4%,rgba(184,255,61,.26),transparent 70%),radial-gradient(46vmax 42vmax at 96% 28%,rgba(80,125,255,.32),transparent 70%),radial-gradient(44vmax 40vmax at 20% 100%,rgba(255,140,80,.2),transparent 70%),radial-gradient(40vmax 36vmax at 88% 92%,rgba(160,110,255,.22),transparent 70%)}
/* ===== Site-wide frosted-glass skin (owner 2026-10-08: everything is glass when it is on). bigbit-theme.js sets data-bigbit-skin
   from this device's saved choice on every page and inside every embedded page. ===== */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin]{--glass-bg:rgba(255,255,255,.46);--glass-bg-soft:rgba(255,255,255,.34);--glass-bg-layer:rgba(255,255,255,.3);--glass-bg-panel:rgba(246,246,249,.58);--glass-filter:blur(26px) saturate(185%);--glass-filter-panel:blur(32px) saturate(190%);
 background-color:var(--bb-theme-canvas,#ececee)!important;background-image:var(--glass-ground)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-theme=dark]{--glass-bg:rgba(30,31,36,.48);--glass-bg-soft:rgba(30,31,36,.36);--glass-bg-layer:rgba(30,31,36,.3);--glass-bg-panel:rgba(18,18,22,.6)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-framed]{background:transparent!important;background-image:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] :is(body,main,.bbp-page,.bbp-hero,.arena-content,.arena-section,.account-center,.account-center-layout,.account-center-main,[data-public-route-content],.workbench,.workspace,.workspace-module-stage,.h5-shell,.h5-panes,.h5-pane,.chat-panel,.message-thread,.app,.main,.interactive-chart-shell){background-color:transparent!important;background-image:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.site-panel,.site-card,.account-card,.arena-quote,.arena-ref-main,.arena-ref-rows,.arena-eco-card,.bb-service-card,.arena-feature,.opening-panel,.arena-live-panel,.arena-calendar,.account-center-nav,.site-foot,.partner-roles article,.partner-steps li,.partner-tools article,.partner-compliance,.arena-account-table,.arena-contract-table,.arena-account-disclosure,.decision-pulse,.pulse-metrics,.terminal-chart-card,.decision-ranking-rail,.decision-opportunities,.workspace-admission,.workspace-ai-panel,.terminal-core-cards>*,.opportunity-empty,.side,.panel,.card,.group,.tile,.kpi,.invite-card,.who,.chat-realtime-picker,.h5-tabbar,.h5-topbar,.tabbar,.client-home-account,.bbf-card,.sheet,.web-sheet){background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-filter)!important;backdrop-filter:var(--glass-filter)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(header[data-web-header],.web-header,.top,.h5-header){background:var(--glass-bg-panel)!important;-webkit-backdrop-filter:var(--glass-filter-panel)!important;backdrop-filter:var(--glass-filter-panel)!important;border-bottom:1px solid var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.web-header-popover,.account-avatar-panel,.web-avatar-panel,dialog){background:var(--glass-bg-panel)!important;-webkit-backdrop-filter:var(--glass-filter-panel)!important;backdrop-filter:var(--glass-filter-panel)!important;border:1px solid var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-ref-pill,.arena-ref-row,.arena-eco-group b,.arena-live-tabs,.site-pill,.pulse-category-switch,.pill,.account-button:not(.account-button-primary),input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background-color:var(--glass-bg-soft)!important}

/* v4: the selectors above repeat the attribute so the skin outranks each page's own !important backgrounds. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body iframe{background:transparent!important;color-scheme:normal}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arfx-hp-screen,.arfx-hp-chart,.arfx-hp-quote-row){background-color:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}

/* v5 (owner: the small inner areas must follow too). Rule: a frosted card is one sheet of glass — rows, table cells and inner
   blocks inside it carry no fill of their own, only hairlines; small controls are a lighter tint of the same glass. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(li,tr,th,td,thead,tbody,tfoot,table,dl,dt,dd,article article,.account-row,.arena-live-empty,.arena-live-list li,[data-calendar-list] li,.arena-steps li,.strategy-ranking-list li,.terminal-chart-body,.opportunity-empty,.arena-account-disclosure summary,.partner-faq details,.account-table,.account-trading-cards){background-color:transparent!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-live-list li,[data-calendar-list] li,.strategy-ranking-list li){border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;border-top-color:var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(th,td){border-color:var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(a.site-control:not(.site-control--dark):not(.site-control--accent),button.site-control:not(.site-control--dark):not(.site-control--accent),.web-settings-trigger,.web-menu-trigger,.arena-live-tag,.auth-e-provider,.bbp-google-login,.partner-actions button:not(.partner-primary),.partner-heading button,.chat-realtime-options button,.opportunity-empty button,.account-trading-card,.arena-steps li,.bb-identity,.account-chips>*,.arena-news-filters button,.arena-live-tabs button[aria-pressed=true],.arena-ref-flag,.rows .day,.arena-eco-group b img,.opening-secondary,.web-avatar>summary){background-color:var(--glass-bg-soft)!important;background-image:none!important;border-color:var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.bbp-login-panel,.composer,.h5-shell-nav,.arfx-hp-trade,.bbp-login-modal>*,.web-full-menu){background:var(--glass-bg-panel)!important;-webkit-backdrop-filter:var(--glass-filter-panel)!important;backdrop-filter:var(--glass-filter-panel)!important;border:1px solid var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .bb-nav-indicator{background-color:var(--glass-bg)!important}

/* v6 (owner's screenshots): page containers are not cards, and glass never sits on glass — a card inside a card would turn white. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.website-opening,.opening-flow,.arena-reference[data-website-reference],.arena-reference[data-website-index-contracts],.arena-live,.arena-live-grid,.arena-eco,.arena-feature-grid,.account-center-content,.partner-content,.partner-section,.partner-roles,.partner-steps,.partner-tools){background:transparent!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
/* a card nested in another card keeps its shape but takes only a light tint */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.site-panel,.site-card,.account-card,.opening-panel,.arena-live-panel,.arena-calendar,.panel,.card,.group,.arena-eco-card,.arena-ref-main,.arena-ref-rows) :is(.site-panel,.site-card,.account-card,.opening-panel,.panel,.card,.group,.tile,.kpi,.account-trading-card,.arena-ref-main,.arena-ref-rows){background:var(--glass-bg-soft)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}

/* v7 (owner: small controls need relief). Two more tokens, same single source: --glass-raise lifts a control off the sheet
   (light edge on top, soft shadow underneath); --glass-press sinks it in (the chosen / held state). */
:root{--glass-raise:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(17,17,19,.07),0 6px 12px -6px rgba(17,17,19,.32),0 1px 2px rgba(17,17,19,.08);
 --glass-press:inset 0 2px 6px rgba(17,17,19,.26),inset 0 -1px 0 rgba(255,255,255,.75),0 0 0 rgba(0,0,0,0)}
html[data-bigbit-theme=dark]{--glass-raise:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.4),0 6px 12px -6px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.4);
 --glass-press:inset 0 2px 6px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,255,255,.12),0 0 0 rgba(0,0,0,0)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-news-filters button,button.site-pill,.arena-live-tabs button,.arena-ref-pill,.arena-eco-group b,a.site-control:not(.site-control--dark):not(.site-control--accent),button.site-control:not(.site-control--dark):not(.site-control--accent),.web-settings-trigger,.web-menu-trigger,.web-avatar>summary,.account-button:not(.account-button-primary),.account-group-tab,.account-tabs button,.pill,.auth-e-provider,.bbp-google-login,.partner-actions button:not(.partner-primary),.partner-heading button,.arena-live-more,.arena-ref-swap,.fx-swap,.pulse-category-switch button,.h5-shell-nav button,.h5-shell-nav a){background-color:var(--glass-bg-soft)!important;border:1px solid var(--glass-edge-soft)!important;box-shadow:var(--glass-raise)!important;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-news-filters button,button.site-pill,.arena-live-tabs button,.arena-ref-pill,.arena-eco-group b,a.site-control:not(.site-control--dark):not(.site-control--accent),button.site-control:not(.site-control--dark):not(.site-control--accent),.web-settings-trigger,.web-menu-trigger,.web-avatar>summary,.account-button:not(.account-button-primary),.account-group-tab,.account-tabs button,.pill,.auth-e-provider,.bbp-google-login,.partner-actions button:not(.partner-primary),.partner-heading button,.arena-live-more,.arena-ref-swap,.fx-swap,.pulse-category-switch button,.h5-shell-nav button,.h5-shell-nav a):hover{transform:translateY(-1px)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-news-filters button,button.site-pill,.arena-live-tabs button,.arena-ref-pill,.arena-eco-group b,a.site-control:not(.site-control--dark):not(.site-control--accent),button.site-control:not(.site-control--dark):not(.site-control--accent),.web-settings-trigger,.web-menu-trigger,.web-avatar>summary,.account-button:not(.account-button-primary),.account-group-tab,.account-tabs button,.pill,.auth-e-provider,.bbp-google-login,.partner-actions button:not(.partner-primary),.partner-heading button,.arena-live-more,.arena-ref-swap,.fx-swap,.pulse-category-switch button,.h5-shell-nav button,.h5-shell-nav a):is(:active,[aria-pressed=true],[aria-selected=true],[aria-current=page],.active){box-shadow:var(--glass-press)!important;transform:translateY(0)!important;background-color:var(--glass-bg)!important}

/* v8 (owner's screenshots + "more relief on capsules, tags and titles"):
   --glass-bg-float / --glass-filter-float: menus, pop-ups and the chat window float above content, so they are nearly solid —
   readable over anything, only lightly frosted. */
:root{--glass-bg-float:rgba(250,250,252,.95);--glass-filter-float:blur(18px) saturate(150%);
 --glass-raise:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(17,17,19,.08),0 0 0 3px rgba(255,255,255,.28),0 8px 14px -7px rgba(17,17,19,.36),0 1px 2px rgba(17,17,19,.1);
 --glass-press:inset 0 2px 6px rgba(17,17,19,.28),inset 0 -1px 0 rgba(255,255,255,.8),0 0 0 3px rgba(255,255,255,.22)}
html[data-bigbit-theme=dark]{--glass-bg-float:rgba(24,24,28,.94);
 --glass-raise:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.45),0 0 0 3px rgba(255,255,255,.06),0 8px 14px -7px rgba(0,0,0,.75),0 1px 2px rgba(0,0,0,.45);
 --glass-press:inset 0 2px 6px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,255,255,.14),0 0 0 3px rgba(255,255,255,.05)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.web-avatar .account-avatar-panel,.web-avatar-panel,.web-header-popover,.public-ai-panel,.workspace-ai-panel,.workspace-ai-chat.expanded,dialog:not(.web-full-menu),.site-chat-panel,[data-web-notification-sheet]){background:var(--glass-bg-float)!important;-webkit-backdrop-filter:var(--glass-filter-float)!important;backdrop-filter:var(--glass-filter-float)!important;border:1px solid var(--glass-edge)!important;box-shadow:0 24px 60px -24px rgba(17,17,19,.45)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.public-ai-panel,.workspace-ai-panel)>:not(button),html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.public-ai-panel,.workspace-ai-panel) :is(header,footer,section,main,form,ol,ul){background-color:transparent!important}
/* the member block inside the phone menu is part of the menu's own sheet, not a second box */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body dialog.web-full-menu :is(.web-mobile-member,.account-avatar-panel,.account-avatar-group,.account-avatar-who,.web-full-scroll,.web-mobile-nav){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
html body dialog#web-menu-drawer.web-full-menu .account-avatar-who{display:grid!important;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:8px 10px!important}
html body dialog#web-menu-drawer.web-full-menu .account-avatar-who .account-icon-button{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important}
html body dialog#web-menu-drawer.web-full-menu .account-avatar-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* relief on tags, counters and card titles: a small raised capsule on the sheet */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-live-tag,.account-chips>*,.arena-live-source,.arena-live-fresh,.imp,.arena-eco-group>span,.nav .count,.pill.soft,.pill.lime,.account-id-button,.arena-ref-flag,.badge,.chip,.tag,.arena-live-panel>header h3,.arena-calendar>header h3,.account-card-head h2,.account-card-head h3,.panel .head h2,.panel .head h3,.arena-eco h2,.arena-heading h2,.opening-panel h2,.account-source-title,.partner-eyebrow,.arena-eyebrow){display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:4px 12px!important;border-radius:999px!important;background-color:var(--glass-bg-soft)!important;border:1px solid var(--glass-edge-soft)!important;box-shadow:var(--glass-raise)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-live-panel>header h3,.arena-calendar>header h3,.account-card-head h2,.account-card-head h3,.panel .head h2,.panel .head h3,.arena-eco h2,.arena-heading h2,.opening-panel h2){padding:6px 16px!important;gap:8px}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.arena-ref-flag,.arena-eco-group b img){padding:0!important;min-height:0}

/* v9: the current row in a menu is a sunken pill, not a square patch */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.account-avatar-panel,.web-mobile-member,.web-mobile-nav) :is(.account-nav-row,a)[aria-current=page]{background-color:var(--glass-bg-soft)!important;border-radius:999px!important;box-shadow:var(--glass-press)!important}

/* v10 (owner: try the ground without the green and the purple): blue and warm orange only */
:root{--glass-ground:radial-gradient(48vmax 42vmax at 96% 28%,rgba(110,165,255,.46),transparent 70%),radial-gradient(46vmax 42vmax at 14% 96%,rgba(255,170,110,.4),transparent 70%),radial-gradient(40vmax 36vmax at 6% 8%,rgba(150,195,255,.3),transparent 70%)}
html[data-bigbit-theme=dark]{--glass-ground:radial-gradient(48vmax 42vmax at 96% 28%,rgba(80,125,255,.32),transparent 70%),radial-gradient(46vmax 42vmax at 14% 96%,rgba(255,140,80,.2),transparent 70%),radial-gradient(40vmax 36vmax at 6% 8%,rgba(90,140,255,.18),transparent 70%)}

/* v11 (owner: the chat window and the desktop avatar menu should feel like the phone menu's glass). Under the skin the floating
   surfaces use the same recipe as the phone menu: a see-through sheet with a strong blur behind it. The desktop menu looked merely
   transparent before because it sits inside the header, and a blurred header stops its children from blurring the page — so while
   that menu is open the header gives up its own blur. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin]{--glass-bg-float:rgba(246,246,249,.6);--glass-filter-float:blur(34px) saturate(190%)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-theme=dark]{--glass-bg-float:rgba(18,18,22,.62)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body header[data-web-header]:has(details.web-avatar[open]){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--glass-bg-float)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.public-ai-panel,.workspace-ai-panel) :is(.site-chat-tabs,.workspace-ai-panel-head,.public-ai-head){background-color:transparent!important}

/* v12: a parent that carries a view-transition name (or its own blur) cuts its children off from the page behind them, so their
   backdrop blur has nothing to blur. While the avatar menu is open the header drops both; the chat launcher's wrapper drops its name. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body header[data-web-header]:has(details.web-avatar[open]){view-transition-name:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(section.public-ai,.public-ai,.workspace-ai-chat){view-transition-name:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}


/* ================= ui-sweep-v1 (2026-10-08): UI_STANDARD enforcement, one place =================
   Avatar shapes — two only (owner): people, AI and bots are true circles; a company (broker, exchange, official organisation
   account) is a rounded square, marked with data-avatar-shape="enterprise". No plain squares, no odd radii, nothing stretched. */
:is(html body,html body #chat-center,html body #message-thread,html body #chat-center [data-primary-ai-thread]) :is(.thread-avatar,.msg-avatar,.chat-user-avatar,.chat-sheet-avatar,.avatar,.strategy-square-avatar,.sd-identity,.account-avatar-face,.account-person-face,.bb-identity,[data-bb-current-avatar],.public-ai-avatar,.site-chat-avatar,.workspace-ai-mark,.arena-ref-flag),:is(html body,html body #chat-center,html body #message-thread,html body #chat-center [data-primary-ai-thread]) :is(.thread-avatar,.msg-avatar,.chat-user-avatar,.chat-sheet-avatar,.avatar,.strategy-square-avatar,.sd-identity,.account-avatar-face,.account-person-face,.bb-identity,[data-bb-current-avatar],.public-ai-avatar,.site-chat-avatar,.workspace-ai-mark,.arena-ref-flag) :is(img,canvas,.bb-identity,.bb-identity img){border-radius:50%!important;aspect-ratio:1/1!important;object-fit:cover}
:is(html body,html body #chat-center,html body #message-thread,html body #chat-center [data-primary-ai-thread]) :is(.thread-avatar,.msg-avatar,.chat-user-avatar,.chat-sheet-avatar,.avatar,.strategy-square-avatar,.sd-identity,.account-avatar-face,.account-person-face,.bb-identity,[data-bb-current-avatar],.public-ai-avatar,.site-chat-avatar,.workspace-ai-mark,.arena-ref-flag){flex-shrink:0!important;overflow:hidden}
:is(html body,html body #chat-center,html body #message-thread,html body #chat-center [data-primary-ai-thread]) :is(.thread-avatar,.msg-avatar,.chat-user-avatar,.chat-sheet-avatar,.avatar,.strategy-square-avatar,.sd-identity,.account-avatar-face,.account-person-face,.bb-identity,[data-bb-current-avatar],.public-ai-avatar,.site-chat-avatar,.workspace-ai-mark,.arena-ref-flag):is([data-avatar-shape=enterprise],[data-enterprise],.broker-avatar-stack,:has(.broker-avatar-stack)),:is(html body,html body #chat-center,html body #message-thread,html body #chat-center [data-primary-ai-thread]) :is(.thread-avatar,.msg-avatar,.chat-user-avatar,.chat-sheet-avatar,.avatar,.strategy-square-avatar,.sd-identity,.account-avatar-face,.account-person-face,.bb-identity,[data-bb-current-avatar],.public-ai-avatar,.site-chat-avatar,.workspace-ai-mark,.arena-ref-flag):is([data-avatar-shape=enterprise],[data-enterprise],.broker-avatar-stack,:has(.broker-avatar-stack)) :is(img,canvas,.bb-identity,.bb-identity img){border-radius:24%!important}
/* round icon buttons are true circles */
html body :is(.account-icon-button,button.site-pill:has(>svg:only-child),button.site-control--small:has(>svg:only-child)){width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important;display:inline-grid!important;place-items:center!important;flex:none!important}
html body dialog#web-menu-drawer.web-full-menu .account-avatar-who .account-icon-button{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}
/* tables: header 36, row 56 */
html body :is(.arena-contract-table,.arena-account-table,.account-table,.table-wrap table) tbody :is(th,td){height:56px!important}
html body :is(.arena-contract-table,.arena-account-table,.account-table,.table-wrap table) thead th{height:36px!important;padding-top:0!important;padding-bottom:0!important;line-height:20px!important;white-space:nowrap}
html body .table-wrap table td{height:56px!important;padding-top:6px!important;padding-bottom:6px!important}
html body .table-wrap table td small{margin-top:2px!important}
/* menu rows: icon 20, text 16, height 48 — avatar menu on desktop and the phone menu */
html body .web-avatar .account-avatar-panel :is(a,button).account-nav-row:not(#_),html body dialog#web-menu-drawer.web-full-menu :is(.account-nav-row,.web-mobile-nav a,.web-full-setting){height:48px!important;min-height:48px!important;max-height:48px!important;font-size:16px!important}
html body .account-avatar-panel .account-nav-row>svg:first-child{width:20px!important;height:20px!important}
/* buttons: primary 48, secondary 40 */
html body :is(.account-center,.account-avatar-panel) .account-button:not(.account-button-primary){height:40px!important;min-height:40px!important}
@media(min-width:701px){html body .account-center .account-button-primary{height:48px!important;min-height:48px!important}}
html body .account-avatar-panel .account-button-primary{height:40px!important;min-height:40px!important}
/* names take one line */
html body .account-trading-card{min-width:200px!important;flex:none!important}
html body .account-trading-card strong,html body .me>div>b{display:block;max-width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .trade-hub-tab,html body .trade-hub-tab :is(b,strong,span){white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){html body .trade-hub-tab{padding-left:4px!important;padding-right:4px!important;font-size:13px!important}}
/* member info is one strip, as tall as the avatar: name, then one line of tags, copy at the far right */
html body .account-person .account-person-face+div{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}
html body .account-person strong{line-height:28px!important}
html body .account-person .account-chips{flex-wrap:nowrap!important;margin-top:0!important;min-width:0;overflow:hidden}
html body .account-person .account-chips>:is(a,span){white-space:nowrap;flex:none}
/* avatar-chips-v1 (owner 2026-10-23): the two status chips in the avatar menu stay on one line in every language;
   on narrow screens they tighten instead of stacking, and the ID copy button keeps its own column. */
html body .account-avatar-person .account-chips{display:flex;flex-wrap:nowrap!important;gap:4px;min-width:0;overflow:hidden;margin-top:4px}
html body .account-avatar-person .account-chips>:is(a,span){white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){
html body .account-avatar-person .account-chips>:is(a,span){font-size:10px;padding:3px 8px}
}
/* menu-capsules-v1 (owner 2026-10-23): on the frosted-glass skin every row of the avatar menu (web panel and phone
   drawer) is the same capsule — one radius, a 1 px edge, a raised face, 8 px apart so shadows never overlap; the
   current row is the pressed capsule. Values come only from the --glass-* tokens below. */
html[data-bigbit-skin=glass] body :is(.web-avatar .account-avatar-panel,dialog#web-menu-drawer.web-full-menu .web-mobile-member) .account-avatar-group{display:grid!important;gap:8px!important;padding:8px 0!important;border-top-color:var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass] body :is(.web-avatar .account-avatar-panel,dialog#web-menu-drawer.web-full-menu .web-mobile-member) .account-avatar-group .account-nav-row{border:1px solid var(--glass-edge-soft)!important;border-radius:999px!important;background:var(--glass-bg-soft)!important;box-shadow:var(--glass-raise)!important;padding:0 14px!important;margin:0!important}
html[data-bigbit-skin=glass] body :is(.web-avatar .account-avatar-panel,dialog#web-menu-drawer.web-full-menu .web-mobile-member) .account-avatar-group .account-nav-row:hover{background:var(--glass-bg-float)!important}
html[data-bigbit-skin=glass] body :is(.web-avatar .account-avatar-panel,dialog#web-menu-drawer.web-full-menu .web-mobile-member) .account-avatar-group .account-nav-row[aria-current=page]{box-shadow:var(--glass-press)!important;border-color:var(--glass-edge)!important}
html[data-bigbit-skin=glass] body dialog#web-menu-drawer.web-full-menu .web-mobile-nav{display:grid!important;gap:8px!important}
html[data-bigbit-skin=glass] body dialog#web-menu-drawer.web-full-menu .web-mobile-nav a{border:1px solid var(--glass-edge-soft)!important;border-radius:999px!important;background:var(--glass-bg-soft)!important;box-shadow:var(--glass-raise)!important;margin:0!important}
html[data-bigbit-skin=glass] body dialog#web-menu-drawer.web-full-menu .web-mobile-nav a[aria-current=page]{box-shadow:var(--glass-press)!important;border-color:var(--glass-edge)!important}
html body .account-person .account-chips .account-id-button{order:9;margin-left:auto;flex:none;height:24px!important;min-height:24px!important;padding:0 4px;white-space:nowrap}
html body .me{align-items:center}
html body .me>div{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px;min-width:0;flex:1}
html body .me>div>b{flex:0 0 100%}
html body .me>div>small{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
html body .me>.account-icon-button{margin-left:auto;background:var(--bb-theme-inset,#f2f2f4);color:var(--bb-theme-muted,#6e6e73);border:0;cursor:pointer}
/* partner centre on a phone: details rise from the bottom */
@media(max-width:767px){html body .app~dialog[open],html body .app dialog[open]{position:fixed!important;inset:auto 0 0 0!important;margin:0!important;width:100%!important;max-width:100%!important;max-height:86dvh!important;border-radius:28px 28px 0 0!important;border-bottom:0!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;animation:ui-sheet-up .28s cubic-bezier(.2,.8,.2,1)}}
@keyframes ui-sheet-up{from{transform:translateY(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){html body dialog[open]{animation:none!important}}

/* ----- glass skin: what the sweep still found solid ----- */
/* the chat launcher wrapper carries no glass of its own, otherwise the window inside cannot blur what is behind it */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.workspace-ai-chat,.workspace-ai-chat.expanded,section.public-ai,.public-ai){background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;view-transition-name:none!important;filter:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.account-funds-card,.pulse-metrics,.pulse-asset-group){background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-filter)!important;backdrop-filter:var(--glass-filter)!important;border:1px solid var(--glass-edge)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.pulse-metrics article,.pulse-metrics>*,.account-funds-card .account-funds-tabs){background-color:transparent!important;background-image:none!important}
/* Anything a page still paints solid is found by bigbit-theme.js and tagged; these four rules are all it may use.
   sheet = a card of its own; inner = a block inside glass (no fill); tint = a small block; ctl = a control (raised);
   float = something floating over content; solid = a dark primary button that must stay solid. */
:root{--glass-bg-pop:rgba(248,248,250,.86)}
html[data-bigbit-theme=dark]{--glass-bg-pop:rgba(26,26,30,.86)}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=sheet]{background-color:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-filter)!important;backdrop-filter:var(--glass-filter)!important;border-color:var(--glass-edge)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=inner]{background-color:transparent!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=tint]{background-color:var(--glass-bg-soft)!important;border-color:var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=ctl]{background-color:var(--glass-bg-soft)!important;border-color:var(--glass-edge-soft)!important;box-shadow:var(--glass-raise)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=ctl]:is(.active,.on,.is-active,[aria-pressed=true],[aria-selected=true],[aria-current=page]){background-color:var(--glass-bg)!important;box-shadow:var(--glass-press)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=float]{background-color:var(--glass-bg-pop)!important;-webkit-backdrop-filter:var(--glass-filter-panel)!important;backdrop-filter:var(--glass-filter-panel)!important;border-color:var(--glass-edge-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=solid]{background-color:var(--bb-theme-ink,#111113)!important;background-image:none!important;border-color:var(--bb-theme-ink,#111113)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* copy-empty-v1 (UI_STANDARD 五): an empty block is one line, never a large empty card */
html body .account-card>.account-empty{padding:2px 0!important;margin:0!important;min-height:0!important;font-size:14px;text-align:left}
html body .account-card:has(>.account-empty){padding-top:16px!important;padding-bottom:16px!important;min-height:0!important}
html body .account-funds-state{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:0!important;height:auto!important;padding:16px 20px!important;text-align:left!important}
html body .account-funds-state>svg{width:20px!important;height:20px!important;margin:0!important;flex:none}
html body .account-funds-state>strong{flex:1;min-width:0;margin:0!important;font-size:15px!important;font-weight:500}
html body .account-funds-state>p{flex:0 0 100%;order:5;margin:0!important}
html body .account-funds-state>p:empty,html body p.pmo-note:empty{display:none!important}
html body .account-funds-state>button{margin:0!important;height:40px!important;min-height:40px!important;flex:none}
html body .stm-empty{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0!important;text-align:left!important}
html body .stm-empty>svg{width:20px!important;height:20px!important;margin:0!important;flex:none}
html body .stm-empty>a{margin:0 0 0 auto!important}
html body .panel .empty{padding:12px 16px!important;border-radius:14px!important}
html body .panel .empty h3{margin:0!important;font-size:14px!important;font-weight:500!important;color:inherit!important}
html body .panel .empty p{margin-top:2px!important}
html body .panel .commission-empty{min-height:0!important;margin-top:12px!important;display:block!important}
html body .panel .chart:not(:has(svg,canvas)){min-height:0!important}

/* chat-head-avatar-v1 (owner 2026-10-08): in every conversation header the order is back, avatar, title — and every action
   (the three-dot menu, info, human support) sits at the right end, the same as the support conversation. */
html body #chat-center .panel-head>:not(.chat-back):not(#chat-realtime-anchor):not(.panel-head-title):not(.chat-realtime-picker){order:3!important;flex:0 0 auto!important;margin-left:0!important}
html body #chat-center .panel-head>.panel-head-title{margin-right:auto!important}
html body #chat-center .panel-head .chat-icon-btn{width:40px!important;height:40px!important;min-width:40px;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;line-height:1!important}
/* the picture fills its circle: no inner padding, no second box, centred */
html body #chat-center :is(.thread-avatar,.msg-avatar,.chat-sheet-avatar,.chat-user-avatar,#active-avatar),html body :is(.thread-avatar,.msg-avatar,.chat-sheet-avatar,.chat-user-avatar){padding:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important}
html body :is(#chat-center,body) :is(.thread-avatar,.msg-avatar,.chat-sheet-avatar,.chat-user-avatar,#active-avatar)>:is(.bb-identity,img,.cc-avatar){inline-size:100%!important;block-size:100%!important;width:100%!important;height:100%!important;min-inline-size:0!important;max-width:none!important;margin:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;--bb-identity-size:100%}
html body :is(#chat-center,body) :is(.thread-avatar,.msg-avatar,.chat-sheet-avatar,.chat-user-avatar,#active-avatar):is([data-avatar-shape=enterprise],:has(.broker-avatar-stack))>:is(.bb-identity,img,.cc-avatar){border-radius:24%!important}

/* frame-round-v1 (owner 2026-10-08): the page header has rounded bottom corners; a control the glass sweep finds with square
   corners is rounded; a row of small raised cards sits inside one outer frame so their edges never show as stray lines. */
html body :is(header[data-web-header],.web-header):not(#_):not(#_){border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=ctl][data-glass-round]{border-radius:999px!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .arena-live[data-live-tab]>.arena-live-tabs{background:var(--glass-bg-soft)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-press)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .arena-live[data-live-tab]>.arena-live-tabs button{background-color:var(--glass-bg)!important;border:1px solid var(--glass-edge-soft)!important;box-shadow:0 1px 2px rgba(17,17,19,.1)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .arena-live[data-live-tab]>.arena-live-tabs button[aria-pressed=true]{background-color:var(--glass-bg-panel)!important;box-shadow:inset 0 0 0 1px var(--bb-theme-ink,#111),0 1px 2px rgba(17,17,19,.1)!important}

/* sweep-fix-v2 (signed-in recheck 16) */
/* a primary button the skin had lightened is solid again — this must outrank every lightening rule above */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-auto=solid]:not(#_):not(#_){background-color:var(--bb-theme-ink,#111113)!important;background-image:none!important;border-color:var(--bb-theme-ink,#111113)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* member strip: the tag line is exactly 24 high, so name + tags never stand taller than the 56 avatar */
html body .account-person .account-chips>:is(a,span,button){height:24px!important;min-height:24px!important;line-height:24px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box;display:inline-flex;align-items:center}
/* cards that lie on top of each other stay opaque, otherwise the one behind reads through */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.sg-card,.swipe-card,.deck-frame>*){background-color:var(--bb-theme-surface,#fff)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* partner sidebar group titles are plain labels on the panel, not strips of their own */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(.side,#desktop-nav,#mobile-nav) .group:not(#_){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;padding-left:0!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .stm-back{background-color:var(--glass-bg-soft)!important;border:1px solid var(--glass-edge-soft)!important;box-shadow:var(--glass-raise)!important}

/* glass-dark-v1 (owner 2026-10-08: "dark glass hides the content — make the black grey").
   Dark glass is grey frosted glass on a dark-grey ground, never black on black. All values stay here. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-theme=dark]{--bb-theme-canvas:#2b2c32;--glass-bg:rgba(255,255,255,.11);--glass-bg-soft:rgba(255,255,255,.08);--glass-bg-layer:rgba(255,255,255,.06);--glass-bg-panel:rgba(58,59,67,.74);--glass-bg-float:rgba(54,55,63,.9);--glass-bg-pop:rgba(56,57,65,.92);
 --glass-edge:rgba(255,255,255,.2);--glass-edge-soft:rgba(255,255,255,.13);--glass-shadow:0 18px 40px -22px rgba(0,0,0,.6);--glass-scrim:rgba(0,0,0,.4);
 --glass-raise:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.05),0 8px 14px -7px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.3);
 --glass-press:inset 0 2px 6px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,255,255,.16),0 0 0 3px rgba(255,255,255,.04);
 --glass-ground:radial-gradient(48vmax 42vmax at 8% 4%,rgba(120,170,255,.34),transparent 70%),radial-gradient(46vmax 42vmax at 96% 28%,rgba(120,150,255,.26),transparent 70%),radial-gradient(44vmax 40vmax at 20% 100%,rgba(255,160,100,.26),transparent 70%),radial-gradient(40vmax 36vmax at 88% 92%,rgba(255,255,255,.08),transparent 70%);
 background-color:#2b2c32!important}
/* readability guard: bigbit-theme.js tags any text whose colour has ended up the same tone as what is behind it */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-ink=light]:not(#_){color:#f2f2f4!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-ink=light-soft]:not(#_){color:#b9b9c2!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-ink=dark]:not(#_){color:#111113!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body [data-glass-ink=dark-soft]:not(#_){color:#5d5d66!important}

/* compact-pull-guest-v1 (owner: "the white block in the middle of what opens must be glass too"): an embedded price chart no
   longer sits as a white (or black) slab inside a glass panel. Its own ground is blended away so only candles, grid and
   labels remain on the glass: multiply removes a white ground, screen removes a dark one. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body iframe:is([data-market-chart],[data-terminal-chart-frame],[src*="/tv-chart"]){mix-blend-mode:multiply;background:transparent!important;border-radius:16px}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-theme=dark] body iframe:is([data-market-chart],[data-terminal-chart-frame],[src*="/tv-chart"]){mix-blend-mode:screen}

/* glass tuning (owner 2026-10-08): on a wide screen light glass read too white with invisible edges, and the dark glows were too
   strong. --glass-glow scales every glow; --glass-canvas is the ground colour. bigbit-theme.js can override these per device
   from the tuning panel (open any page with #glass-tune); the defaults live here. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin]{--glass-glow:1}
@media(min-width:900px){
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin]:not([data-bigbit-theme=dark]){--glass-canvas:#e3e5eb;--glass-bg:rgba(255,255,255,.42);--glass-bg-soft:rgba(255,255,255,.3);--glass-edge:rgba(17,17,19,.1);--glass-edge-soft:rgba(17,17,19,.07);background-color:var(--glass-canvas)!important;
 --glass-ground:radial-gradient(48vmax 42vmax at 8% 4%,rgb(120 170 255 / calc(var(--glass-glow)*.3)),transparent 70%),radial-gradient(46vmax 42vmax at 96% 28%,rgb(110 165 255 / calc(var(--glass-glow)*.34)),transparent 70%),radial-gradient(44vmax 40vmax at 20% 100%,rgb(255 170 110 / calc(var(--glass-glow)*.3)),transparent 70%)}
}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-theme=dark]{--glass-glow:.55;--glass-canvas:#2b2c32;background-color:var(--glass-canvas)!important;
 --glass-ground:radial-gradient(48vmax 42vmax at 8% 4%,rgb(120 170 255 / calc(var(--glass-glow)*.34)),transparent 70%),radial-gradient(46vmax 42vmax at 96% 28%,rgb(120 150 255 / calc(var(--glass-glow)*.26)),transparent 70%),radial-gradient(44vmax 40vmax at 20% 100%,rgb(255 160 100 / calc(var(--glass-glow)*.26)),transparent 70%)}
/* the tuning panel itself */
.glass-tune{position:fixed;left:16px;bottom:16px;z-index:2147483000;width:300px;max-width:calc(100vw - 32px);padding:14px 16px 16px;border-radius:20px;background:var(--bb-theme-surface,#fff);color:var(--bb-theme-ink,#111);border:1px solid var(--bb-theme-line,#ddd);box-shadow:0 18px 40px -18px rgba(0,0,0,.45);font:14px/1.4 system-ui,-apple-system,"PingFang SC",sans-serif}
.glass-tune h2{margin:0 0 8px;font-size:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.glass-tune label{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin-top:10px;font-size:13px}
.glass-tune label output{font-variant-numeric:tabular-nums;color:var(--bb-theme-muted,#666)}
.glass-tune input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:#7fbf1a}
.glass-tune .row{display:flex;gap:8px;margin-top:14px}
.glass-tune button{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--bb-theme-line,#ddd);background:var(--bb-theme-inset,#f2f2f4);color:inherit;font:inherit;font-weight:600;cursor:pointer;flex:1}
.glass-tune button[data-x]{flex:none;width:32px;height:32px;padding:0;border-radius:50%}
.glass-tune p{margin:10px 0 0;font-size:12px;color:var(--bb-theme-muted,#666)}
html body .glass-tune:not(#_) h2{font-size:15px!important;line-height:1.3!important;letter-spacing:0!important;margin:0 0 8px!important}
html body .glass-tune:not(#_) :is(label,p,output,span){letter-spacing:0!important}

/* chart-glass-v1: once bigbit-theme.js has made a chart's own ground transparent, the outer blend is no longer needed */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body iframe[data-glass-chart]:not(#_){mix-blend-mode:normal!important}

/* recheck17-fix-v1: a funds panel that only carries a state line is as tall as that line */
html body :is(div,section,main,article):has(>.account-funds-state:only-child){min-height:0!important;height:auto!important}
html body .account-funds-card:has(.account-funds-state){min-height:0!important}

/* glass-layers-v1 (owner 2026-10-08): on a wide screen the ground was eight layers deep — glows on glows washed everything
   out. Three layers only: ground colour, one set of glows, then the glass card. The page shell's own two gradients and the
   information block's own halo are switched off; the news card's travelling light and second layer stay. */
@media(min-width:900px){
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(section.bbp-hero,.bbp-hero)::before,html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body :is(section.bbp-hero,.bbp-hero)::after,html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .arena-live::before{background:none!important;background-image:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* Desktop, glass skin, light — workspace and account pages (owner 2026-10-09). The owner tuned these on his own screen
   (card 80, blur 4, ground 60, glow 75, line 40) and wants them as the default there: nearly solid white cards, very
   little blur, clear hairlines. Home page, phone widths, dark mode and the standard skin are not touched. Same formulas
   as the tuning panel in bigbit-theme.js; a visitor's own tuning still wins because the panel writes inline values. */
@media (min-width:900px){
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin]:not([data-bigbit-theme=dark]):is([data-site-workspace],[data-account-center-page],[data-web-embed]){--glass-bg:rgba(255,255,255,.8);--glass-bg-soft:rgba(255,255,255,.592);--glass-bg-layer:rgba(255,255,255,.496);--glass-filter:blur(4px) saturate(175%);--glass-canvas:#e5e6ea;--bb-theme-canvas:#e5e6ea;--glass-glow:.75;--glass-edge:rgba(17,17,19,.4);--glass-edge-soft:rgba(17,17,19,.286)}
}

/* partner-hero-dark-v1 (owner 2026-10-23): the lime partner hero keeps its colour in the dark theme, so everything on it
   must be ink, not light text or translucent-white glass controls. */
html[data-bigbit-theme=dark] body [data-partners] .partner-intro,html[data-bigbit-theme=dark] body [data-partners] .partner-intro :is(h1,h2,h3,p,small,span,strong){color:#111113!important}
html[data-bigbit-theme=dark] body [data-partners] .partner-intro .partner-eyebrow{color:#111113!important;background:rgba(0,0,0,.10)!important;border-color:rgba(0,0,0,.18)!important;box-shadow:none!important}
html[data-bigbit-theme=dark] body [data-partners] .partner-intro :is(a,button):not(.partner-primary){background:rgba(0,0,0,.10)!important;color:#111113!important;border-color:rgba(0,0,0,.22)!important;box-shadow:none!important}
html[data-bigbit-theme=dark] body [data-partners] .partner-intro .partner-primary{background:#111113!important;color:#f5f5f7!important;border-color:#111113!important;box-shadow:none!important}

/* nav-press-v1 (owner 2026-10-23): the current item of every header nav (website and workbench, web and phone) is the
   pressed capsule — the same relief as the avatar menu's current row — and pressing any nav item shows the same press.
   The website's sliding black pill is retired on this skin. Values come only from the --glass-* tokens. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .web-region-nav a{border-radius:999px!important;transition:box-shadow .15s ease,background-color .15s ease,color .15s ease!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .web-region-nav a:is([aria-current=page],.active,:active){background-color:var(--glass-bg)!important;box-shadow:var(--glass-press)!important;border-color:var(--glass-edge)!important;color:var(--bb-theme-ink,#111113)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .web-region-nav a:not([aria-current=page]):not(.active):hover{background-color:var(--glass-bg-soft)!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin] body .web-region-nav .bb-nav-indicator{display:none!important}

/* embed-ground-v1 (owner 2026-10-24): a module page embedded in the workbench (行情 / 策略 / 交易 / AI 助手: html carries
   data-web-embed + data-bigbit-framed) paints no canvas of its own — the workbench's glass ground shows through. The dark
   canvas rule above has the same specificity as the framed rule and came later, so this one carries one attribute more. */
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-framed][data-web-embed]{background:transparent!important;background-color:transparent!important;background-image:none!important}
html[data-bigbit-skin=glass][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-skin][data-bigbit-framed][data-web-embed] body{background:transparent!important;background-color:transparent!important}