:root{--ds-font-sans:Inter, "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--ds-font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--ds-space-0:0px;--ds-space-2:2px;--ds-space-4:4px;--ds-space-6:6px;--ds-space-8:8px;--ds-space-12:12px;--ds-space-16:16px;--ds-space-20:20px;--ds-space-24:24px;--ds-space-32:32px;--ds-space-40:40px;--ds-space-48:48px;--ds-space-64:64px;--ds-space-80:80px;--ds-space-96:96px;--ds-text-display-size:3rem;--ds-text-display-line:3.5rem;--ds-text-display-weight:700;--ds-text-display-tracking:-0.02em;--ds-text-h1-size:2rem;--ds-text-h1-line:2.5rem;--ds-text-h1-weight:700;--ds-text-h1-tracking:-0.015em;--ds-text-h2-size:1.5rem;--ds-text-h2-line:2rem;--ds-text-h2-weight:600;--ds-text-h2-tracking:-0.01em;--ds-text-h3-size:1.25rem;--ds-text-h3-line:1.75rem;--ds-text-h3-weight:600;--ds-text-h3-tracking:-0.005em;--ds-text-title-size:1rem;--ds-text-title-line:1.5rem;--ds-text-title-weight:600;--ds-text-title-tracking:0em;--ds-text-body-size:1rem;--ds-text-body-line:1.5rem;--ds-text-body-weight:400;--ds-text-body-tracking:0em;--ds-text-body-sm-size:0.875rem;--ds-text-body-sm-line:1.25rem;--ds-text-body-sm-weight:400;--ds-text-body-sm-tracking:0em;--ds-text-label-size:0.875rem;--ds-text-label-line:1.25rem;--ds-text-label-weight:500;--ds-text-label-tracking:0em;--ds-text-caption-size:0.75rem;--ds-text-caption-line:1rem;--ds-text-caption-weight:400;--ds-text-caption-tracking:0.005em;--ds-text-overline-size:0.75rem;--ds-text-overline-line:1rem;--ds-text-overline-weight:600;--ds-text-overline-tracking:0.06em;--ds-text-metric-lg-size:2.25rem;--ds-text-metric-lg-line:2.75rem;--ds-text-metric-lg-weight:600;--ds-text-metric-lg-tracking:-0.02em;--ds-text-metric-size:1.5rem;--ds-text-metric-line:2rem;--ds-text-metric-weight:600;--ds-text-metric-tracking:-0.01em}
:root{--ds-bg-canvas:#0F0F10;--ds-bg-surface:#161617;--ds-bg-raised:#202023;--ds-bg-sunken:#0F0F10;--ds-bg-inverse:#EEEEF3;--ds-bg-scrim:#00000099;--ds-fg-default:#EEEEF3;--ds-fg-muted:#B7B6BF;--ds-fg-subtle:#82828A;--ds-fg-disabled:#605F67;--ds-fg-inverse:#0F0F10;--ds-fg-link:#BAB3FF;--ds-border-subtle:#313137;--ds-border-default:#3B3B42;--ds-border-strong:#605F67;--ds-border-focus:#6E56CF;--ds-control-bg:#202023;--ds-control-bg-hover:#28282D;--ds-control-bg-active:#313137;--ds-control-border:#6B6A73;--ds-control-border-hover:#87868F;--ds-brand-solid:#6E56CF;--ds-brand-solid-hover:#7962DD;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#1F1C35;--ds-brand-soft-hover:#282346;--ds-brand-border:#493E82;--ds-brand-fg:#BAB3FF;--ds-success-solid:#3DD68C;--ds-success-on-solid:#091A11;--ds-success-soft:#0C2718;--ds-success-border:#005934;--ds-success-fg:#64D999;--ds-danger-solid:#FF6369;--ds-danger-on-solid:#221010;--ds-danger-soft:#341616;--ds-danger-border:#7E292D;--ds-danger-fg:#FF9F9D;--ds-warning-solid:#FFC53D;--ds-warning-on-solid:#1C1506;--ds-warning-soft:#2A1F07;--ds-warning-border:#604600;--ds-warning-fg:#E6B64C;--ds-info-solid:#4CA6FF;--ds-info-on-solid:#0B1723;--ds-info-soft:#112233;--ds-info-border:#1A4C7D;--ds-info-fg:#8AC3FF;--ds-trade-up:#64D999;--ds-trade-up-soft:#0C2718;--ds-trade-up-solid:#3DD68C;--ds-trade-on-up-solid:#091A11;--ds-trade-down:#FF9F9D;--ds-trade-down-soft:#341616;--ds-trade-down-solid:#FF6369;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#B7B6BF;--ds-chart-1:#A193FC;--ds-chart-2:#D79700;--ds-chart-3:#E77AB5;--ds-chart-4:#73BA59;--ds-chart-5:#00B4E9;--ds-chart-grid:#28282D;--ds-chart-axis:#82828A;--ds-radius-xs:4px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #00000080;--ds-shadow-md:0 4px 12px #00000080, 0 1px 3px #00000080;--ds-shadow-lg:0 12px 32px #00000080, 0 2px 6px #00000080}
[data-skin="tremina"][data-mode="light"],[data-mode="light"]:not([data-skin]){--ds-bg-canvas:#F9F9FA;--ds-bg-surface:#FFFFFF;--ds-bg-raised:#FFFFFF;--ds-bg-sunken:#F1F1F4;--ds-bg-inverse:#1A1A1E;--ds-bg-scrim:#00000066;--ds-fg-default:#1A1A1E;--ds-fg-muted:#63626A;--ds-fg-subtle:#77767E;--ds-fg-disabled:#B2B2BA;--ds-fg-inverse:#FFFFFF;--ds-fg-link:#6755BA;--ds-border-subtle:#E1E0E7;--ds-border-default:#D7D6DF;--ds-border-strong:#B2B2BA;--ds-border-focus:#6E56CF;--ds-control-bg:#FFFFFF;--ds-control-bg-hover:#E9E9ED;--ds-control-bg-active:#E1E0E7;--ds-control-border:#909098;--ds-control-border-hover:#75757D;--ds-brand-solid:#6E56CF;--ds-brand-solid-hover:#6146BE;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#F0EFFF;--ds-brand-soft-hover:#E8E7FF;--ds-brand-border:#C6C0FF;--ds-brand-fg:#6755BA;--ds-success-solid:#0E9F6E;--ds-success-on-solid:#081A12;--ds-success-soft:#E5F6ED;--ds-success-border:#9BD9BA;--ds-success-fg:#017D55;--ds-danger-solid:#E5484D;--ds-danger-on-solid:#221010;--ds-danger-soft:#FFECEB;--ds-danger-border:#FFB2AD;--ds-danger-fg:#B43439;--ds-warning-solid:#F5A524;--ds-warning-on-solid:#1E1406;--ds-warning-soft:#FCEFDF;--ds-warning-border:#EEC085;--ds-warning-fg:#8F5D00;--ds-info-solid:#0B6BCB;--ds-info-on-solid:#FFFFFF;--ds-info-soft:#E8F2FF;--ds-info-border:#A4CCFF;--ds-info-fg:#2369B9;--ds-trade-up:#017D55;--ds-trade-up-soft:#E5F6ED;--ds-trade-up-solid:#0E9F6E;--ds-trade-on-up-solid:#081A12;--ds-trade-down:#B43439;--ds-trade-down-soft:#FFECEB;--ds-trade-down-solid:#E5484D;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#63626A;--ds-chart-1:#7E6ED3;--ds-chart-2:#A97500;--ds-chart-3:#BE5590;--ds-chart-4:#4E9433;--ds-chart-5:#008DB7;--ds-chart-grid:#E9E9ED;--ds-chart-axis:#77767E;--ds-radius-xs:4px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #1A1A1E1F;--ds-shadow-md:0 4px 12px #1A1A1E1F, 0 1px 3px #1A1A1E1F;--ds-shadow-lg:0 12px 32px #1A1A1E1F, 0 2px 6px #1A1A1E1F;color-scheme:light}
[data-skin="tremina"][data-mode="dark"],[data-mode="dark"]:not([data-skin]){--ds-bg-canvas:#0F0F10;--ds-bg-surface:#161617;--ds-bg-raised:#202023;--ds-bg-sunken:#0F0F10;--ds-bg-inverse:#EEEEF3;--ds-bg-scrim:#00000099;--ds-fg-default:#EEEEF3;--ds-fg-muted:#B7B6BF;--ds-fg-subtle:#82828A;--ds-fg-disabled:#605F67;--ds-fg-inverse:#0F0F10;--ds-fg-link:#BAB3FF;--ds-border-subtle:#313137;--ds-border-default:#3B3B42;--ds-border-strong:#605F67;--ds-border-focus:#6E56CF;--ds-control-bg:#202023;--ds-control-bg-hover:#28282D;--ds-control-bg-active:#313137;--ds-control-border:#6B6A73;--ds-control-border-hover:#87868F;--ds-brand-solid:#6E56CF;--ds-brand-solid-hover:#7962DD;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#1F1C35;--ds-brand-soft-hover:#282346;--ds-brand-border:#493E82;--ds-brand-fg:#BAB3FF;--ds-success-solid:#3DD68C;--ds-success-on-solid:#091A11;--ds-success-soft:#0C2718;--ds-success-border:#005934;--ds-success-fg:#64D999;--ds-danger-solid:#FF6369;--ds-danger-on-solid:#221010;--ds-danger-soft:#341616;--ds-danger-border:#7E292D;--ds-danger-fg:#FF9F9D;--ds-warning-solid:#FFC53D;--ds-warning-on-solid:#1C1506;--ds-warning-soft:#2A1F07;--ds-warning-border:#604600;--ds-warning-fg:#E6B64C;--ds-info-solid:#4CA6FF;--ds-info-on-solid:#0B1723;--ds-info-soft:#112233;--ds-info-border:#1A4C7D;--ds-info-fg:#8AC3FF;--ds-trade-up:#64D999;--ds-trade-up-soft:#0C2718;--ds-trade-up-solid:#3DD68C;--ds-trade-on-up-solid:#091A11;--ds-trade-down:#FF9F9D;--ds-trade-down-soft:#341616;--ds-trade-down-solid:#FF6369;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#B7B6BF;--ds-chart-1:#A193FC;--ds-chart-2:#D79700;--ds-chart-3:#E77AB5;--ds-chart-4:#73BA59;--ds-chart-5:#00B4E9;--ds-chart-grid:#28282D;--ds-chart-axis:#82828A;--ds-radius-xs:4px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #00000080;--ds-shadow-md:0 4px 12px #00000080, 0 1px 3px #00000080;--ds-shadow-lg:0 12px 32px #00000080, 0 2px 6px #00000080;color-scheme:dark}
[data-skin="obsidian-mint"][data-mode="light"]{--ds-bg-canvas:#F7FAF9;--ds-bg-surface:#FFFFFF;--ds-bg-raised:#FFFFFF;--ds-bg-sunken:#EEF2F1;--ds-bg-inverse:#161C1B;--ds-bg-scrim:#00000066;--ds-fg-default:#161C1B;--ds-fg-muted:#5B6664;--ds-fg-subtle:#6F7A78;--ds-fg-disabled:#AAB6B3;--ds-fg-inverse:#FFFFFF;--ds-fg-link:#007A6D;--ds-border-subtle:#DAE4E2;--ds-border-default:#CFDAD8;--ds-border-strong:#AAB6B3;--ds-border-focus:#07A291;--ds-control-bg:#FFFFFF;--ds-control-bg-hover:#E5EBEA;--ds-control-bg-active:#DAE4E2;--ds-control-border:#879290;--ds-control-border-hover:#6E7977;--ds-brand-solid:#12A594;--ds-brand-solid-hover:#009485;--ds-brand-on-solid:#041A17;--ds-brand-soft:#E5F5F2;--ds-brand-soft-hover:#D5F0EB;--ds-brand-border:#99D8CC;--ds-brand-fg:#007A6D;--ds-success-solid:#0E9F6E;--ds-success-on-solid:#081A12;--ds-success-soft:#E5F6ED;--ds-success-border:#9BD9BA;--ds-success-fg:#017D55;--ds-danger-solid:#E5484D;--ds-danger-on-solid:#221010;--ds-danger-soft:#FFECEB;--ds-danger-border:#FFB2AD;--ds-danger-fg:#B43439;--ds-warning-solid:#F5A524;--ds-warning-on-solid:#1E1406;--ds-warning-soft:#FCEFDF;--ds-warning-border:#EEC085;--ds-warning-fg:#8F5D00;--ds-info-solid:#0B6BCB;--ds-info-on-solid:#FFFFFF;--ds-info-soft:#E8F2FF;--ds-info-border:#A4CCFF;--ds-info-fg:#2369B9;--ds-trade-up:#017D55;--ds-trade-up-soft:#E5F6ED;--ds-trade-up-solid:#0E9F6E;--ds-trade-on-up-solid:#081A12;--ds-trade-down:#B43439;--ds-trade-down-soft:#FFECEB;--ds-trade-down-solid:#E5484D;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#5B6664;--ds-chart-1:#009585;--ds-chart-2:#B25AA8;--ds-chart-3:#0088CD;--ds-chart-4:#CA5843;--ds-chart-5:#728D00;--ds-chart-grid:#E5EBEA;--ds-chart-axis:#6F7A78;--ds-radius-xs:4px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #161C1B1F;--ds-shadow-md:0 4px 12px #161C1B1F, 0 1px 3px #161C1B1F;--ds-shadow-lg:0 12px 32px #161C1B1F, 0 2px 6px #161C1B1F;color-scheme:light}
[data-skin="obsidian-mint"][data-mode="dark"]{--ds-bg-canvas:#0E100F;--ds-bg-surface:#141716;--ds-bg-raised:#1D2221;--ds-bg-sunken:#0E100F;--ds-bg-inverse:#E9F0EF;--ds-bg-scrim:#00000099;--ds-fg-default:#E9F0EF;--ds-fg-muted:#AEBAB8;--ds-fg-subtle:#7B8684;--ds-fg-disabled:#586361;--ds-fg-inverse:#0E100F;--ds-fg-link:#70D2C2;--ds-border-subtle:#2B3432;--ds-border-default:#343E3C;--ds-border-strong:#586361;--ds-border-focus:#12A594;--ds-control-bg:#1D2221;--ds-control-bg-hover:#242B29;--ds-control-bg-active:#2B3432;--ds-control-border:#626D6B;--ds-control-border-hover:#7F8A88;--ds-brand-solid:#12A594;--ds-brand-solid-hover:#2CB2A0;--ds-brand-on-solid:#041A17;--ds-brand-soft:#0F2521;--ds-brand-soft-hover:#0D2F2A;--ds-brand-border:#09574D;--ds-brand-fg:#70D2C2;--ds-success-solid:#3DD68C;--ds-success-on-solid:#091A11;--ds-success-soft:#0C2718;--ds-success-border:#005934;--ds-success-fg:#64D999;--ds-danger-solid:#FF6369;--ds-danger-on-solid:#221010;--ds-danger-soft:#341616;--ds-danger-border:#7E292D;--ds-danger-fg:#FF9F9D;--ds-warning-solid:#FFC53D;--ds-warning-on-solid:#1C1506;--ds-warning-soft:#2A1F07;--ds-warning-border:#604600;--ds-warning-fg:#E6B64C;--ds-info-solid:#4CA6FF;--ds-info-on-solid:#0B1723;--ds-info-soft:#112233;--ds-info-border:#1A4C7D;--ds-info-fg:#8AC3FF;--ds-trade-up:#64D999;--ds-trade-up-soft:#0C2718;--ds-trade-up-solid:#3DD68C;--ds-trade-on-up-solid:#091A11;--ds-trade-down:#FF9F9D;--ds-trade-down-soft:#341616;--ds-trade-down-solid:#FF6369;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#AEBAB8;--ds-chart-1:#00BEAB;--ds-chart-2:#DA7FCE;--ds-chart-3:#38AEFA;--ds-chart-4:#F47D67;--ds-chart-5:#95B338;--ds-chart-grid:#242B29;--ds-chart-axis:#7B8684;--ds-radius-xs:4px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #00000080;--ds-shadow-md:0 4px 12px #00000080, 0 1px 3px #00000080;--ds-shadow-lg:0 12px 32px #00000080, 0 2px 6px #00000080;color-scheme:dark}
[data-skin="porcelain-blue"][data-mode="light"]{--ds-bg-canvas:#F8F9FA;--ds-bg-surface:#FFFFFF;--ds-bg-raised:#FFFFFF;--ds-bg-sunken:#F0F1F4;--ds-bg-inverse:#191B1E;--ds-bg-scrim:#00000066;--ds-fg-default:#191B1E;--ds-fg-muted:#60636A;--ds-fg-subtle:#74777F;--ds-fg-disabled:#AFB3BB;--ds-fg-inverse:#FFFFFF;--ds-fg-link:#3462C6;--ds-border-subtle:#DEE1E7;--ds-border-default:#D4D8DF;--ds-border-strong:#AFB3BB;--ds-border-focus:#2155CD;--ds-control-bg:#FFFFFF;--ds-control-bg-hover:#E7E9EE;--ds-control-bg-active:#DEE1E7;--ds-control-border:#8C9097;--ds-control-border-hover:#73777D;--ds-brand-solid:#2155CD;--ds-brand-solid-hover:#1345BC;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#EAF1FF;--ds-brand-soft-hover:#DFEAFF;--ds-brand-border:#ADC9FF;--ds-brand-fg:#3462C6;--ds-success-solid:#0E9F6E;--ds-success-on-solid:#081A12;--ds-success-soft:#E5F6ED;--ds-success-border:#9BD9BA;--ds-success-fg:#017D55;--ds-danger-solid:#E5484D;--ds-danger-on-solid:#221010;--ds-danger-soft:#FFECEB;--ds-danger-border:#FFB2AD;--ds-danger-fg:#B43439;--ds-warning-solid:#F5A524;--ds-warning-on-solid:#1E1406;--ds-warning-soft:#FCEFDF;--ds-warning-border:#EEC085;--ds-warning-fg:#8F5D00;--ds-info-solid:#0B6BCB;--ds-info-on-solid:#FFFFFF;--ds-info-soft:#E8F2FF;--ds-info-border:#A4CCFF;--ds-info-fg:#2369B9;--ds-trade-up:#017D55;--ds-trade-up-soft:#E5F6ED;--ds-trade-up-solid:#0E9F6E;--ds-trade-on-up-solid:#081A12;--ds-trade-down:#B43439;--ds-trade-down-soft:#FFECEB;--ds-trade-down-solid:#E5484D;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#60636A;--ds-chart-1:#507CD9;--ds-chart-2:#C36205;--ds-chart-3:#AA5DB3;--ds-chart-4:#818800;--ds-chart-5:#00929B;--ds-chart-grid:#E7E9EE;--ds-chart-axis:#74777F;--ds-radius-xs:6px;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:24px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #191B1E1F;--ds-shadow-md:0 4px 12px #191B1E1F, 0 1px 3px #191B1E1F;--ds-shadow-lg:0 12px 32px #191B1E1F, 0 2px 6px #191B1E1F;color-scheme:light}
[data-skin="porcelain-blue"][data-mode="dark"]{--ds-bg-canvas:#0F0F10;--ds-bg-surface:#151618;--ds-bg-raised:#1F2023;--ds-bg-sunken:#0F0F10;--ds-bg-inverse:#ECEEF3;--ds-bg-scrim:#00000099;--ds-fg-default:#ECEEF3;--ds-fg-muted:#B3B7BF;--ds-fg-subtle:#7F838B;--ds-fg-disabled:#5D6167;--ds-fg-inverse:#0F0F10;--ds-fg-link:#9CBEFF;--ds-border-subtle:#2F3237;--ds-border-default:#393C42;--ds-border-strong:#5D6167;--ds-border-focus:#2C62DB;--ds-control-bg:#1F2023;--ds-control-bg-hover:#27292D;--ds-control-bg-active:#2F3237;--ds-control-border:#676B71;--ds-control-border-hover:#83878D;--ds-brand-solid:#2155CD;--ds-brand-solid-hover:#2C62DB;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#132038;--ds-brand-soft-hover:#16274B;--ds-brand-border:#26468B;--ds-brand-fg:#9CBEFF;--ds-success-solid:#3DD68C;--ds-success-on-solid:#091A11;--ds-success-soft:#0C2718;--ds-success-border:#005934;--ds-success-fg:#64D999;--ds-danger-solid:#FF6369;--ds-danger-on-solid:#221010;--ds-danger-soft:#341616;--ds-danger-border:#7E292D;--ds-danger-fg:#FF9F9D;--ds-warning-solid:#FFC53D;--ds-warning-on-solid:#1C1506;--ds-warning-soft:#2A1F07;--ds-warning-border:#604600;--ds-warning-fg:#E6B64C;--ds-info-solid:#4CA6FF;--ds-info-on-solid:#0B1723;--ds-info-soft:#112233;--ds-info-border:#1A4C7D;--ds-info-fg:#8AC3FF;--ds-trade-up:#64D999;--ds-trade-up-soft:#0C2718;--ds-trade-up-solid:#3DD68C;--ds-trade-on-up-solid:#091A11;--ds-trade-down:#FF9F9D;--ds-trade-down-soft:#341616;--ds-trade-down-solid:#FF6369;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#B3B7BF;--ds-chart-1:#74A2FF;--ds-chart-2:#EC873E;--ds-chart-3:#D182DA;--ds-chart-4:#A5AE25;--ds-chart-5:#00BAC7;--ds-chart-grid:#27292D;--ds-chart-axis:#7F838B;--ds-radius-xs:6px;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:24px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #00000080;--ds-shadow-md:0 4px 12px #00000080, 0 1px 3px #00000080;--ds-shadow-lg:0 12px 32px #00000080, 0 2px 6px #00000080;color-scheme:dark}
[data-skin="graphite-violet"][data-mode="light"]{--ds-bg-canvas:#F9F9FA;--ds-bg-surface:#FFFFFF;--ds-bg-raised:#FFFFFF;--ds-bg-sunken:#F1F1F2;--ds-bg-inverse:#1B1A1C;--ds-bg-scrim:#00000066;--ds-fg-default:#1B1A1C;--ds-fg-muted:#646267;--ds-fg-subtle:#78767B;--ds-fg-disabled:#B4B1B7;--ds-fg-inverse:#FFFFFF;--ds-fg-link:#7F4BAE;--ds-border-subtle:#E2E0E4;--ds-border-default:#D8D6DB;--ds-border-strong:#B4B1B7;--ds-border-focus:#8E4EC6;--ds-control-bg:#FFFFFF;--ds-control-bg-hover:#EAE9EC;--ds-control-bg-active:#E2E0E4;--ds-control-border:#928F95;--ds-control-border-hover:#77747A;--ds-brand-solid:#8E4EC6;--ds-brand-solid-hover:#7F3EB5;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#F5EDFF;--ds-brand-soft-hover:#F0E3FF;--ds-brand-border:#D9B8FF;--ds-brand-fg:#7F4BAE;--ds-success-solid:#0E9F6E;--ds-success-on-solid:#081A12;--ds-success-soft:#E5F6ED;--ds-success-border:#9BD9BA;--ds-success-fg:#017D55;--ds-danger-solid:#E5484D;--ds-danger-on-solid:#221010;--ds-danger-soft:#FFECEB;--ds-danger-border:#FFB2AD;--ds-danger-fg:#B43439;--ds-warning-solid:#F5A524;--ds-warning-on-solid:#1E1406;--ds-warning-soft:#FCEFDF;--ds-warning-border:#EEC085;--ds-warning-fg:#8F5D00;--ds-info-solid:#0B6BCB;--ds-info-on-solid:#FFFFFF;--ds-info-soft:#E8F2FF;--ds-info-border:#A4CCFF;--ds-info-fg:#2369B9;--ds-trade-up:#017D55;--ds-trade-up-soft:#E5F6ED;--ds-trade-up-solid:#0E9F6E;--ds-trade-on-up-solid:#081A12;--ds-trade-down:#B43439;--ds-trade-down-soft:#FFECEB;--ds-trade-down-solid:#E5484D;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#646267;--ds-chart-1:#9665C6;--ds-chart-2:#967F00;--ds-chart-3:#C75373;--ds-chart-4:#009959;--ds-chart-5:#0E86D3;--ds-chart-grid:#EAE9EC;--ds-chart-axis:#78767B;--ds-radius-xs:2px;--ds-radius-sm:3px;--ds-radius-md:4px;--ds-radius-lg:6px;--ds-radius-xl:8px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #1B1A1C1F;--ds-shadow-md:0 4px 12px #1B1A1C1F, 0 1px 3px #1B1A1C1F;--ds-shadow-lg:0 12px 32px #1B1A1C1F, 0 2px 6px #1B1A1C1F;color-scheme:light}
[data-skin="graphite-violet"][data-mode="dark"]{--ds-bg-canvas:#100F10;--ds-bg-surface:#161617;--ds-bg-raised:#212022;--ds-bg-sunken:#100F10;--ds-bg-inverse:#EFEEF1;--ds-bg-scrim:#00000099;--ds-fg-default:#EFEEF1;--ds-fg-muted:#B8B6BB;--ds-fg-subtle:#848287;--ds-fg-disabled:#615F64;--ds-fg-inverse:#100F10;--ds-fg-link:#D2A8FF;--ds-border-subtle:#323134;--ds-border-default:#3D3B3F;--ds-border-strong:#615F64;--ds-border-focus:#8E4EC6;--ds-control-bg:#212022;--ds-control-bg-hover:#29282B;--ds-control-bg-active:#323134;--ds-control-border:#6C6A6F;--ds-control-border-hover:#88868B;--ds-brand-solid:#8E4EC6;--ds-brand-solid-hover:#9A5BD3;--ds-brand-on-solid:#FFFFFF;--ds-brand-soft:#261A32;--ds-brand-soft-hover:#311F42;--ds-brand-border:#5A377A;--ds-brand-fg:#D2A8FF;--ds-success-solid:#3DD68C;--ds-success-on-solid:#091A11;--ds-success-soft:#0C2718;--ds-success-border:#005934;--ds-success-fg:#64D999;--ds-danger-solid:#FF6369;--ds-danger-on-solid:#221010;--ds-danger-soft:#341616;--ds-danger-border:#7E292D;--ds-danger-fg:#FF9F9D;--ds-warning-solid:#FFC53D;--ds-warning-on-solid:#1C1506;--ds-warning-soft:#2A1F07;--ds-warning-border:#604600;--ds-warning-fg:#E6B64C;--ds-info-solid:#4CA6FF;--ds-info-on-solid:#0B1723;--ds-info-soft:#112233;--ds-info-border:#1A4C7D;--ds-info-fg:#8AC3FF;--ds-trade-up:#64D999;--ds-trade-up-soft:#0C2718;--ds-trade-up-solid:#3DD68C;--ds-trade-on-up-solid:#091A11;--ds-trade-down:#FF9F9D;--ds-trade-down-soft:#341616;--ds-trade-down-solid:#FF6369;--ds-trade-on-down-solid:#221010;--ds-trade-flat:#B8B6BB;--ds-chart-1:#BC8AEE;--ds-chart-2:#C1A300;--ds-chart-3:#F17996;--ds-chart-4:#40C07C;--ds-chart-5:#45ACFC;--ds-chart-grid:#29282B;--ds-chart-axis:#848287;--ds-radius-xs:2px;--ds-radius-sm:3px;--ds-radius-md:4px;--ds-radius-lg:6px;--ds-radius-xl:8px;--ds-radius-full:9999px;--ds-control-sm:36px;--ds-control-md:48px;--ds-control-lg:56px;--ds-padding-x:16px;--ds-row-height:56px;--ds-gap:16px;--ds-shadow-sm:0 1px 2px #00000080;--ds-shadow-md:0 4px 12px #00000080, 0 1px 3px #00000080;--ds-shadow-lg:0 12px 32px #00000080, 0 2px 6px #00000080;color-scheme:dark}
[data-pnl="redUp"][data-skin][data-mode],[data-pnl="redUp"][data-mode]:not([data-skin]){--ds-trade-up:var(--ds-danger-fg);--ds-trade-up-soft:var(--ds-danger-soft);--ds-trade-up-solid:var(--ds-danger-solid);--ds-trade-on-up-solid:var(--ds-danger-on-solid);--ds-trade-down:var(--ds-success-fg);--ds-trade-down-soft:var(--ds-success-soft);--ds-trade-down-solid:var(--ds-success-solid);--ds-trade-on-down-solid:var(--ds-success-on-solid)}
[data-density="compact"][data-skin][data-mode],[data-density="compact"][data-mode]:not([data-skin]){--ds-control-sm:28px;--ds-control-md:36px;--ds-control-lg:44px;--ds-padding-x:12px;--ds-row-height:40px;--ds-gap:12px}


*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--ds-bg-canvas);color:var(--ds-fg-default);font-family:var(--ds-font-sans);font-size:var(--ds-text-body-size);line-height:var(--ds-text-body-line);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--ds-fg-link);text-underline-offset:.2em}
::selection{background:var(--ds-brand-soft-hover);color:var(--ds-fg-default)}


:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}
:focus:not(:focus-visible){outline:none}


.ds-display{font-size:var(--ds-text-display-size);line-height:var(--ds-text-display-line);font-weight:var(--ds-text-display-weight);letter-spacing:var(--ds-text-display-tracking)}
.ds-h1{font-size:var(--ds-text-h1-size);line-height:var(--ds-text-h1-line);font-weight:var(--ds-text-h1-weight);letter-spacing:var(--ds-text-h1-tracking)}
.ds-h2{font-size:var(--ds-text-h2-size);line-height:var(--ds-text-h2-line);font-weight:var(--ds-text-h2-weight);letter-spacing:var(--ds-text-h2-tracking)}
.ds-h3{font-size:var(--ds-text-h3-size);line-height:var(--ds-text-h3-line);font-weight:var(--ds-text-h3-weight);letter-spacing:var(--ds-text-h3-tracking)}
.ds-title{font-size:var(--ds-text-title-size);line-height:var(--ds-text-title-line);font-weight:var(--ds-text-title-weight)}
.ds-body{font-size:var(--ds-text-body-size);line-height:var(--ds-text-body-line)}
.ds-body-sm{font-size:var(--ds-text-body-sm-size);line-height:var(--ds-text-body-sm-line)}
.ds-label{font-size:var(--ds-text-label-size);line-height:var(--ds-text-label-line);font-weight:var(--ds-text-label-weight)}
.ds-caption{font-size:var(--ds-text-caption-size);line-height:var(--ds-text-caption-line);letter-spacing:var(--ds-text-caption-tracking)}
.ds-overline{font-size:var(--ds-text-overline-size);line-height:var(--ds-text-overline-line);font-weight:var(--ds-text-overline-weight);letter-spacing:var(--ds-text-overline-tracking);text-transform:uppercase}
.ds-metric{font-size:var(--ds-text-metric-size);line-height:var(--ds-text-metric-line);font-weight:var(--ds-text-metric-weight);letter-spacing:var(--ds-text-metric-tracking)}
.ds-metric-lg{font-size:var(--ds-text-metric-lg-size);line-height:var(--ds-text-metric-lg-line);font-weight:var(--ds-text-metric-lg-weight);letter-spacing:var(--ds-text-metric-lg-tracking)}
.ds-muted{color:var(--ds-fg-muted)}
.ds-subtle{color:var(--ds-fg-subtle)}

.ds-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.ds-mono{font-family:var(--ds-font-mono);font-size:.92em;overflow-wrap:anywhere}
.ds-up{color:var(--ds-trade-up)}
.ds-down{color:var(--ds-trade-down)}
.ds-flat{color:var(--ds-trade-flat)}
.ds-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


.ds-theme-transition,.ds-theme-transition *{transition:background-color 200ms cubic-bezier(.2,0,0,1),border-color 200ms cubic-bezier(.2,0,0,1),color 200ms cubic-bezier(.2,0,0,1)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}




.ds-stack{display:flex;flex-direction:column;gap:var(--ds-gap);min-width:0}
.ds-row{display:flex;align-items:center;gap:var(--ds-space-8);flex-wrap:wrap}
.ds-spacer{flex:1}
.ds-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--ds-space-24)}
@media (max-width:640px){.ds-container{padding-inline:var(--ds-space-16)}}
.ds-grid{display:grid;min-width:0;gap:var(--ds-space-16);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.ds-divider{height:1px;background:var(--ds-border-subtle);border:0;margin:0}


.ds-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:var(--ds-space-8);min-height:var(--ds-control-md);padding:0 var(--ds-padding-x);border:1px solid transparent;border-radius:var(--ds-radius-md);font-size:var(--ds-text-label-size);line-height:1;font-weight:var(--ds-text-label-weight);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color 120ms cubic-bezier(.2,0,0,1),border-color 120ms,color 120ms,transform 120ms;background:var(--ds-brand-solid);color:var(--ds-brand-on-solid)}
.ds-button:hover{background:var(--ds-brand-solid-hover)}
.ds-button:active{transform:translateY(1px)}
.ds-button[data-variant="secondary"]{background:var(--ds-control-bg);color:var(--ds-fg-default);border-color:var(--ds-control-border)}
.ds-button[data-variant="secondary"]:hover{background:var(--ds-control-bg-hover);border-color:var(--ds-control-border-hover)}
.ds-button[data-variant="soft"]{background:var(--ds-brand-soft);color:var(--ds-brand-fg)}
.ds-button[data-variant="soft"]:hover{background:var(--ds-brand-soft-hover)}
.ds-button[data-variant="ghost"]{background:transparent;color:var(--ds-fg-default)}
.ds-button[data-variant="ghost"]:hover{background:var(--ds-control-bg-hover)}
.ds-button[data-variant="danger"]{background:var(--ds-danger-solid);color:var(--ds-danger-on-solid)}
.ds-button[data-variant="danger"]:hover{filter:brightness(1.06)}

.ds-button[data-variant="buy"]{background:var(--ds-trade-up-solid);color:var(--ds-trade-on-up-solid)}
.ds-button[data-variant="sell"]{background:var(--ds-trade-down-solid);color:var(--ds-trade-on-down-solid)}
.ds-button[data-variant="buy"]:hover,.ds-button[data-variant="sell"]:hover{filter:brightness(1.06)}
.ds-button[data-size="sm"]{min-height:var(--ds-control-sm);padding:0 var(--ds-space-12);font-size:var(--ds-text-caption-size)}
.ds-button[data-size="lg"]{min-height:var(--ds-control-lg);padding:0 var(--ds-space-24);font-size:var(--ds-text-title-size)}
.ds-button[data-block]{width:100%}
.ds-button:disabled,.ds-button[aria-disabled="true"]{cursor:not-allowed;background:var(--ds-control-bg-active);color:var(--ds-fg-disabled);border-color:transparent;transform:none;filter:none}
.ds-button[aria-busy="true"]{cursor:progress;position:relative;color:transparent}
.ds-button[aria-busy="true"]::after{content:"";position:absolute;width:1em;height:1em;border-radius:50%;border:2px solid var(--ds-fg-muted);border-right-color:transparent;animation:ds-spin .7s linear infinite}
.ds-icon-button{padding:0;width:var(--ds-control-md)}
@keyframes ds-spin{to{transform:rotate(360deg)}}


.ds-field{display:grid;gap:var(--ds-space-6);min-width:0}
.ds-field>label,.ds-field-label{font-size:var(--ds-text-label-size);line-height:var(--ds-text-label-line);font-weight:var(--ds-text-label-weight);color:var(--ds-fg-default)}
.ds-field-hint{font-size:var(--ds-text-caption-size);line-height:var(--ds-text-caption-line);color:var(--ds-fg-muted)}
.ds-field-error{font-size:var(--ds-text-caption-size);line-height:var(--ds-text-caption-line);color:var(--ds-danger-fg)}
.ds-input,.ds-select,.ds-textarea{width:100%;min-height:var(--ds-control-md);padding:0 var(--ds-space-12);background:var(--ds-control-bg);color:var(--ds-fg-default);border:1px solid var(--ds-control-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-body-size);transition:border-color 120ms,box-shadow 120ms}
.ds-textarea{padding:var(--ds-space-12);min-height:96px;resize:vertical;line-height:var(--ds-text-body-line)}
.ds-input::placeholder,.ds-textarea::placeholder{color:var(--ds-fg-subtle)}
.ds-input:hover,.ds-select:hover,.ds-textarea:hover{border-color:var(--ds-control-border-hover)}
.ds-input:focus-visible,.ds-select:focus-visible,.ds-textarea:focus-visible{outline:none;border-color:var(--ds-border-focus);box-shadow:0 0 0 3px var(--ds-brand-soft-hover)}
.ds-input[aria-invalid="true"],.ds-textarea[aria-invalid="true"]{border-color:var(--ds-danger-solid)}
.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{background:var(--ds-bg-sunken);color:var(--ds-fg-disabled);cursor:not-allowed}

.ds-input-group{display:flex;align-items:stretch;background:var(--ds-control-bg);border:1px solid var(--ds-control-border);border-radius:var(--ds-radius-md)}
.ds-input-group:focus-within{border-color:var(--ds-border-focus);box-shadow:0 0 0 3px var(--ds-brand-soft-hover)}
.ds-input-group>.ds-input{min-width:0;border:0;background:transparent;box-shadow:none;text-align:right;font-variant-numeric:tabular-nums}
.ds-input-addon{display:flex;align-items:center;white-space:nowrap;padding:0 var(--ds-space-12);color:var(--ds-fg-muted);font-size:var(--ds-text-label-size)}
.ds-check{display:flex;align-items:flex-start;gap:var(--ds-space-8);cursor:pointer;font-size:var(--ds-text-body-sm-size);line-height:var(--ds-text-body-sm-line)}
.ds-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ds-brand-solid);flex:none}


.ds-segmented{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:3px;gap:3px;background:var(--ds-bg-sunken);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-subtle)}
.ds-segmented>button{flex:1 0 auto;white-space:nowrap;min-height:calc(var(--ds-control-md) - 8px);padding:0 var(--ds-space-12);border:0;border-radius:calc(var(--ds-radius-md) - 2px);background:transparent;color:var(--ds-fg-muted);font-size:var(--ds-text-label-size);font-weight:var(--ds-text-label-weight);cursor:pointer}
.ds-segmented>button:hover{color:var(--ds-fg-default)}
.ds-segmented>button[aria-pressed="true"],.ds-segmented>button[aria-selected="true"]{background:var(--ds-bg-raised);color:var(--ds-fg-default);box-shadow:var(--ds-shadow-sm)}
.ds-segmented>button[data-tone="up"][aria-pressed="true"]{background:var(--ds-trade-up-solid);color:var(--ds-trade-on-up-solid)}
.ds-segmented>button[data-tone="down"][aria-pressed="true"]{background:var(--ds-trade-down-solid);color:var(--ds-trade-on-down-solid)}
.ds-tabs{display:flex;gap:var(--ds-space-24);border-bottom:1px solid var(--ds-border-subtle);overflow-x:auto;scrollbar-width:none}
.ds-tabs>button,.ds-tabs>a{position:relative;padding:var(--ds-space-12) 0;border:0;background:none;color:var(--ds-fg-muted);font-size:var(--ds-text-label-size);font-weight:var(--ds-text-label-weight);cursor:pointer;text-decoration:none;white-space:nowrap}
.ds-tabs>[aria-selected="true"],.ds-tabs>[aria-current="page"]{color:var(--ds-fg-default)}
.ds-tabs>[aria-selected="true"]::after,.ds-tabs>[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--ds-brand-solid)}


