@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}button,input,select{font:inherit}button,a{color:inherit}}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--neutral-0:oklch(100% 0 0);--neutral-100:oklch(92.191% 0 0);--neutral-300:oklch(71.547% 0 0);--neutral-400:oklch(55.553% 0 0);--neutral-500:oklch(63.343% 0 0);--neutral-600:oklch(51.028% 0 0);--neutral-700:oklch(26.862% 0 0);--neutral-800:oklch(26.032% 0 0);--neutral-850:oklch(23.929% 0 0);--neutral-900:oklch(22.213% 0 0);--neutral-950:oklch(15.907% 0 0);--neutral-1000:oklch(0% 0 0);--brand-300:oklch(81.874% .12885 221.8);--brand-500:oklch(73.919% .15756 235.34);--brand-action-start:oklch(70.979% .15125 235.73);--brand-action-end:oklch(84.49% .10808 222.4);--success-500:oklch(71.097% .16872 157.18);--danger-500:oklch(67.296% .21457 25.04);--data-blue-500:oklch(61.455% .17105 255.1);--accent-orange-500:oklch(72.364% .18676 48.9);--accent-violet-500:oklch(69.557% .17 288.1);--accent-gold-500:oklch(87.251% .15091 94.46);--bg-canvas:var(--neutral-950);--bg-default:var(--neutral-950);--surface-1:var(--neutral-900);--surface-2:var(--neutral-850);--surface-3:var(--neutral-800);--surface-panel:oklch(20.904% 0 0);--surface-elevated:var(--neutral-800);--surface-glass:color-mix(in oklch, var(--neutral-850) 76%, transparent);--text-primary:var(--neutral-0);--text-secondary:var(--neutral-300);--text-muted:var(--neutral-500);--border-subtle:var(--neutral-850);--border-default:oklch(30.919% 0 0);--border-strong:var(--neutral-600);--surface-control:color-mix(in oklch, var(--text-primary) 2%, transparent);--surface-control-hover:color-mix(in oklch, var(--text-primary) 8%, transparent);--border-control:color-mix(in oklch, var(--text-primary) 12%, transparent);--border-glass:color-mix(in oklch, var(--text-primary) 7%, transparent);--surface-chart-hud:color-mix(in oklch, var(--surface-panel) 82%, transparent);--focus-ring:var(--brand-300);--color-bg-canvas:var(--bg-canvas);--color-bg-default:var(--bg-default);--color-surface-panel:var(--surface-panel);--color-surface-elevated:var(--surface-elevated);--color-surface-control:var(--surface-control);--color-surface-control-hover:var(--surface-control-hover);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border-subtle:var(--border-subtle);--color-border-default:var(--border-default);--color-data-up:var(--success-500);--color-data-down:var(--danger-500);--color-data-info:var(--data-blue-500);--color-chart-line:var(--brand-300);--color-chart-grid:oklch(100% 0 0/.08);--color-chart-crosshair:oklch(100% 0 0/.45);--color-on-action-primary:oklch(16.686% .01497 230.02);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--text-xs:.6875rem;--text-sm:.8125rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--leading-tight:1.15;--leading-normal:1.4;--chart-control-size:2rem;--chart-touch-size:2.75rem;--chart-chrome-gap:var(--space-2);--chart-plot-min-block:clamp(28rem, 62vh, 54rem);--shadow-sm:0 1px 1px oklch(0% 0 0/.42), 0 8px 18px oklch(0% 0 0/.22), inset 0 1px 0 oklch(100% 0 0/.08);--shadow-md:0 2px 4px oklch(0% 0 0/.38), 0 14px 30px oklch(0% 0 0/.28), inset 0 1px 0 oklch(100% 0 0/.08);--shadow-lg:0 10px 18px oklch(0% 0 0/.42), 0 32px 70px oklch(0% 0 0/.46), inset 0 1px 0 oklch(100% 0 0/.08), inset 0 0 0 1px oklch(100% 0 0/.07);--shadow-panel:0 1px 0 oklch(100% 0 0/.04) inset, 0 0 0 1px oklch(100% 0 0/.05) inset, 0 18px 48px oklch(0% 0 0/.22);--shadow-floating:0 2px 0 oklch(100% 0 0/.07) inset, 0 0 0 1px oklch(100% 0 0/.08) inset, 0 18px 36px oklch(0% 0 0/.48), 0 36px 90px oklch(0% 0 0/.52);--shadow-control:0 1px 0 oklch(100% 0 0/.08) inset, 0 1px 2px oklch(0% 0 0/.45), 0 10px 24px oklch(0% 0 0/.26);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--duration-fast:.15s;--duration-base:.2s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--transition-fast:var(--duration-fast) var(--ease-standard);--transition-base:var(--duration-base) var(--ease-standard);--z-base:1;--z-chart-data:3;--z-chart-selection:4;--z-nav-mobile:5;--z-popover:20;--z-dropdown:30;--z-skip-link:999;--component-terminal-frame-bg:linear-gradient(180deg, oklch(100% 0 0/.02) 0%, transparent 180px), linear-gradient(180deg, oklch(19.573% 0 0) 0%, oklch(16.842% 0 0) 100%);--component-side-nav-bg:linear-gradient(180deg, oklch(19.125% 0 0), oklch(16.842% 0 0));--component-control-bg:linear-gradient(180deg, oklch(23.075% 0 0), oklch(19.573% 0 0));--component-control-active-bg:linear-gradient(180deg, oklch(30.118% 0 0), oklch(24.353% 0 0));--component-tab-active-bg:linear-gradient(180deg, oklch(28.908% 0 0), oklch(24.353% 0 0));--component-action-primary-bg:linear-gradient(90deg, var(--brand-action-start) 0%, var(--brand-action-end) 100%);--component-action-primary-shadow:0 0 20px color-mix(in oklch, var(--brand-500) 28%, transparent);--component-segmented-bg:oklch(17.304% 0 0);--component-rail-shadow:12px 0 30px oklch(0% 0 0/.18);--component-soft-shadow:inset 0 0 0 1px oklch(100% 0 0/.04), 0 10px 24px oklch(0% 0 0/.18);--component-market-tab-bg:linear-gradient(180deg, oklch(23.929% 0 0/.78), oklch(18.22% 0 0/.84));--component-market-tab-active-bg:linear-gradient(180deg, var(--neutral-800), oklch(21.779% 0 0));--component-panel-highlight-bg:linear-gradient(180deg, oklch(100% 0 0/.015), transparent 36%), var(--surface-panel);font-family:var(--font-sans);background:var(--bg-canvas);color:var(--text-primary)}}@layer base{body{background:var(--bg-canvas);-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100vh;font-size:13px;line-height:18px;overflow-x:hidden}a{text-decoration:none}button,select{cursor:pointer;border:0;min-width:44px;min-height:44px}input,select{color:var(--text-primary)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--text-secondary:oklch(86.994% 0 0);--text-muted:oklch(78.26% 0 0);--border-subtle:var(--neutral-600);--border-default:var(--neutral-500)}}@media (forced-colors:active){:root{--bg-canvas:Canvas;--bg-default:Canvas;--surface-1:Canvas;--surface-panel:Canvas;--surface-elevated:ButtonFace;--text-primary:CanvasText;--text-secondary:CanvasText;--text-muted:CanvasText;--border-subtle:CanvasText;--border-default:CanvasText;--brand-300:Highlight;--brand-500:LinkText;--success-500:LinkText;--danger-500:CanvasText}:focus-visible{outline-offset:2px;outline:2px solid highlight}}}@layer layout;@layer components{.trade-page{background:var(--bg-canvas);min-height:100vh}.terminal-frame{background:var(--component-terminal-frame-bg);grid-template-columns:64px minmax(0,1fr);width:100%;min-height:100vh;display:grid;position:relative;overflow:hidden}.terminal-frame__main{min-width:0;padding:var(--space-3) var(--space-4) var(--space-4) var(--space-3)}.side-nav{z-index:var(--z-base);align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-2);background:var(--component-side-nav-bg);border-right:1px solid var(--border-subtle);box-shadow:var(--component-rail-shadow);flex-direction:column;margin-top:0;display:flex}.side-nav__brand,.side-nav__button{width:48px;height:48px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border-radius:15px;place-items:center;display:grid}.side-nav__brand{color:var(--text-primary);background:var(--bg-canvas);box-shadow:var(--shadow-control)}.side-nav__items{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.side-nav__button--active{color:var(--text-primary);background:var(--component-control-active-bg);box-shadow:var(--shadow-control)}.side-nav__rule{background:var(--border-default);width:44px;height:1px;margin:var(--space-1) 0 var(--space-2)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.ui-button,.ui-icon-button,.ui-segmented__item{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--chart-touch-size);border-radius:var(--radius-lg);background:var(--_bg,var(--color-surface-control));color:var(--_text,var(--color-text-secondary));box-shadow:var(--_shadow,none);transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);display:inline-flex}.ui-button:hover,.ui-button:focus-visible,.ui-icon-button:hover,.ui-icon-button:focus-visible,.ui-segmented__item:hover,.ui-segmented__item:focus-visible{--_bg:var(--color-surface-control-hover);--_text:var(--color-text-primary)}.ui-button--control,.ui-icon-button{--_bg:var(--component-control-bg);--_text:var(--color-text-primary);--_shadow:var(--shadow-control);padding-inline:var(--space-4)}.ui-button--chip{border-radius:var(--radius-sm);min-inline-size:44px;padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;font-weight:700}.ui-button--ghost{--_bg:transparent;padding-inline:var(--space-3)}.ui-button--primary{--_bg:var(--component-action-primary-bg);--_text:var(--color-on-action-primary);--_shadow:var(--component-action-primary-shadow);border-radius:var(--radius-xl);min-block-size:64px;inline-size:100%;font-size:20px;font-weight:700}.ui-button--active,.ui-button[aria-pressed=true],.ui-segmented__item[aria-pressed=true],.ui-segmented__item[data-state=on]{--_bg:var(--color-surface-control-hover);--_text:var(--color-text-primary);border-color:var(--border-control)}.ui-icon-button{inline-size:var(--chart-touch-size);padding:0}.ui-panel{background:var(--_bg,var(--color-surface-panel));border:1px solid var(--_border,var(--color-border-subtle));border-radius:var(--_radius,var(--radius-xl));box-shadow:var(--_shadow,var(--shadow-panel))}.ui-panel--glass,.ui-panel--floating{--_bg:var(--surface-glass);--_border:var(--border-glass);--_radius:var(--radius-2xl);--_shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.ui-field{gap:var(--space-1);display:grid}.ui-field__label,.ui-field__hint{color:var(--color-text-muted)}.ui-field__error{color:var(--color-data-down)}.ui-toolbar-group,.ui-segmented{gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-control);flex-wrap:nowrap;min-width:0;display:flex}.ui-segmented{padding:var(--space-1);border-radius:var(--radius-lg);background:var(--component-segmented-bg);box-shadow:var(--component-soft-shadow);border:0}.ui-segmented__item{min-block-size:36px;padding-inline:var(--space-5);color:var(--color-text-muted);background:0 0;border-radius:10px}.ui-select{inline-size:max-content;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);grid-template-columns:auto;align-items:center;font-weight:700;display:inline-grid}.ui-select__label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);min-inline-size:4.75rem;min-block-size:calc(var(--chart-touch-size) - 2px);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;text-transform:capitalize;cursor:pointer;background:0 0;border:0;display:inline-flex}.ui-select__trigger:hover,.ui-select__trigger:focus-visible,.ui-select__trigger[data-state=open]{background:var(--surface-control-hover);outline:1px solid var(--border-control);outline-offset:-1px}.ui-select__trigger:disabled{cursor:not-allowed;opacity:.45}.ui-select__trigger>*{pointer-events:none}.ui-select__chevron{color:var(--text-muted);font-size:var(--text-sm);line-height:1}.ui-select__content{z-index:var(--z-dropdown);width:var(--bits-select-anchor-width);min-width:var(--bits-select-anchor-width);max-height:min(18rem, var(--bits-select-content-available-height));border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-floating);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;overflow:hidden}.ui-select__viewport{padding:var(--space-1);gap:1px;display:grid}.ui-select__item{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:34px;padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize;cursor:pointer;outline:none;display:flex}.ui-select__item[data-highlighted],.ui-select__item[data-selected]{background:var(--surface-control-hover);color:var(--text-primary)}.ui-select__item[data-disabled]{cursor:not-allowed;opacity:.45}.ui-select__indicator{color:var(--color-data-up)}.ui-menu-button__trigger{justify-content:center;align-items:center;gap:var(--space-2);min-width:max-content;min-height:var(--chart-touch-size);height:var(--chart-control-size);padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-control);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;font-weight:700;display:inline-flex}.ui-menu-button__trigger:hover,.ui-menu-button__trigger:focus-visible,.ui-menu-button__trigger[data-state=open]{border-color:var(--border-control);background:var(--surface-control-hover);outline:none}.ui-menu-button__chevron{color:var(--text-muted);font-size:var(--text-xs)}.ui-menu-button__content{z-index:var(--z-dropdown);gap:var(--space-1);min-inline-size:12rem;max-inline-size:min(18rem, calc(100vw - var(--space-8)));max-block-size:min(24rem, calc(100vh - var(--space-8)));padding:var(--space-1);border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-floating);color:var(--text-primary);display:grid;overflow:auto}.ui-menu-button__heading{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.ui-menu-button__item{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:34px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;outline:none;font-weight:700;display:flex}.ui-menu-button__item:hover,.ui-menu-button__item[data-highlighted],.ui-menu-button__item[data-state=active]{color:var(--text-primary);background:var(--surface-control-hover)}.ui-menu-button__separator{height:1px;margin:var(--space-1);background:var(--border-subtle)}.ui-popover{z-index:var(--z-popover);inline-size:min(420px,100vw - 32px)}.topbar{align-items:center;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;display:grid;position:relative}.topbar__switch,.wallet-panel__tabs,.order-ticket__tabs{padding:var(--space-1);background:var(--component-segmented-bg);border-radius:var(--radius-lg);box-shadow:var(--component-soft-shadow);display:flex}.topbar__switch-item,.topbar__switch .ui-segmented__item,.wallet-panel__tabs .ui-segmented__item,.order-ticket__tabs .ui-segmented__item,.wallet-panel__tabs button,.order-ticket__tabs button{min-height:36px;padding:0 var(--space-5);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:10px}.topbar__switch-item--active,.topbar__switch .ui-segmented__item[aria-pressed=true],.wallet-panel__tabs .ui-segmented__item[aria-pressed=true],.order-ticket__tabs .ui-segmented__item[aria-pressed=true],.topbar__switch .ui-segmented__item[data-state=on],.wallet-panel__tabs .ui-segmented__item[data-state=on],.order-ticket__tabs .ui-segmented__item[data-state=on],.wallet-panel__tab--active,.order-ticket__tab--active{color:var(--text-primary);background:var(--component-tab-active-bg);box-shadow:var(--shadow-control)}.topbar__links{white-space:nowrap;align-items:center;gap:clamp(16px,2vw,30px);min-width:0;display:flex;overflow:hidden}.topbar__link{color:var(--text-muted);background:0 0;font-size:15px;font-weight:500}.topbar__link--active{color:var(--text-primary)}.topbar__account{align-items:center;gap:var(--space-2);display:flex}.control-button,.icon-button,.wallet-panel__actions button{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-lg);background:var(--component-control-bg);color:var(--text-primary);box-shadow:var(--shadow-control);display:inline-flex}.control-button--icon,.icon-button{width:42px;padding:0}.control-button--balance span{color:var(--text-muted)}.wallet-popover,.order-popover{z-index:var(--z-popover);width:min(420px,100vw - 32px)}.wallet-popover .wallet-panel{min-height:444px}.coin-dot,.token-orb{background:linear-gradient(90deg,#0000 42%,oklch(100% 0 0) 42% 58%,#0000 58%),linear-gradient(oklch(100% 0 0) 42%,#0000 42% 58%,oklch(100% 0 0) 58%),oklch(26.448% 0 0);border-radius:999px;width:18px;height:18px}.token-orb{background:radial-gradient(circle at 50% 50%, oklch(100% 0 0) 0 20%, transparent 22%), conic-gradient(from 0deg, var(--accent-violet-500), var(--accent-gold-500), var(--accent-violet-500))}.market-strip{gap:var(--space-2);min-width:0;padding:var(--space-1) 0 var(--space-3);grid-template-columns:minmax(0,1fr) minmax(14rem,20rem);align-items:start;display:grid;position:relative}.market-tabs{gap:var(--space-2);scrollbar-width:none;min-width:0;padding-block:0;display:flex;overflow-x:auto}.market-tabs::-webkit-scrollbar{display:none}.instrument-icon{inline-size:var(--instrument-icon-size);block-size:var(--instrument-icon-size);border-radius:min(12px, calc(var(--instrument-icon-size) * .28));background:var(--instrument-icon-bg);color:var(--instrument-icon-fg);flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1),0 8px 18px oklch(0% 0 0/.16)}.instrument-icon img{object-fit:contain;block-size:68%;inline-size:68%;display:block}.instrument-icon__fallback{color:var(--instrument-icon-fg);font-size:clamp(10px, calc(var(--instrument-icon-size) * .38), 17px);letter-spacing:0;font-weight:800;line-height:1}.market-tab{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--component-market-tab-bg);color:var(--text-secondary);flex:0 0 172px;display:flex;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.03),0 10px 22px oklch(0% 0 0/.12)}.market-tab__select{align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-align:left;background:0 0;flex:auto;display:flex}.market-tab--active{background:var(--component-market-tab-active-bg);box-shadow:var(--shadow-control)}.market-tab__text{text-align:left;min-width:0;display:grid}.market-tab__text strong{color:var(--text-primary);font-size:15px;font-weight:600}.market-tab__text small,.market-tab__close{color:var(--text-muted);font-size:13px}.market-tab__close{color:var(--text-muted);background:0 0;margin-left:auto;font-size:22px;line-height:1}.market-tab__close:disabled{opacity:.35}.market-search{min-width:0;position:relative}.ui-search-combobox__label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.market-search input{min-block-size:52px;inline-size:100%;padding-inline:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-control);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.market-search__results{z-index:var(--z-dropdown);inline-size:var(--bits-combobox-anchor-width);min-inline-size:var(--bits-combobox-anchor-width);max-block-size:min(22rem, var(--bits-combobox-content-available-height));padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-floating);overflow:hidden}.ui-search-combobox__viewport{gap:var(--space-1);max-block-size:inherit;display:grid;overflow:auto}.market-search__option{align-items:center;gap:var(--space-2);min-block-size:var(--chart-touch-size);padding:var(--space-2);border-radius:var(--radius-md);text-align:start;cursor:pointer;background:0 0;outline:none;grid-template-columns:auto minmax(0,1fr);display:grid}.market-search__option:hover,.market-search__option[data-highlighted]{background:var(--surface-control-hover)}.market-search__results span{min-width:0;display:grid}.market-search__results strong,.market-search__results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.market-search__results small{color:var(--text-muted)}.workspace{gap:var(--space-2);grid-template-columns:minmax(640px,1fr) minmax(260px,.32fr);align-items:stretch;display:grid}.workspace__book{gap:var(--space-2);align-content:start;min-width:0;display:grid}.panel{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel)}.chart-panel{min-block-size:min(82dvh,920px);box-shadow:none;background:0 0;border-color:#0000;padding:0;display:grid;overflow:visible;container:chart-panel/inline-size}.chart-panel__shell{grid-template:"summary summary" auto "topbar modifiers" auto "canvas canvas" minmax(var(--chart-plot-min-block), 1fr) / minmax(0, 1fr) auto;gap:var(--space-2);min-width:0;min-height:0;display:grid}.chart-panel__summary,.chart-panel__topbar,.chart-panel__modifiers{min-width:0}.chart-panel__summary{grid-area:summary}.chart-panel__topbar{grid-area:topbar}.chart-panel__modifiers{align-items:center;gap:var(--space-2);min-height:var(--chart-control-size);scrollbar-width:thin;grid-area:modifiers;justify-content:flex-end;display:flex;overflow-x:auto}.pair-summary{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--chart-touch-size);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-control);display:flex}.pair-summary__price{align-items:center;gap:var(--space-3);flex:none;min-width:0;display:flex}.pair-summary h1{font-size:clamp(var(--text-lg), 2.2cqi, var(--text-xl));line-height:var(--leading-tight);letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.pair-summary__stats{align-items:center;gap:var(--space-2);scrollbar-width:thin;width:auto;min-width:0;display:flex;overflow-x:auto}.pair-summary__stats div{min-width:max-content;border-left:1px solid var(--border-default);gap:1px;padding-inline-start:var(--space-3);display:grid}.pair-summary__stats dt{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;line-height:1}.pair-summary__stats dd{color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.text-up{color:var(--success-500)}.chart-panel__toolbar{justify-content:flex-start;align-items:center;gap:var(--space-2);scrollbar-width:thin;flex-wrap:nowrap;min-width:0;padding-block-end:1px;display:flex;overflow-x:auto}.chart-panel__toolbar--compact{justify-content:space-between}.chart-panel__control-group{align-items:center;gap:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-control);flex-wrap:nowrap;flex:none;padding:0;display:flex}.chart-panel__chip{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:var(--chart-touch-size);height:var(--chart-control-size);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;font-weight:700;display:inline-flex}.chart-panel__chip--wide{text-transform:capitalize;width:auto}.chart-panel__chip:hover,.chart-panel__chip:focus-visible,.chart-panel__chip--active{color:var(--text-primary);border-color:var(--border-control);background:var(--surface-control-hover)}.chart-panel__chip:disabled{cursor:not-allowed;opacity:.45}.chart-panel__select-field{min-inline-size:max-content;min-height:var(--chart-touch-size);padding-inline:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-control);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;flex:none;grid-template-columns:auto;align-items:center;font-weight:700;display:inline-grid}.chart-panel__menu{align-items:center;gap:var(--space-2);flex-wrap:nowrap;min-width:0;display:flex;overflow:visible}.chart-panel__study-list{align-items:center;gap:var(--space-1);scrollbar-width:thin;flex-wrap:nowrap;flex:0 auto;min-width:0;display:flex;overflow-x:auto}.chart-panel__study{align-items:center;gap:var(--space-1);min-width:0;min-height:var(--chart-control-size);padding:0 var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-md);background:color-mix(in oklch, var(--surface-control) 82%, transparent);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;font-weight:700;display:inline-flex}.chart-panel__study:hover,.chart-panel__study:focus-visible{color:var(--text-primary);background:var(--surface-control-hover)}.chart-panel__workspace{gap:var(--space-3);grid-area:canvas;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.chart-panel__workspace[data-chart-count="2"],.chart-panel__workspace[data-chart-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel__plot{min-block-size:var(--chart-plot-min-block);contain:layout paint style;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);position:relative;overflow:clip}.chart-panel__workspace[data-chart-count="2"] .chart-panel__plot,.chart-panel__workspace[data-chart-count="4"] .chart-panel__plot{min-block-size:clamp(20rem,42vh,34rem)}.chart-panel__plot:focus-within{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-md)}.lightweight-chart{z-index:var(--z-base);position:absolute;inset:0}.chart-panel__drawing-hit-area{z-index:var(--z-popover);cursor:crosshair;pointer-events:auto;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.chart-panel__selection{z-index:var(--z-chart-selection);width:min(220px, calc(100% - var(--space-8)));opacity:0;position:absolute;inset-block-end:var(--space-4);inset-inline-start:var(--space-4)}.chart-panel__selection:focus-visible{opacity:1}.chart-panel__data-window{z-index:var(--z-chart-data);align-items:center;gap:var(--space-1);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;pointer-events:none;max-width:min(34rem, calc(100% - var(--space-4)));flex-wrap:wrap;display:flex;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.chart-panel__data-window span{border-radius:var(--radius-sm);background:var(--surface-chart-hud);border:0;padding:1px 5px}.chart-panel__tooltip{gap:var(--space-2);min-width:10rem;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-chart-hud);box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;font-size:var(--text-xs);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);display:grid;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);transform:translateY(4px)}.chart-panel__plot:hover .chart-panel__tooltip,.chart-panel__plot:focus-within .chart-panel__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.chart-panel__tooltip span{justify-content:space-between;gap:var(--space-4);display:flex}.chart-panel__tooltip em{color:var(--text-muted);font-style:normal}.chart-panel__status{z-index:var(--z-chart-data);border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface-chart-hud);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);pointer-events:none;padding:2px 6px;position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2)}@container chart-panel (inline-size<42rem){.chart-panel__shell{grid-template:"summary" auto "topbar" auto "modifiers" auto "canvas" minmax(var(--chart-plot-min-block), 1fr) / minmax(0, 1fr)}.chart-panel__toolbar--compact{justify-content:flex-start}.chart-panel__toolbar,.chart-panel__menu{margin-inline:calc(var(--space-1) * -1);padding-inline:var(--space-1)}}.order-book{min-height:590px;padding:var(--space-3);background:var(--component-panel-highlight-bg);overflow:hidden}.order-book__input input{width:100%;height:58px;padding:0 var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--neutral-800), var(--neutral-800) 75%, color-mix(in oklch, var(--neutral-800) 28%, transparent));border:0;font-size:17px;box-shadow:inset 0 1px oklch(100% 0 0/.05),0 10px 24px oklch(0% 0 0/.12)}.order-book__header,.book-row{align-items:center;gap:var(--space-3);min-height:36px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;grid-template-columns:1fr .78fr .78fr;display:grid}.order-book__header{padding:var(--space-5) var(--space-3) var(--space-2);color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:600}.book-row{padding:0 var(--space-3);color:var(--text-primary);font-size:13px;position:relative}.book-row span:not(.book-row__depth){z-index:var(--z-base)}.book-row span:nth-child(2){color:var(--color-data-info)}.book-row__depth{inset:4px auto 4px var(--space-2);width:calc((100% - 16px) * var(--depth));background:color-mix(in oklch, var(--color-data-info) 15%, transparent);position:absolute}.book-row--bid .book-row__depth{background:color-mix(in oklch, var(--success-500) 14%, transparent)}.order-book__spread{justify-content:space-between;align-items:end;gap:var(--space-3);padding:var(--space-5) var(--space-3);display:flex}.order-book__spread strong{font-variant-numeric:tabular-nums;font-size:26px;font-weight:400;line-height:1}.order-book__spread span{color:var(--text-muted)}.wallet-panel,.order-ticket{border-radius:var(--radius-2xl);background:var(--surface-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.wallet-panel:before,.order-ticket:before{content:"";opacity:.34;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,oklch(100% 0 0/.12) 0 1px,#0000 1px),radial-gradient(circle at 70% 52%,oklch(100% 0 0/.1) 0 1px,#0000 1px);background-size:44px 44px,62px 62px;position:absolute;inset:0}.wallet-panel>*,.order-ticket>*{z-index:var(--z-base);position:relative}.wallet-panel{padding:var(--space-3);min-height:444px}.wallet-panel__tabs button{flex:1;font-size:15px}.wallet-panel__address{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-bottom:1px solid oklch(100% 0 0/.05);display:flex}.wallet-panel__address>div{gap:var(--space-2);margin-left:auto;display:flex}.fox{color:var(--accent-orange-500);font-size:26px;line-height:1}.wallet-panel__address strong{color:var(--text-secondary);font-size:16px}.wallet-panel__balance{align-content:center;justify-items:center;gap:var(--space-4);min-height:210px;display:grid}.wallet-panel__balance span{align-items:center;gap:var(--space-1);color:var(--text-muted);display:inline-flex}.wallet-panel__balance strong{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:clamp(38px,4vw,54px);font-weight:300;line-height:1}.wallet-panel__actions{gap:var(--space-3);display:flex}.wallet-panel__position{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:oklch(25.196% 0 0/.72);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.wallet-panel__position span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.wallet-panel__position strong{font-variant-numeric:tabular-nums}.wallet-panel__stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.wallet-panel__stats button{text-align:left;gap:var(--space-1);width:100%;min-height:70px;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--text-primary);background:oklch(36.002% 0 0/.72);border:0;display:grid;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.08),inset 0 0 0 1px oklch(100% 0 0/.05),0 12px 24px oklch(0% 0 0/.18)}.wallet-panel__stats span{color:var(--text-muted)}.wallet-panel__stats svg{right:var(--space-3);top:var(--space-3);color:var(--text-muted);position:absolute}.order-ticket{padding:var(--space-3)}.order-ticket__tabs button{flex:1;font-size:18px}.order-ticket__grid{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.order-ticket__contract{align-items:center;column-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.order-ticket__contract .instrument-icon{grid-row:span 2}.order-ticket__contract span,.order-ticket__contract strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.field,.order-ticket__amounts label,.leverage{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:oklch(25.196% 0 0/.84);display:grid}.field span,.order-ticket__amounts span,.leverage span,.slippage{color:var(--text-muted)}.field strong,.field select{color:var(--text-primary);text-align:left;background:0 0;font-size:20px}.order-ticket__amounts{margin-top:var(--space-3);border-radius:var(--radius-lg);background:var(--component-segmented-bg);display:grid;overflow:hidden}.order-ticket__amounts label{background:0 0;border-radius:0;grid-template-columns:1fr auto}.order-ticket__amounts label+label{border-top:1px solid var(--border-default)}.order-ticket__amounts input{width:100%;color:var(--text-primary);font-variant-numeric:tabular-nums;background:0 0;border:0;grid-column:1;font-size:clamp(32px,4vw,46px);line-height:1.05}.order-ticket__amounts em{color:var(--text-secondary);grid-area:1/2/span 2;align-self:center;font-size:18px;font-style:normal}.leverage{margin-top:var(--space-3)}.leverage>span{justify-content:space-between;display:flex}.leverage strong{color:var(--text-primary)}.leverage input{accent-color:var(--text-primary);width:100%}.leverage small{color:var(--text-muted);justify-content:space-between;display:flex}.slippage{align-items:center;gap:var(--space-2);min-height:48px;display:flex}.slippage strong{color:var(--text-primary);margin-left:auto}.primary-action{border-radius:var(--radius-xl);background:var(--component-action-primary-bg);width:100%;min-height:64px;color:var(--color-on-action-primary);box-shadow:var(--component-action-primary-shadow);font-size:20px;font-weight:700}.order-ticket__message{margin-top:var(--space-2);color:var(--text-secondary);font-size:13px}.order-ticket__message--error{color:var(--danger-500)}.terminal-activity{gap:var(--space-3);padding:var(--space-3);display:grid}.terminal-activity__section{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:oklch(25.196% 0 0/.7);display:grid}.terminal-activity__section header,.terminal-activity__row{align-items:center;gap:var(--space-3);display:flex}.terminal-activity__section header{justify-content:space-between}.terminal-activity__row>span{margin-left:auto}.terminal-activity__section h2{font-size:14px;font-weight:600}.terminal-activity__section p,.terminal-activity__section span,.terminal-activity__row span{color:var(--text-muted)}.terminal-activity__field,.terminal-activity__actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.terminal-activity__field input{width:100%;min-width:0;height:36px;padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-elevated)}.terminal-activity__actions{flex-wrap:wrap}.terminal-activity__row-button{text-align:left;background:0 0;width:100%;min-height:36px}.terminal-activity__status{padding:0 var(--space-2);color:var(--text-muted)}.terminal-activity__section button{border-radius:var(--radius-md);background:var(--surface-elevated);min-width:56px;min-height:32px}}@layer utilities{.skip-link{z-index:var(--z-skip-link);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-floating);transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--transition-fast);position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<82em){@layer components{.topbar{grid-template-columns:auto 1fr}.topbar__account{grid-column:1/-1;justify-content:end}.workspace{grid-template-columns:minmax(0,1fr) minmax(290px,.48fr)}}}@media (width<64em){@layer components{.trade-page{place-items:start stretch}.terminal-frame{flex-direction:column;grid-template-columns:1fr;min-height:100vh;display:flex}.side-nav{z-index:var(--z-nav-mobile);padding:var(--space-2);border-right:0;border-top:1px solid var(--border-subtle);flex-direction:row;order:2;justify-content:space-between;margin-top:0;position:static;overflow-x:auto}.side-nav__brand{display:none}.side-nav__items{flex-direction:row;width:100%}.side-nav__rule{display:none}.terminal-frame__main{padding:var(--space-3);order:1}.topbar{gap:var(--space-3);flex-wrap:wrap;display:flex}.topbar__links{order:3;width:100%;overflow-x:auto}.topbar__account{margin-left:auto}.control-button--icon{display:none}.market-strip,.workspace{grid-template-columns:minmax(0,1fr)}.chart-panel,.order-book{min-block-size:500px}.pair-summary{align-items:center;gap:var(--space-3);flex-direction:row}.pair-summary__stats{width:100%;overflow-x:auto}}}@media (width<38em){@layer components{.terminal-frame__main{padding-inline:var(--space-2)}.topbar__account,.control-button--balance{width:100%}.wallet-popover,.order-popover{width:min(420px, calc(100vw - var(--space-4)));max-height:calc(100vh - var(--space-6));overflow:auto}.market-tab{flex-basis:148px}.market-strip{gap:var(--space-1)}.chart-panel,.order-book,.wallet-panel,.order-ticket{border-radius:var(--radius-lg)}.chart-panel{--chart-plot-min-block:clamp(20rem, 58vh, 38rem);padding:var(--space-2);min-block-size:430px}.chart-panel__workspace[data-chart-count="2"],.chart-panel__workspace[data-chart-count="4"]{grid-template-columns:minmax(0,1fr)}.chart-panel__plot{min-block-size:var(--chart-plot-min-block)}.chart-panel__tooltip{min-width:144px;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.order-ticket__grid,.wallet-panel__stats{grid-template-columns:1fr}}}@media (prefers-contrast:more){@layer components{.panel,.wallet-panel,.order-ticket,.control-button,.icon-button,.market-tab,.topbar__switch,.order-book__input input,.field,.order-ticket__amounts,.leverage{border-color:var(--border-default);box-shadow:inset 0 0 0 1px var(--border-default), 0 12px 32px oklch(0% 0 0/.36)}.book-row__depth{outline:1px solid color-mix(in oklch, var(--color-data-info) 55%, transparent)}.book-row--bid .book-row__depth{outline-color:color-mix(in oklch, var(--success-500) 55%, transparent)}}}@media (forced-colors:active){@layer components{.panel,.wallet-panel,.order-ticket,.control-button,.icon-button,.market-tab,.topbar__switch,.order-book__input input,.field,.order-ticket__amounts,.leverage,.primary-action{box-shadow:none;background:canvas;border:1px solid canvastext}.primary-action{color:buttontext;background:buttonface}.icon{stroke:currentColor}.book-row__depth{background:0 0;border:1px solid canvastext}}}