:root, [data-theme="dark"] {
  --bg: #000000;
  --sky-1: #000000;
  --sky-2: #000000;
  --sky-3: #000000;
  --surface: #000000;
  --surface-muted: #16181c;
  --line: #2f3336;
  --line-strong: #536471;
  --ink: #e7e9ea;
  --ink-muted: #71767b;
  --cta: #eff3f4;
  --cta-press: #d7dbdc;
  --on-cta: #0f1419;
  --brand: #1d9bf0;
  --brand-soft: #031018;
  --on-brand: #ffffff;
  --success: #00ba7c;
  --success-soft: #001f14;
  --warning: #ffd400;
  --warning-soft: #1f1a00;
  --danger: #f4212e;
  --danger-soft: #200508;
  --on-danger: #ffffff;
  --glow-1: #16181c;
  --glow-2: #16181c;
  --glow-3: #16181c;
  --on-glow: #e7e9ea;
  --on-glow-muted: #71767b;
  --glass: #eff3f41a;
  --glass-line: #2f3336;
  --night-1: #16181c;
  --night-2: #16181c;
  --night-3: #16181c;
  --on-night: #e7e9ea;
  --on-night-muted: #71767b;
  --night-glass: #eff3f41a;
  --night-glass-line: #2f3336;
  --packet: #c8392c;
  --packet-deep: #8e2820;
  --packet-glow: #ef8466;
  --on-packet: #fff3dc;
  --packet-gold: #f3c463;
  --scrim: #5b708366;
  --og-bg: #16181c;
  --og-ink: #e7e9ea;
  --og-ink-muted: #8b98a5;
  --og-line: #2f3336;
  --og-chip: #ffffff14;
  --og-up: #00ba7c;
  --og-down: #f4212e;
  --chain-base: #0052ff;
  --chain-bnb: #f0b90b;
  --chain-xlayer: #111111;
  --chain-polygon: #8247e5;
  --chain-ethereum: #627eea;
  --chain-hyperevm: #0b3d36;
  --chain-arbitrum: #28a0f0;
  --chain-optimism: #ff0420;
  --chain-avalanche: #e84142;
  --chain-arc: #ff8a00;
  --chain-robinhood: #00c805;
  --chain-plasma: #14b8a6;
  --on-chain: #ffffff;
  --shadow-sm: none;
  --shadow-lg: 0 0 15px #ffffff33, 0 0 3px 1px #ffffff26;
  --focus-ring: 0 0 0 2px #000000, 0 0 0 4px #1d9bf0;
}
[data-theme="light"] {
  --bg: #ffffff;
  --sky-1: #ffffff;
  --sky-2: #ffffff;
  --sky-3: #ffffff;
  --surface: #ffffff;
  --surface-muted: #f7f9f9;
  --line: #eff3f4;
  --line-strong: #cfd9de;
  --ink: #0f1419;
  --ink-muted: #536471;
  --cta: #0f1419;
  --cta-press: #272c30;
  --on-cta: #ffffff;
  --brand: #1d9bf0;
  --brand-soft: #e8f5fd;
  --on-brand: #ffffff;
  --success: #00875a;
  --success-soft: #e5f8f1;
  --warning: #a87700;
  --warning-soft: #fff8d6;
  --danger: #f4212e;
  --danger-soft: #fee9ea;
  --on-danger: #ffffff;
  --glow-1: #f7f9f9;
  --glow-2: #f7f9f9;
  --glow-3: #f7f9f9;
  --on-glow: #0f1419;
  --on-glow-muted: #536471;
  --glass: #0f14190d;
  --glass-line: #cfd9de;
  --night-1: #f7f9f9;
  --night-2: #f7f9f9;
  --night-3: #f7f9f9;
  --on-night: #0f1419;
  --on-night-muted: #536471;
  --night-glass: #0f14190d;
  --night-glass-line: #cfd9de;
  --packet: #c23a2c;
  --packet-deep: #9b2c22;
  --packet-glow: #ef8466;
  --on-packet: #fff3dc;
  --packet-gold: #f3c463;
  --scrim: #00000066;
  --og-bg: #16181c;
  --og-ink: #e7e9ea;
  --og-ink-muted: #8b98a5;
  --og-line: #2f3336;
  --og-chip: #ffffff14;
  --og-up: #00ba7c;
  --og-down: #f4212e;
  --chain-base: #0052ff;
  --chain-bnb: #f0b90b;
  --chain-xlayer: #111111;
  --chain-polygon: #8247e5;
  --chain-ethereum: #627eea;
  --chain-hyperevm: #0b3d36;
  --chain-arbitrum: #28a0f0;
  --chain-optimism: #ff0420;
  --chain-avalanche: #e84142;
  --chain-arc: #ff8a00;
  --chain-robinhood: #00c805;
  --chain-plasma: #14b8a6;
  --on-chain: #ffffff;
  --shadow-sm: none;
  --shadow-lg: 0 0 15px #65778633, 0 0 3px 1px #65778626;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #1d9bf0;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --control-lg: 52px;
  --control-md: 44px;
  --control-sm: 32px;
  --topbar-h: 53px;
  --page-max: 430px;
  --font-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.t-amount-xl { font-family: var(--font-sans); font-size: 40px; line-height: 48px; font-weight: 800; letter-spacing: -0.02em; }
.t-amount-lg { font-family: var(--font-sans); font-size: 31px; line-height: 36px; font-weight: 800; letter-spacing: -0.01em; }
.t-amount-md { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 700; letter-spacing: normal; }
.t-display { font-family: var(--font-sans); font-size: 31px; line-height: 36px; font-weight: 800; letter-spacing: -0.01em; }
.t-title { font-family: var(--font-sans); font-size: 23px; line-height: 28px; font-weight: 800; letter-spacing: normal; }
.t-section { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 800; letter-spacing: normal; }
.t-heading { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; letter-spacing: normal; }
.t-body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: normal; }
.t-body-strong { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 700; letter-spacing: normal; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: normal; }
.t-micro { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: normal; }
.t-mono { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: normal; }