.ds-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-lg);padding:var(--ds-space-20);min-width:0}
.ds-card[data-elevated]{box-shadow:var(--ds-shadow-md);border-color:transparent}
.ds-card[data-interactive]{cursor:pointer;transition:border-color 120ms,box-shadow 120ms}
.ds-card[data-interactive]:hover{border-color:var(--ds-border-default);box-shadow:var(--ds-shadow-sm)}
.ds-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-8) var(--ds-space-12);margin-bottom:var(--ds-space-16);min-width:0}
.ds-panel{background:var(--ds-bg-sunken);border-radius:var(--ds-radius-md);padding:var(--ds-space-16)}


.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-4);height:22px;padding:0 var(--ds-space-8);border-radius:var(--ds-radius-full);font-size:var(--ds-text-caption-size);font-weight:500;line-height:1;white-space:nowrap;background:var(--ds-control-bg-active);color:var(--ds-fg-muted)}
.ds-badge[data-tone="brand"]{background:var(--ds-brand-soft);color:var(--ds-brand-fg)}
.ds-badge[data-tone="success"]{background:var(--ds-success-soft);color:var(--ds-success-fg)}
.ds-badge[data-tone="danger"]{background:var(--ds-danger-soft);color:var(--ds-danger-fg)}
.ds-badge[data-tone="warning"]{background:var(--ds-warning-soft);color:var(--ds-warning-fg)}
.ds-badge[data-tone="info"]{background:var(--ds-info-soft);color:var(--ds-info-fg)}
.ds-badge[data-dot]::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}


