:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, sans-serif;--titlebar-h: 52px;--sidebar-w: 240px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px}:root,[data-theme=dark]{--bg-base: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-grouped: #2c2c2e;--bg-elevated: #2c2c2e;--bg-surface: #3a3a3c;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--separator: rgba(84, 84, 88, .65);--text: #ffffff;--text-secondary: #ebebf5;--text-tertiary: #8e8e93;--text-quaternary: #636366;--accent: #0a84ff;--accent-dim: rgba(10, 132, 255, .25);--green: #30d158;--green-dim: rgba(48, 209, 88, .25);--red: #ff453a;--red-dim: rgba(255, 69, 58, .25);--chart-accent: #ff9f0a;--chart-accent-dim: rgba(255, 159, 10, .25);--shadow: 0 2px 12px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .2)}[data-theme=light]{--bg-base: #f2f2f7;--bg-secondary: #ffffff;--bg-tertiary: #e5e5ea;--bg-grouped: #f2f2f7;--bg-elevated: #ffffff;--bg-surface: #e5e5ea;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--border: rgba(60, 60, 67, .12);--border-strong: rgba(60, 60, 67, .2);--separator: rgba(60, 60, 67, .29);--text: #000000;--text-secondary: #3c3c43;--text-tertiary: #3c3c43;--text-quaternary: #8e8e93;--accent: #007aff;--accent-dim: rgba(0, 122, 255, .2);--green: #34c759;--green-dim: rgba(52, 199, 89, .25);--red: #ff3b30;--red-dim: rgba(255, 59, 48, .25);--chart-accent: #ff9f0a;--chart-accent-dim: rgba(255, 159, 10, .2);--shadow: 0 2px 12px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06)}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg-base: #f2f2f7;--bg-secondary: #ffffff;--bg-tertiary: #e5e5ea;--bg-grouped: #f2f2f7;--bg-elevated: #ffffff;--bg-surface: #e5e5ea;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--border: rgba(60, 60, 67, .12);--border-strong: rgba(60, 60, 67, .2);--separator: rgba(60, 60, 67, .29);--text: #000000;--text-secondary: #3c3c43;--text-tertiary: #3c3c43;--text-quaternary: #8e8e93;--accent: #007aff;--accent-dim: rgba(0, 122, 255, .2);--green: #34c759;--green-dim: rgba(52, 199, 89, .25);--red: #ff3b30;--red-dim: rgba(255, 59, 48, .25);--chart-accent: #ff9f0a;--chart-accent-dim: rgba(255, 159, 10, .2);--shadow: 0 2px 12px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06)}}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;min-width:100%;margin:0;overflow-x:hidden}html{background:var(--bg-base)}body{font-family:var(--font);font-size:17px;font-weight:400;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:var(--text-quaternary) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:4px;min-height:40px}*::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*::-webkit-scrollbar-corner{background:transparent}.app{display:flex;flex-direction:column;height:100%;width:100%;min-width:0}.titlebar{height:var(--titlebar-h);min-height:var(--titlebar-h);background:var(--bg-secondary);border-bottom:.5px solid var(--separator);display:flex;align-items:center;padding:0 var(--space-lg);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.titlebar span{font-size:15px;font-weight:600;color:var(--text)}.main,.main-content{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-grouped);padding:var(--space-lg);display:flex;flex-direction:column;min-height:0;gap:var(--space-md)}.sidebar h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-quaternary);margin:0;padding:0 var(--space-sm)}.sidebar .symbol-search{width:100%;padding:6px var(--space-sm);border:none;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text);font-size:12px;font-family:var(--font);box-sizing:border-box;transition:background .2s}.sidebar .symbol-search::placeholder{color:var(--text-quaternary)}.sidebar .symbol-search:focus{outline:none;background:var(--bg-surface)}.sidebar-hint{font-size:12px;color:var(--text-quaternary);margin:0;padding:0 var(--space-sm)}.symbol-list-scroll{flex:1;min-height:0;overflow-y:auto;background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.symbol-list{list-style:none;padding:0;margin:0}.symbol-list li{padding:6px var(--space-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border-bottom:.5px solid var(--separator);font-size:12px;min-height:32px}.symbol-list li:last-child{border-bottom:none}.symbol-list li:hover{background:var(--bg-hover)}.symbol-list .symbol-name{flex:1;min-width:0}.symbol-list .chart-check{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.symbol-list .toggle-switch{position:relative;width:36px;height:22px;border-radius:11px;background:var(--bg-tertiary);border:none;transition:background .25s ease}.symbol-list .toggle-switch:hover{background:var(--bg-surface)}.symbol-list .toggle-switch:has(.toggle-input:checked){background:var(--green)}.symbol-list .toggle-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.symbol-list .toggle-knob{position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.symbol-list .toggle-input:checked+.toggle-knob{transform:translate(14px)}.symbol-list .toggle-input:focus-visible+.toggle-knob{box-shadow:0 0 0 2px var(--green-dim)}.dom-toolbar .dom-check .toggle-track{position:relative;width:40px;height:24px;border-radius:12px;background:var(--bg-tertiary);border:none;transition:background .25s ease}.dom-toolbar .dom-check:hover .toggle-track{background:var(--bg-surface)}.dom-toolbar .dom-check .toggle-track:has(.toggle-input:checked){background:var(--green)}.dom-toolbar .dom-check .toggle-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.dom-toolbar .dom-check .toggle-track .toggle-knob{position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.dom-toolbar .dom-check .toggle-input:checked+.toggle-knob{transform:translate(16px)}.dom-toolbar .dom-check .toggle-input:focus-visible+.toggle-knob{box-shadow:0 0 0 2px var(--green-dim)}.content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--space-lg);gap:var(--space-lg);overflow:hidden;background:var(--bg-base)}.content-side-by-side{flex-direction:row;gap:0}.content-split-divider{flex:0 0 8px;min-width:8px;cursor:col-resize;position:relative;align-self:stretch;background:transparent}.content-split-divider:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--border-strong);transition:background .15s ease}.content-split-divider:hover:after{background:var(--text-quaternary)}.content-side-by-side .panel-chart,.content-side-by-side .panel-comparison{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column}.content-side-by-side .panel-header{min-height:44px;box-sizing:border-box}.content-side-by-side .panel-header .dom-toolbar{padding-top:0;padding-bottom:0}.content-side-by-side .panel-chart .panel-body,.comparison-body{flex:1 1 0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.comparison-symbols{width:var(--sidebar-w);min-width:var(--sidebar-w);padding:var(--space-md);display:flex;flex-direction:column;min-height:0;background:var(--bg-secondary)}.comparison-symbols .symbol-list-scroll{flex:1;min-height:0;overflow-y:auto;background:var(--bg-secondary);border-radius:var(--radius-sm)}.comparison-symbols .symbol-list{list-style:none;padding:0;margin:0}.comparison-symbols .symbol-list li{padding:6px var(--space-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border-bottom:.5px solid var(--separator);font-size:12px;min-height:32px}.comparison-symbols .symbol-list li:last-child{border-bottom:none}.comparison-symbols .symbol-list li:hover{background:var(--bg-hover)}.comparison-symbols .symbol-list li label{display:flex;align-items:center;gap:var(--space-sm);width:100%;cursor:pointer;margin:0}.comparison-symbols .symbol-list li input[type=checkbox]{flex-shrink:0;margin:0;accent-color:var(--chart-accent)}.comparison-symbols .symbol-list li .symbol-name{flex:1;min-width:0}.comparison-symbols .symbol-list li.selected{border-left:3px solid var(--chart-accent);padding-left:calc(var(--space-md) - 3px)}.comparison-symbols .symbol-list .toggle-switch{position:relative;width:36px;height:22px;border-radius:11px;background:var(--bg-tertiary);border:none;transition:background .25s ease;flex-shrink:0}.comparison-symbols .symbol-list .toggle-switch:hover{background:var(--bg-surface)}.comparison-symbols .symbol-list .toggle-switch:has(.toggle-input:checked){background:var(--green)}.comparison-symbols .symbol-list .toggle-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.comparison-symbols .symbol-list .toggle-knob{position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.comparison-symbols .symbol-list .toggle-input:checked+.toggle-knob{transform:translate(14px)}.comparison-symbols .symbol-list .toggle-input:focus-visible+.toggle-knob{box-shadow:0 0 0 2px var(--green-dim)}.comparison-symbols .symbol-search{width:100%;margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text);font-size:15px;font-family:var(--font);box-sizing:border-box;transition:background .2s;flex-shrink:0}.comparison-symbols .symbol-search::placeholder{color:var(--text-quaternary)}.comparison-symbols .symbol-search:hover,.comparison-symbols .symbol-search:focus{outline:none;background:var(--bg-secondary)}.comparison-section{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden;background:var(--bg-secondary)}.comparison-body{background:var(--bg-secondary)}.comparison-chart-wrap{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;padding:var(--space-md);overflow:hidden;background:var(--bg-secondary)}.comparison-chart-wrap .perps-error{margin-bottom:var(--space-sm)}.comparison-chart-wrap .chart-wrap{flex:1;min-height:0;background:var(--bg-secondary)}.comparison-chart-wrap .cvd-split-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-secondary)}.comparison-chart-wrap .cvd-split-charts{flex:1;min-height:0;background:var(--bg-secondary)}.comparison-chart-wrap:has(.cvd-split-wrap){padding-right:0}.cvd-split-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.cvd-split-legend{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;flex-shrink:0}.cvd-split-legend-price{font-weight:500}.cvd-split-legend-cvd{font-variant-numeric:tabular-nums}.cvd-split-legend-loading{color:var(--text-secondary)}.cvd-split-charts{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;width:100%}.cvd-split-top,.cvd-split-bottom{flex-shrink:0;width:100%}.cvd-split-top{height:65%;min-height:120px}.cvd-split-bottom{height:35%;min-height:100px}.panel-header.comparison-header{flex-shrink:0;min-height:44px;box-sizing:border-box;background:#2d2d2d;padding:6px var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.comparison-header-inner{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.comparison-header-group{display:flex;align-items:center;gap:0}.comparison-header-vsep{width:1px;height:20px;background:var(--separator);flex-shrink:0;margin:0 2px}.comparison-header-group.segment-group{border-radius:8px;overflow:hidden;background:transparent;display:flex;align-items:stretch}.comparison-header-group.segment-group .timeframe-btn.segment{padding:6px 14px;border-radius:0;border:none;margin:0;min-height:32px;box-sizing:border-box;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:500}.comparison-header-group.segment-group .timeframe-btn.segment:hover:not(.active){color:var(--text-secondary)}.comparison-header-group.segment-group .timeframe-btn.segment-left{border-top-left-radius:8px;border-bottom-left-radius:8px}.comparison-header-group.segment-group .timeframe-btn.segment-right{border-top-right-radius:8px;border-bottom-right-radius:8px}.comparison-header-group.segment-group .timeframe-btn.segment-mid{border-radius:0}.comparison-header-group.segment-group .timeframe-btn.segment.active{background:#ffffff1f;color:var(--text)}.comparison-header-group.timeframe-pills{display:flex;align-items:center;gap:4px}.comparison-header-group.timeframe-pills .timeframe-btn.pill{padding:6px 12px;border:none;border-radius:8px;margin:0;min-height:32px;box-sizing:border-box;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:500}.comparison-header-group.timeframe-pills .timeframe-btn.pill:hover:not(.active){color:var(--text-secondary)}.comparison-header-group.timeframe-pills .timeframe-btn.pill.active{background:#ffffff1f;color:var(--text)}.comparison-header-group.cvd-sensitivity-wrap{display:flex;align-items:center;gap:8px}.cvd-sensitivity-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary);cursor:default}.cvd-sensitivity-text{white-space:nowrap}.cvd-sensitivity-slider{width:72px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none}.cvd-sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.cvd-sensitivity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.cvd-sensitivity-value{min-width:2ch;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.comparison-header-sep{display:inline-block;width:1px;height:14px;background:var(--separator);margin:0 6px;flex-shrink:0}.panel-header.comparison-header .timeframe-btn{padding:5px 10px;border-radius:6px}.comparison-link-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:6px;flex-shrink:0;transition:color .2s,background .2s}.comparison-link-icon:hover{color:var(--text-secondary);background:var(--bg-hover)}.comparison-link-icon[aria-pressed=true]{color:var(--text-secondary)}.perps-error{font-size:13px;color:var(--red);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--red-dim);border-radius:var(--radius-sm)}.chart-toolbar-label{font-size:11px;color:var(--text-tertiary);flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.link-tabs-btn{position:absolute;top:var(--space-sm);right:var(--space-md);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:color .2s,background .2s}.link-tabs-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.link-tabs-btn.active{color:var(--text)}.timeframe-buttons{display:flex;align-items:center;background:transparent;border-radius:0;padding:0;gap:0}.timeframe-btn{padding:6px 10px;border:none;background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;border-radius:4px;transition:background .15s,color .15s}.timeframe-btn:hover{color:var(--text-secondary)}.timeframe-btn.active{background:#ffffff14;color:var(--text);box-shadow:none}.timeframe-btn:disabled{opacity:.5;cursor:not-allowed}.content-side-by-side .panel-orderbook-wrap,.panel-orderbook-wrap{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-base);overflow:hidden}.content-side-by-side .panel-orderbook-wrap .panel,.panel-orderbook-wrap .panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.content-side-by-side .panel-orderbook-wrap .panel .panel-body,.panel-orderbook-wrap .panel .panel-body{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0}.content-side-by-side .panel-orderbook-wrap .panel .panel-body .dom-grid,.panel-orderbook-wrap .panel .panel-body .dom-grid{display:flex;flex-direction:column;flex:0 0 auto;min-height:min-content}.panel{background:var(--bg-secondary);border:none;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.panel-header{padding:var(--space-sm) var(--space-md);border-bottom:.5px solid var(--separator);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.panel-header-chart .chart-header-controls{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.chart-timeframe-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);font-weight:400;text-transform:uppercase;letter-spacing:.03em}.timeframe-select{padding:4px 24px 4px 8px;border:none;border-radius:6px;background-color:var(--bg-tertiary);color:var(--text);font-size:11px;font-family:var(--font);cursor:pointer;min-width:56px;transition:background-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.timeframe-select:hover,.timeframe-select:focus{outline:none;background-color:var(--bg-surface)}.panel-title{font-weight:600;font-size:13px}.panel-body{padding:var(--space-lg);min-height:120px}.dom-toolbar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:0;min-width:0;overflow:hidden}.dom-totals{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary)}.dom-totals-bids{color:var(--green)}.dom-totals-asks{color:var(--red)}.dom-totals-sep{color:var(--text-quaternary)}.dom-skew-wrap{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary)}.dom-skew-label{flex-shrink:0}.dom-skew-bar-wrap{display:flex;width:48px;height:6px;border-radius:3px;overflow:hidden}.dom-skew-bar.dom-skew-bid{background:var(--green);min-width:0;border-radius:3px 0 0 3px}.dom-skew-bar.dom-skew-ask{background:var(--red);min-width:0;border-radius:0 3px 3px 0}.dom-skew-value{flex-shrink:0;font-size:11px;color:var(--text-secondary);min-width:4ch}.dom-toolbar>*{flex-shrink:0}.dom-toolbar label{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:11px}.dom-toolbar .dom-check{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer}.dom-toolbar .dom-check-label{color:var(--text-tertiary);font-size:11px}.panel-header:has(.dom-toolbar),.panel-header:has(.dom-stats-toolbar){flex-wrap:nowrap}.panel-header.dom-header{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--space-sm);overflow:hidden;min-width:0}.dom-header{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);width:100%;min-width:0}.dom-header-left{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:nowrap;flex-shrink:0;min-width:0;width:100%}.dom-view-switcher{display:flex;flex-shrink:0;border-radius:8px;overflow:hidden;background:transparent}.dom-view-tab{flex:1;min-width:68px;padding:6px 14px;min-height:32px;margin:0;border:none;border-radius:0;background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .15s,color .15s;box-sizing:border-box;white-space:nowrap}.dom-view-tab:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.dom-view-tab:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.dom-view-tab:hover:not([data-active=true]){color:var(--text-secondary)}.dom-view-tab[data-active=true]{background:#ffffff1f;color:var(--text)}.dom-stats-toolbar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;overflow:hidden;font-size:10px;color:var(--text-tertiary);padding-top:var(--space-xs);border-top:1px solid var(--separator)}.dom-stats-toolbar .timeframe-btn{padding:2px 6px;font-size:10px}.dom-stats-toolbar>*{flex-shrink:0}.dom-stats-rolling-label{font-size:10px;color:var(--text-quaternary)}.dom-stats-skew-item{display:inline-flex;align-items:center;gap:4px;font-size:10px}.dom-stats-skew-label{font-size:10px;color:var(--text-quaternary);min-width:2.2em}.dom-stats-buysell-bar-wrap{display:flex;width:40px;height:5px;border-radius:3px;overflow:hidden}.dom-stats-buysell-bar.dom-stats-buysell-buy{background:var(--green);min-width:0;border-radius:3px 0 0 3px}.dom-stats-buysell-bar.dom-stats-buysell-sell{background:var(--red);min-width:0;border-radius:0 3px 3px 0}.dom-stats-buysell-value{flex-shrink:0;font-size:10px;color:var(--text-secondary);min-width:3.5ch}.dom-stats-threshold-btn{font:inherit;font-size:inherit;color:var(--text);background:transparent;border:none;padding:0 2px;margin:0 -2px;cursor:pointer;border-radius:2px;text-decoration:underline;text-underline-offset:1px}.dom-stats-threshold-btn:hover{background:var(--bg-hover)}.dom-stats-threshold-input{width:4ch;font:inherit;font-size:inherit;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--separator);border-radius:4px;padding:0 2px;margin:0 -2px}.dom-stats-row-title .dom-stats-threshold-input{font-size:12px}.dom-stats-body{display:flex;flex-direction:column;padding:var(--space-lg);flex:1;min-height:0;background:var(--bg-secondary)}.dom-stats-divider{flex:0 0 8px;min-height:8px;cursor:row-resize;position:relative;background:transparent;margin:var(--space-xs) 0}.dom-stats-divider:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;margin-top:-.5px;background:var(--border-strong);transition:background .15s ease}.dom-stats-divider:hover:after{background:var(--text-quaternary)}.panel-dom-stats .panel-body{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--bg-secondary)}.dom-stats-row{display:flex;flex-direction:column;flex:1 1 0;min-height:0;background:var(--bg-secondary)}.dom-stats-row-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);flex-shrink:0}.dom-stats-row-title-text{flex-shrink:0}.dom-stats-pane-skew{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-tertiary)}.dom-stats-pane-skew .dom-stats-buysell-bar-wrap{width:64px;height:6px;border-radius:3px}.dom-stats-pane-skew .dom-stats-buysell-value{font-size:11px;min-width:3.5ch}.dom-stats-row-table-wrap{flex:1;min-height:0;overflow:auto;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.dom-stats-row-empty{font-size:12px;color:var(--text-quaternary);padding:var(--space-md);text-align:center}.dom-stats-row-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;font-variant-numeric:tabular-nums;background:var(--bg-secondary)}.dom-stats-row-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-weight:600;color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:.5px solid var(--separator);background:var(--bg-secondary);position:sticky;top:0;z-index:1}.dom-stats-row-table td{padding:var(--space-sm) var(--space-md);border-bottom:.5px solid var(--separator);transition:background .15s ease}.dom-stats-tr-buy td{color:var(--green);background:#30d15814}.dom-stats-tr-buy:hover td{background:#30d1581f}.dom-stats-tr-sell td{color:var(--red);background:#ff453a14}.dom-stats-tr-sell:hover td{background:#ff453a1f}.dom-stats-time{color:var(--text-tertiary);font-size:11px}.dom-stats-tr-buy .dom-stats-time,.dom-stats-tr-sell .dom-stats-time{color:var(--text-tertiary);opacity:.8}.dom-stats-buy{color:var(--green);font-weight:600}.dom-stats-sell{color:var(--red);font-weight:600}.orderbook-title-wrap{position:relative;min-width:0;flex-shrink:1}.orderbook-title-wrap .orderbook-title-btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orderbook-title-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:none;color:var(--text);font:inherit;font-weight:500;font-size:12px;cursor:pointer;padding:5px 10px;border-radius:6px;transition:background .2s;min-width:0}.orderbook-title-btn:hover{background:var(--bg-surface)}.orderbook-title-btn:focus{outline:none}.orderbook-title-chevron{font-size:9px;opacity:.7}.orderbook-symbol-picker{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;max-height:260px;background:var(--bg-secondary);border:.5px solid var(--separator);border-radius:8px;box-shadow:0 6px 16px #00000038;z-index:100;display:flex;flex-direction:column;overflow:hidden}.orderbook-market-switch{display:flex;padding:4px;gap:2px;background:var(--bg-tertiary);border-radius:6px;margin:6px 8px 0}.orderbook-market-switch button{flex:1;padding:4px 8px;font-size:11px;font-family:var(--font);font-weight:500;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s}.orderbook-market-switch button:hover{background:var(--bg-hover);color:var(--text-secondary)}.orderbook-market-switch button.active{background:var(--bg-secondary);color:var(--text);box-shadow:0 1px 2px #0000000f}.orderbook-symbol-search{padding:6px 10px;margin:6px 8px 0;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text);font-size:12px;font-family:var(--font);transition:background .15s}.orderbook-symbol-search::placeholder{color:var(--text-quaternary)}.orderbook-symbol-search:focus{outline:none;background:var(--bg-surface)}.orderbook-symbol-list{list-style:none;margin:6px 8px 8px;padding:4px;overflow-y:auto;max-height:200px;border-radius:6px;background:var(--bg-tertiary)}.orderbook-symbol-list li{padding:6px 10px;font-size:12px;cursor:pointer;min-height:28px;display:flex;align-items:center;border-radius:4px;transition:background .1s}.orderbook-symbol-list li:hover{background:var(--bg-hover)}.orderbook-symbol-list li.active{background:var(--accent-dim);color:var(--accent)}.custom-select{position:relative;display:inline-block}.custom-select-trigger{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text);font-size:11px;font-family:var(--font);cursor:pointer;transition:background .15s}.custom-select-trigger:hover{background:var(--bg-surface)}.custom-select-trigger:focus{outline:none}.custom-select-value{min-width:2ch}.custom-select-chevron{font-size:8px;opacity:.8;margin-left:2px}.custom-select-menu{position:absolute;top:100%;left:0;margin-top:2px;min-width:100%;padding:4px;background:var(--bg-secondary);border:.5px solid var(--separator);border-radius:8px;box-shadow:0 6px 16px #00000038;z-index:200;display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.custom-select-option{display:block;width:100%;padding:6px 10px;border:none;border-radius:4px;background:transparent;color:var(--text);font-size:12px;font-family:var(--font);text-align:left;cursor:pointer;transition:background .1s}.custom-select-option:hover{background:var(--bg-hover)}.custom-select-option.active{background:var(--accent-dim);color:var(--accent)}.dom-grid{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;contain:layout style;width:100%}.dom-grid .dom-spread{flex:0 0 auto}.dom-side{display:flex;flex-direction:column;flex:0 0 auto}.dom-row{display:grid;grid-template-columns:1fr auto auto;gap:6px 12px;padding:2px 8px;align-items:center;font-size:12px;min-height:20px;border-bottom:.5px solid var(--separator)}.dom-row:last-child{border-bottom:none}.dom-row.bid .price{color:var(--green)}.dom-row.ask .price{color:var(--red)}.dom-row .depth-bar{height:100%;min-height:14px;border-radius:2px;transition:width .2s ease}.dom-row.bid .depth-bar{background:var(--green-dim);margin-right:0;margin-left:auto}.dom-row.ask .depth-bar{background:var(--red-dim);margin-left:0;margin-right:auto}.dom-spread{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:3px 8px;font-size:12px;color:var(--text-secondary);border-top:.5px solid var(--separator);border-bottom:.5px solid var(--separator)}.dom-spread-sep{width:1px;height:12px;background:var(--separator)}.chart-wrap{width:100%;flex:1;min-height:280px;position:relative}.comparison-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-sm) 0}.comparison-legend span{display:flex;align-items:center;gap:var(--space-sm);font-size:13px}.comparison-legend .dot{width:8px;height:8px;border-radius:50%}.comparison-legend-value{margin-left:var(--space-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}