:root{--ob-menu-bg:rgba(7,18,40,0.96);--ob-menu-border:rgba(96,165,250,0.24);--ob-menu-text:#f8fafc;--ob-menu-text-muted:#cbd5e1;--ob-menu-hover-bg:rgba(255,255,255,0.07);--ob-menu-active-bg:rgba(37,99,235,0.24);--ob-menu-selected-bg:rgba(37,99,235,0.2);--ob-menu-selected-text:#f8fafc;--ob-menu-check:#67e8f9;--ob-menu-shadow:0 20px 52px rgba(0,0,0,0.48);--ob-menu-focus-ring:rgba(96,165,250,0.55)}html[data-theme=light]{--ob-menu-bg:rgba(255,255,255,0.98);--ob-menu-border:rgba(37,99,235,0.2);--ob-menu-text:#0f172a;--ob-menu-text-muted:#475569;--ob-menu-hover-bg:rgba(37,99,235,0.08);--ob-menu-active-bg:rgba(37,99,235,0.14);--ob-menu-selected-bg:rgba(37,99,235,0.12);--ob-menu-selected-text:#0f172a;--ob-menu-check:#2563eb;--ob-menu-shadow:0 16px 40px rgba(37,99,235,0.14);--ob-menu-focus-ring:rgba(37,99,235,0.35)}.ob-portal-menu{background:var(--ob-menu-bg);border:1px solid var(--ob-menu-border);box-shadow:var(--ob-menu-shadow)}.ob-portal-menu,.ob-portal-option-primary{color:var(--ob-menu-text)}.ob-portal-option-muted{color:var(--ob-menu-text-muted)}.ob-portal-option-check{color:var(--ob-menu-check)}.ob-portal-option--idle:hover{background:var(--ob-menu-hover-bg);color:var(--ob-menu-text)}.ob-portal-option--active{background:var(--ob-menu-active-bg);color:var(--ob-menu-selected-text)}.ob-portal-option--selected{background:var(--ob-menu-selected-bg);color:var(--ob-menu-selected-text)}.ob-portal-option-muted{display:block}.ob-portal-menu:focus-visible{outline:2px solid var(--ob-menu-focus-ring);outline-offset:2px}.ob-page{--ob-page-bg:transparent;--ob-surface:rgba(15,23,42,0.72);--ob-surface-elevated:rgba(15,23,42,0.88);--ob-surface-muted:rgba(255,255,255,0.04);--ob-surface-input:rgba(2,6,23,0.85);--ob-border:rgba(255,255,255,0.12);--ob-border-strong:rgba(255,255,255,0.18);--ob-text-strong:#f8fafc;--ob-text:#e2e8f0;--ob-text-muted:#cbd5e1;--ob-text-subtle:#94a3b8;--ob-accent:#3b82f6;--ob-accent-soft:rgba(37,99,235,0.18);--ob-focus-ring:rgba(96,165,250,0.55);--ob-positive:#34d399;--ob-positive-soft:rgba(16,185,129,0.16);--ob-positive-border:rgba(52,211,153,0.35);--ob-negative:#fb7185;--ob-negative-soft:rgba(244,63,94,0.16);--ob-negative-border:rgba(251,113,133,0.35);--ob-warning:#fbbf24;--ob-warning-soft:rgba(251,191,36,0.14);--ob-warning-text:#fde68a;--ob-neutral:#a78bfa;--ob-neutral-soft:rgba(167,139,250,0.14);--ob-table-header:rgba(2,6,23,0.92);--ob-table-row-hover:rgba(255,255,255,0.05);--ob-mid-row-bg:rgba(255,255,255,0.04);--ob-mid-row-text:#f8fafc;--ob-mid-row-border:rgba(148,163,184,0.18);--ob-mid-price:var(--ob-mid-row-bg);--ob-shadow:0 18px 48px rgba(0,0,0,0.28);--ob-buy-depth:rgba(16,185,129,0.22);--ob-sell-depth:rgba(244,63,94,0.22);--ob-chart-buy:#34d399;--ob-chart-sell:#fb7185;--ob-chart-grid:rgba(148,163,184,0.28);--ob-chart-axis:rgba(148,163,184,0.55);--ob-chart-surface:rgba(255,255,255,0.03);--ob-chart-tooltip-bg:rgba(15,23,42,0.94);--ob-chart-tooltip-text:#f1f5f9;--ob-overlay:rgba(2,6,23,0.52);--ob-overlay-panel:rgba(15,23,42,0.88)}html[data-theme=light] .ob-page{--ob-surface:rgba(255,255,255,0.94);--ob-surface-elevated:#ffffff;--ob-surface-muted:rgba(241,248,255,0.95);--ob-surface-input:#ffffff;--ob-border:rgba(37,99,235,0.14);--ob-border-strong:rgba(37,99,235,0.22);--ob-text-strong:#0f172a;--ob-text:#334155;--ob-text-muted:#475569;--ob-text-subtle:#64748b;--ob-accent-soft:rgba(37,99,235,0.1);--ob-focus-ring:rgba(37,99,235,0.35);--ob-positive:#059669;--ob-positive-soft:rgba(16,185,129,0.12);--ob-positive-border:rgba(16,185,129,0.28);--ob-negative:#e11d48;--ob-negative-soft:rgba(244,63,94,0.1);--ob-negative-border:rgba(244,63,94,0.24);--ob-warning-text:#92400e;--ob-table-header:rgba(241,248,255,0.98);--ob-table-row-hover:rgba(37,99,235,0.05);--ob-mid-row-bg:#ffffff;--ob-mid-row-text:#0f172a;--ob-mid-row-border:rgba(148,163,184,0.22);--ob-mid-price:var(--ob-mid-row-bg);--ob-shadow:0 16px 40px rgba(37,99,235,0.1);--ob-buy-depth:rgba(16,185,129,0.14);--ob-sell-depth:rgba(244,63,94,0.14);--ob-chart-grid:rgba(71,85,105,0.22);--ob-chart-axis:rgba(71,85,105,0.65);--ob-chart-surface:rgba(241,248,255,0.85);--ob-chart-tooltip-bg:rgba(255,255,255,0.96);--ob-chart-tooltip-text:#0f172a;--ob-overlay:rgba(237,247,255,0.55);--ob-overlay-panel:rgba(255,255,255,0.92)}.ob-page .ob-surface{background:var(--ob-surface);border-color:var(--ob-border);color:var(--ob-text);box-shadow:var(--ob-shadow)}.ob-page .ob-surface-muted{background:var(--ob-surface-muted);border-color:var(--ob-border)}.ob-page .ob-input{background:var(--ob-surface-input);border-color:var(--ob-border);color:var(--ob-text-strong)}.ob-page .ob-input::-moz-placeholder{color:var(--ob-text-subtle)}.ob-page .ob-input::placeholder{color:var(--ob-text-subtle)}.ob-page .ob-listbox-menu{background:var(--ob-surface-elevated);border-color:var(--ob-border);color:var(--ob-text);box-shadow:var(--ob-shadow)}.ob-page .ob-text-strong{color:var(--ob-text-strong)}.ob-page .ob-text-normal{color:var(--ob-text)}.ob-page .ob-text-muted{color:var(--ob-text-muted)}.ob-page .ob-text-subtle{color:var(--ob-text-subtle)}.ob-page .ob-positive{color:var(--ob-positive)}.ob-page .ob-negative{color:var(--ob-negative)}.ob-page .ob-neutral{color:var(--ob-neutral)}.ob-page .ob-table-header{background:var(--ob-table-header);color:var(--ob-text-muted)}.ob-page .ob-row-hover:hover{background:var(--ob-table-row-hover)}.ob-page .ob-mid-row{background:var(--ob-mid-row-bg,var(--ob-mid-price));border-color:var(--ob-mid-row-border,var(--ob-border));color:var(--ob-mid-row-text,var(--ob-text))}.ob-page .ob-chart-shell{background:var(--ob-chart-surface);border-color:var(--ob-border)}.ob-page .ob-chart-tooltip{background:var(--ob-chart-tooltip-bg);color:var(--ob-chart-tooltip-text);border-color:var(--ob-border)}.ob-page .ob-overlay-scrim{background:var(--ob-overlay)}.ob-page .ob-overlay-panel{background:var(--ob-overlay-panel);color:var(--ob-text)}.ob-page .ob-divider,.ob-page .ob-overlay-panel{border-color:var(--ob-border)}.ob-page .ob-badge-buy{border-color:var(--ob-positive-border);background:var(--ob-positive-soft);color:var(--ob-positive)}.ob-page .ob-badge-sell{border-color:var(--ob-negative-border);background:var(--ob-negative-soft);color:var(--ob-negative)}.ob-page .ob-badge-coverage,.ob-page .ob-badge-warning{border-color:var(--ob-warning-soft);background:var(--ob-warning-soft);color:var(--ob-warning-text)}.ob-page .ob-status-dot-connected{background:var(--ob-positive)}.ob-page .ob-status-dot-probing{background:var(--ob-accent)}.ob-page .ob-status-dot-warning{background:var(--ob-warning)}.ob-page .ob-status-dot-disconnected{background:var(--ob-negative)}.ob-page .ob-depth-buy{background:var(--ob-chart-buy)}.ob-page .ob-depth-sell{background:var(--ob-chart-sell)}.ob-page .ob-wall-buy{border-color:var(--ob-positive-border);background:var(--ob-positive-soft)}.ob-page .ob-wall-sell{border-color:var(--ob-negative-border);background:var(--ob-negative-soft)}.ob-page .ob-spinner{border-color:var(--ob-border);border-top-color:var(--ob-text-strong)}.ob-page .ob-order-blocks{max-height:none!important;height:auto!important;min-height:0!important;overflow:visible!important;overflow-y:visible!important;overscroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important}.ob-page .ob-order-blocks .ob-mid-row{position:static!important;top:auto!important}@media (max-width:1023px){.ob-page section.grid>.lg\:col-span-8.flex.flex-col{min-height:auto;height:auto;overflow:visible}}@media (prefers-reduced-motion:reduce){.ob-page *,.ob-page :after,.ob-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}