.ds-alert{display:grid;grid-template-columns:auto 1fr;gap:var(--ds-space-4) var(--ds-space-12);padding:var(--ds-space-12) var(--ds-space-16);border-radius:var(--ds-radius-md);border:1px solid var(--ds-info-border);background:var(--ds-info-soft);color:var(--ds-fg-default);font-size:var(--ds-text-body-sm-size);line-height:var(--ds-text-body-sm-line)}
.ds-alert::before{content:"";grid-row:1/span 2;width:4px;border-radius:2px;background:var(--ds-info-solid)}
.ds-alert>strong{font-weight:600;color:var(--ds-info-fg)}
.ds-alert[data-tone="success"]{border-color:var(--ds-success-border);background:var(--ds-success-soft)}.ds-alert[data-tone="success"]::before{background:var(--ds-success-solid)}.ds-alert[data-tone="success"]>strong{color:var(--ds-success-fg)}
.ds-alert[data-tone="warning"]{border-color:var(--ds-warning-border);background:var(--ds-warning-soft)}.ds-alert[data-tone="warning"]::before{background:var(--ds-warning-solid)}.ds-alert[data-tone="warning"]>strong{color:var(--ds-warning-fg)}
.ds-alert[data-tone="danger"]{border-color:var(--ds-danger-border);background:var(--ds-danger-soft)}.ds-alert[data-tone="danger"]::before{background:var(--ds-danger-solid)}.ds-alert[data-tone="danger"]>strong{color:var(--ds-danger-fg)}


