:root{--font-family-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-ui:"Quicksand", var(--font-family-base);--font-family-mono:"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--color-bg:#111;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#292929;--color-border:#434247;--color-grid:#434247;--color-input:#313135;--color-row-hover:#434247;--color-text:#fff;--color-text-muted:#b4b2c2;--color-text-light:#efefef;--color-disabled-text:#545454;--color-accent:#b3a3ff;--color-accent-light:#ccc2ff;--color-action:#413f4d;--color-action-light:#5b5576;--color-green:#57d5ac;--color-red:#f65a5a;--color-orange:#f0da65;--color-green-soft:color-mix(in srgb, var(--color-green) 28%, transparent);--color-red-soft:color-mix(in srgb, var(--color-red) 28%, transparent);--border-width:1px;--border-default:var(--border-width) solid var(--color-border);--border-hover:var(--border-width) solid var(--color-accent);--surface-card:var(--color-bg-secondary);--surface-control:var(--color-bg-secondary);--surface-control-alt:var(--color-bg-tertiary);--surface-overlay:#434247;--surface-control-hover:color-mix(in srgb, var(--color-accent) 16%, var(--surface-control-alt));--surface-dropdown:var(--color-bg-secondary);--shadow-card:0 6px 20px #00000059;--shadow-card-mobile:none;--layout-padding:16px;--layout-gap:16px;--layout-right-col:minmax(320px, 32vw);--panel-min-h-graph:412px;--panel-min-h-orderbook:600px;--dex-orders-tbody-max-h:min(30rem, 52vh);--dex-orders-row-min-h:3rem;--dex-orders-head-min-h:2rem;--dex-orders-chip-min-h:1.5rem;--dex-orders-filters-reserve:clamp(8.25rem, 7rem + 5vw, 11rem);--dex-orders-filter-pad-y:2px;--dex-orders-filter-pad-x:6px;--dex-orders-token-size:1.5rem;--dex-orders-token-overlap:.625rem;--control-height:44px;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:18px;--text-caption-lg-size:10px;--text-caption-lg-line:14px;--text-caption-sm-size:9px;--text-caption-sm-line:12px;--text-sm-size:12px;--text-sm-line:16px;--text-md-size:14px;--text-md-line:20px;--text-lg-size:15px;--text-lg-line:24px;--heading-1-size:18px;--heading-1-line:24px;--mono-size:12px;--mono-line:16px}[data-theme=dark]{--color-bg:#111;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#292929;--color-border:#434247;--color-grid:#434247;--color-input:#313135;--color-row-hover:#434247;--color-text:#fff;--color-text-muted:#b4b2c2;--color-text-light:#efefef;--color-disabled-text:#545454;--color-accent:#b3a3ff;--color-accent-light:#ccc2ff;--color-action:#413f4d;--color-action-light:#5b5576;--color-green:#57d5ac;--color-red:#f65a5a;--color-orange:#f0da65;--surface-overlay:#434247;--surface-control-hover:color-mix(in srgb, var(--color-accent) 16%, var(--surface-control-alt));--surface-dropdown:var(--color-bg-secondary)}[data-theme=light]{--color-bg:#f3f5f8;--color-bg-secondary:#fff;--color-bg-tertiary:#eef1f6;--color-border:#d8dee9;--color-grid:#d8dee9;--color-input:#e5eaf1;--color-row-hover:#e8edf5;--color-text:#111827;--color-text-muted:#4b5563;--color-accent:#7c3aed;--color-green:#059669;--color-red:#dc2626;--color-orange:#d97706;--color-green-soft:color-mix(in srgb, var(--color-green) 14%, transparent);--color-red-soft:color-mix(in srgb, var(--color-red) 16%, transparent);--surface-control-hover:color-mix(in srgb, var(--color-accent) 12%, var(--surface-control-alt));--surface-dropdown:var(--color-bg-secondary)}@media (width>=1600px){:root{--layout-padding:20px;--layout-gap:20px;--layout-right-col:minmax(340px, 30vw);--panel-min-h-graph:412px;--panel-min-h-orderbook:600px;--control-height:48px;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:19px}}@media (width>=1200px) and (width<=1599px){:root{--layout-padding:16px;--layout-gap:16px;--layout-right-col:minmax(320px, 34vw);--panel-min-h-graph:412px;--panel-min-h-orderbook:600px;--control-height:44px;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px}}@media (width>=768px) and (width<=1199px){:root{--layout-padding:14px;--layout-gap:14px;--layout-right-col:1fr;--panel-min-h-graph:360px;--panel-min-h-orderbook:420px;--control-height:42px;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:15px;--font-size-xl:17px}}@media (width<=767px){:root{--layout-padding:12px;--layout-gap:12px;--layout-right-col:1fr;--panel-min-h-graph:300px;--panel-min-h-orderbook:360px;--control-height:40px;--font-size-xs:10px;--font-size-sm:11px;--font-size-md:12px;--font-size-lg:14px;--font-size-xl:16px}}html,body{min-height:100%;font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text);overscroll-behavior-x:none;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}