.ds-stat{display:grid;gap:var(--ds-space-4)}
.ds-stat>dd+dd{margin:0}.ds-stat>dt{font-size:var(--ds-text-caption-size);line-height:var(--ds-text-caption-line);color:var(--ds-fg-muted)}
.ds-stat>dd:first-of-type{margin:0;font-size:var(--ds-text-metric-size);line-height:var(--ds-text-metric-line);font-weight:600;font-variant-numeric:tabular-nums}
.ds-kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:var(--ds-space-8) var(--ds-space-16);font-size:var(--ds-text-body-sm-size)}
.ds-kv dt{color:var(--ds-fg-muted)}
.ds-kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media (max-width:480px){.ds-kv{grid-template-columns:1fr auto}}
.ds-table-wrap{overflow-x:auto;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-lg)}
.ds-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-body-sm-size);font-variant-numeric:tabular-nums}
.ds-table th{position:sticky;top:0;height:var(--ds-row-height);padding:0 var(--ds-space-16);background:var(--ds-bg-sunken);color:var(--ds-fg-muted);font-size:var(--ds-text-caption-size);font-weight:500;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ds-border-subtle)}
.ds-table td{height:var(--ds-row-height);padding:0 var(--ds-space-16);border-bottom:1px solid var(--ds-border-subtle);white-space:nowrap}
.ds-table tr:last-child td{border-bottom:0}
.ds-table tbody tr:hover td{background:var(--ds-control-bg-hover)}
.ds-table [data-align="end"]{text-align:right}


.ds-skeleton{display:block;border-radius:var(--ds-radius-sm);background:linear-gradient(90deg,var(--ds-control-bg-hover) 25%,var(--ds-control-bg-active) 37%,var(--ds-control-bg-hover) 63%);background-size:400% 100%;animation:ds-shimmer 1.4s ease infinite;min-height:1em}
@keyframes ds-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
.ds-empty{display:grid;justify-items:center;gap:var(--ds-space-8);padding:var(--ds-space-48) var(--ds-space-24);text-align:center;color:var(--ds-fg-muted)}
.ds-empty>strong{color:var(--ds-fg-default);font-size:var(--ds-text-title-size);font-weight:600}


.ds-dialog{border:0;padding:0;background:var(--ds-bg-raised);color:var(--ds-fg-default);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg);width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 64px)}
.ds-dialog::backdrop{background:var(--ds-bg-scrim)}
.ds-dialog-body{padding:var(--ds-space-24);display:grid;gap:var(--ds-space-16)}
.ds-dialog-footer{display:flex;gap:var(--ds-space-12);justify-content:flex-end;padding:var(--ds-space-16) var(--ds-space-24);border-top:1px solid var(--ds-border-subtle)}
@media (max-width:640px){.ds-dialog{margin:auto 0 0;width:100vw;max-width:100vw;border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-dialog-footer{flex-direction:column-reverse}.ds-dialog-footer>.ds-button{width:100%}}
.ds-toast{display:flex;align-items:center;gap:var(--ds-space-12);padding:var(--ds-space-12) var(--ds-space-16);background:var(--ds-bg-inverse);color:var(--ds-fg-inverse);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);font-size:var(--ds-text-body-sm-size)}


.ds-topbar{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:var(--ds-space-16);height:64px;padding:0 var(--ds-space-24);background:color-mix(in srgb,var(--ds-bg-canvas) 85%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ds-border-subtle)}
.ds-brand-mark{display:inline-flex;align-items:center;gap:var(--ds-space-8);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ds-fg-default);text-decoration:none}
.ds-brand-mark>i{width:22px;height:22px;border-radius:var(--ds-radius-sm);background:var(--ds-brand-solid);display:inline-block}
.ds-nav{display:flex;gap:var(--ds-space-4)}
.ds-nav>a{padding:var(--ds-space-8) var(--ds-space-12);border-radius:var(--ds-radius-md);color:var(--ds-fg-muted);font-size:var(--ds-text-label-size);font-weight:500;text-decoration:none}
.ds-nav>a:hover{color:var(--ds-fg-default);background:var(--ds-control-bg-hover)}
.ds-nav>a[aria-current="page"]{color:var(--ds-fg-default);background:var(--ds-control-bg-active)}
.ds-sidebar-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.ds-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--ds-space-16) var(--ds-space-12);background:var(--ds-bg-surface);border-right:1px solid var(--ds-border-subtle);display:flex;flex-direction:column;gap:var(--ds-space-4)}
.ds-sidebar>a{display:flex;align-items:center;gap:var(--ds-space-8);height:var(--ds-control-sm);padding:0 var(--ds-space-12);border-radius:var(--ds-radius-md);color:var(--ds-fg-muted);font-size:var(--ds-text-label-size);text-decoration:none}
.ds-sidebar>a:hover{background:var(--ds-control-bg-hover);color:var(--ds-fg-default)}
.ds-sidebar>a[aria-current="page"]{background:var(--ds-brand-soft);color:var(--ds-brand-fg);font-weight:600}
@media (max-width:900px){.ds-sidebar-layout{grid-template-columns:1fr}.ds-sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--ds-border-subtle)}}

.ds-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:flex;justify-content:space-around;padding:var(--ds-space-6) var(--ds-space-8) calc(var(--ds-space-6) + env(safe-area-inset-bottom));background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-subtle)}
.ds-tabbar>a{display:grid;justify-items:center;gap:2px;min-width:64px;min-height:48px;padding-top:var(--ds-space-4);color:var(--ds-fg-subtle);font-size:11px;font-weight:500;text-decoration:none}
.ds-tabbar>a[aria-current="page"]{color:var(--ds-brand-fg)}


.ds-network-badge{display:inline-flex;align-items:center;gap:var(--ds-space-6);height:24px;padding:0 var(--ds-space-8);border-radius:var(--ds-radius-full);font-size:var(--ds-text-caption-size);font-weight:600;border:1px solid var(--ds-border-default);color:var(--ds-fg-muted)}
.ds-network-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ds-success-solid)}
.ds-network-badge[data-network="testnet"]{border-color:var(--ds-warning-border);background:var(--ds-warning-soft);color:var(--ds-warning-fg)}
.ds-network-badge[data-network="testnet"]::before{background:var(--ds-warning-solid)}
.ds-network-badge[data-network="unknown"]{border-color:var(--ds-danger-border);color:var(--ds-danger-fg)}
.ds-network-badge[data-network="unknown"]::before{background:var(--ds-danger-solid)}
.ds-risk-disclosure{padding:var(--ds-space-12) var(--ds-space-16);border-radius:var(--ds-radius-md);background:var(--ds-bg-sunken);border:1px solid var(--ds-border-default);color:var(--ds-fg-muted);font-size:var(--ds-text-caption-size);line-height:var(--ds-text-caption-line)}
.ds-risk-disclosure>strong{display:block;margin-bottom:var(--ds-space-4);color:var(--ds-fg-default);font-size:var(--ds-text-label-size)}


.ds-steps{display:flex;gap:var(--ds-space-8);list-style:none;margin:0;padding:0;counter-reset:ds-step;flex-wrap:wrap}
.ds-steps>li{display:flex;align-items:center;gap:var(--ds-space-8);color:var(--ds-fg-subtle);font-size:var(--ds-text-label-size);counter-increment:ds-step}
.ds-steps>li::before{content:counter(ds-step);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--ds-border-default);font-size:var(--ds-text-caption-size);font-weight:600}
.ds-steps>li[data-state="done"]{color:var(--ds-fg-muted)}
.ds-steps>li[data-state="done"]::before{content:"✓";background:var(--ds-success-soft);border-color:var(--ds-success-border);color:var(--ds-success-fg)}
.ds-steps>li[aria-current="step"]{color:var(--ds-fg-default);font-weight:600}
.ds-steps>li[aria-current="step"]::before{background:var(--ds-brand-solid);border-color:var(--ds-brand-solid);color:var(--ds-brand-on-solid)}
.ds-steps>li+li::after{content:none}
.ds-switch{position:relative;display:inline-flex;align-items:center;gap:var(--ds-space-8);cursor:pointer;font-size:var(--ds-text-body-sm-size)}
.ds-switch>input{appearance:none;width:40px;height:24px;margin:0;border-radius:999px;background:var(--ds-control-bg-active);border:1px solid var(--ds-control-border);transition:background-color 120ms;cursor:pointer;flex:none}
.ds-switch>input::after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:var(--ds-bg-raised);box-shadow:var(--ds-shadow-sm);transition:transform 120ms}
.ds-switch>input:checked{background:var(--ds-brand-solid);border-color:var(--ds-brand-solid)}
.ds-switch>input:checked::after{transform:translateX(16px);background:var(--ds-brand-on-solid)}
.ds-switch>input:disabled{opacity:.45;cursor:not-allowed}
.ds-progress{height:6px;border-radius:999px;background:var(--ds-control-bg-active);overflow:hidden}
.ds-progress>i{display:block;height:100%;background:var(--ds-brand-solid);border-radius:inherit}
.ds-progress[data-tone="warning"]>i{background:var(--ds-warning-solid)}
.ds-progress[data-tone="danger"]>i{background:var(--ds-danger-solid)}
.ds-avatar{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--ds-brand-soft);color:var(--ds-brand-fg);font-weight:700;font-size:var(--ds-text-label-size);overflow:hidden}
.ds-avatar[data-size="lg"]{width:64px;height:64px;font-size:var(--ds-text-h3-size)}
.ds-sheet-scrim{position:fixed;inset:0;z-index:1400;background:var(--ds-bg-scrim);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-16)}
.ds-sheet{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--ds-bg-raised);color:var(--ds-fg-default);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}
@media (max-width:640px){.ds-sheet-scrim{align-items:flex-end;padding:0}.ds-sheet{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}}
.ds-chip{display:inline-flex;align-items:center;text-decoration:none;gap:var(--ds-space-4);height:28px;padding:0 var(--ds-space-12);border-radius:999px;border:1px solid var(--ds-border-subtle);background:var(--ds-control-bg);color:var(--ds-fg-muted);font-size:var(--ds-text-caption-size);cursor:pointer}
.ds-chip[aria-pressed="true"]{background:var(--ds-brand-soft);color:var(--ds-brand-fg);border-color:var(--ds-brand-border)}
/* 静态语义 HTML 使用同一设计 token，零运行时依赖。 */
header,main,footer{max-width:1120px;margin:auto;padding:var(--ds-space-24);overflow-wrap:anywhere}
header,nav,footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-16)}
header{border-bottom:1px solid var(--ds-border-default)}
main{min-height:65vh}main>p{max-width:72ch}h1{font-size:var(--ds-text-h1-size);line-height:var(--ds-text-h1-line)}h2{font-size:var(--ds-text-h2-size);line-height:var(--ds-text-h2-line)}
a{display:inline-block;padding-block:var(--ds-space-12)}
.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--ds-space-16)}
.panel{border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);padding:var(--ds-space-24)}
.notice{font-weight:var(--ds-text-title-weight);color:var(--ds-fg-link)}footer{border-top:1px solid var(--ds-border-default)}
.skip{position:absolute;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}
form,label{display:grid;gap:var(--ds-space-12);max-width:48ch}input,select,button{min-height:var(--ds-control-md);background:var(--ds-control-bg);border:1px solid var(--ds-control-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-12)}