:root{--text:#9ca3af;--text-h:#f3f4f6;--muted:#6b7280;--bg:#0c0d10;--panel:#12141a;--panel-head:#1a1d26;--border:#2e303a;--accent:#06b6d4;--buy:#34d399;--sell:#f87171;--warn:#fbbf24;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;font:15px/145% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.app-terminal{background-color:var(--bg);margin:0;position:relative}body.app-terminal:before{content:"";pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;box-sizing:border-box;flex-direction:column;width:100%;max-width:1100px;min-height:100svh;margin:0 auto;display:flex;position:relative}code{font-family:var(--mono);background:var(--panel-head);color:var(--text-h);border-radius:4px;padding:.1em .35em;font-size:.88em}.dev-perf-hud-aside{z-index:9999;pointer-events:none;width:min(280px,100vw - 24px);margin:0;position:fixed;bottom:12px;right:12px}.dev-perf-hud{color:var(--text);background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.68rem;line-height:1.35;font-family:var(--mono);pointer-events:auto;border-radius:8px;margin:0;padding:0;box-shadow:0 8px 24px #00000059}.dev-perf-hud-summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);-webkit-user-select:none;user-select:none;padding:.5rem .65rem .45rem;font-size:.6rem;font-weight:700;list-style:none}.dev-perf-hud-summary::-webkit-details-marker{display:none}.dev-perf-hud-summary:before{content:"▸";color:var(--accent);margin-right:.35rem;transition:transform .15s;display:inline-block}.dev-perf-hud[open] .dev-perf-hud-summary:before{transform:rotate(90deg)}.dev-perf-hud-summary:focus{outline:none}.dev-perf-hud-summary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px;border-radius:4px}.dev-perf-hud-body{border-top:1px solid var(--border);padding:0 .65rem .55rem}.dev-perf-hud-dl{grid-template-columns:auto 1fr;gap:.15rem .65rem;margin:0;display:grid}.dev-perf-hud-dl dt{color:var(--muted);margin:0;font-weight:500}.dev-perf-hud-dl dd{text-align:right;color:var(--text-h);margin:0}.dev-perf-hud-mono{word-break:break-word;font-size:.62rem}.dev-perf-hud-stale-dd{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.dev-perf-hud-stale-count{line-height:1.2}.dev-perf-hud-stale-list{text-align:left;word-break:break-word;align-self:stretch;margin:0;padding:0 0 0 .85rem;font-size:.6rem;line-height:1.4;list-style:outside}.dev-perf-hud-stale-list li{margin:0}.dev-perf-hud-muted{color:var(--muted);font-weight:500}.app{text-align:left;flex-direction:column;flex:1;min-height:0;padding:1.25rem 1.5rem 2rem;display:flex}.app-toolbar-legend{color:var(--muted);margin:0 0 .35rem;font-size:.72rem;line-height:1.35}.app-toolbar{flex-wrap:wrap;align-items:flex-start;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.market-session-help{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:8px;max-width:52rem;margin:0 0 .85rem}.market-session-help-summary{cursor:pointer;color:var(--text-h);background:var(--panel-head);padding:.45rem .65rem;font-size:.8rem;font-weight:600;list-style:none}.market-session-help-summary::-webkit-details-marker{display:none}.market-session-help-summary:before{content:"▸";color:var(--accent);margin-right:.4rem;transition:transform .15s;display:inline-block}.market-session-help[open] .market-session-help-summary:before{transform:rotate(90deg)}.market-session-help-summary:focus{outline:none}.market-session-help-summary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.market-session-help-body{border-top:1px solid var(--border);margin:0;padding:.55rem .65rem .65rem}.market-session-help-body p{margin:0}.symbol-picker{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;display:flex;position:relative}.symbol-picker-trigger{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text-h);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.symbol-picker-trigger:hover,.symbol-picker-trigger:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));outline:none}.symbol-picker-count{color:var(--muted);font-size:.7rem;font-weight:500}.symbol-picker-chips{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.symbol-picker-chip{font:inherit;border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 8%, var(--panel));color:var(--text-h);cursor:pointer;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .4rem .15rem .45rem;font-size:.68rem;font-weight:600;display:inline-flex}.symbol-picker-chip:hover{border-color:color-mix(in srgb, var(--sell) 35%, var(--border))}.symbol-picker-chip-x{opacity:.7;font-size:.85rem;line-height:1}.symbol-picker-popover{z-index:40;border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;width:min(100vw - 2.5rem,20rem);max-height:min(72vh,24rem);display:flex;position:absolute;top:calc(100% + .35rem);left:0;overflow:hidden;box-shadow:0 10px 28px #00000047}.symbol-picker-hint{color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel-head);margin:0;padding:.45rem .6rem;font-size:.72rem;line-height:1.4}.symbol-picker-search{box-sizing:border-box;width:100%;font:inherit;border:none;border-bottom:1px solid var(--border);background:var(--panel);color:var(--text);margin:0;padding:.45rem .6rem;font-size:.85rem}.symbol-picker-search:focus{outline:none}.symbol-picker-status,.symbol-picker-error,.symbol-picker-more{color:var(--muted);margin:0;padding:.5rem .6rem;font-size:.78rem}.symbol-picker-error{color:var(--sell)}.symbol-picker-list{flex:1;min-height:0;margin:0;padding:.2rem 0;list-style:none;overflow-y:auto}.symbol-picker-row{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:.35rem .6rem;display:flex}.symbol-picker-row:hover:not(:disabled){background:color-mix(in srgb, var(--panel-head) 55%, var(--panel))}.symbol-picker-row:disabled{opacity:.45;cursor:not-allowed}.symbol-picker-row--on{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.symbol-picker-row-label{flex:1;min-width:0;font-size:.78rem;font-weight:600}.symbol-picker-row-raw{color:var(--muted);font-size:.65rem}.symbol-picker-row-badge{text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:700}.subtle{color:var(--muted);max-width:52rem;margin:0 0 1rem;font-size:.85rem;line-height:1.45}.subtle a{color:var(--accent)}.subtle code{font-size:.8em}.market-header{border-top:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));margin-bottom:.5rem;padding-top:.35rem}.market-header-inner{flex-wrap:wrap;align-items:center;gap:.45rem .75rem;display:flex}.market-header-brand{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem .55rem;display:flex}.market-heading{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600;line-height:1.2}.market-telemetry{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.45rem .65rem;padding:0;display:flex}.telemetry-item{flex-direction:row;align-items:baseline;gap:.28rem;display:flex}.telemetry-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.55rem;font-weight:600}.telemetry-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:500}.conn{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:4px;padding:.1rem .38rem;font-size:.65rem;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.conn-open{color:var(--buy);border-color:color-mix(in srgb, var(--buy) 45%, var(--border));background:color-mix(in srgb, var(--buy) 12%, transparent)}.conn-connecting{color:var(--warn)}.conn-closed,.conn-error,.conn-idle{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.tape-wrap{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;flex:1;min-width:0;min-height:120px;max-height:min(50vh,400px);display:flex;overflow:hidden}.pair-stream-menu-bar{margin-bottom:.65rem}.pair-stream-menu{display:inline-block;position:relative}.pair-stream-menu-trigger{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text-h);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.pair-stream-menu-trigger:hover,.pair-stream-menu-trigger:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));outline:none}.pair-stream-menu-count{color:var(--muted);font-size:.72rem;font-weight:500}.pair-stream-menu-catalog{color:var(--muted);opacity:.85;font-size:.68rem;font-weight:500}.pair-stream-menu-popover{z-index:30;border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;width:min(100vw - 2.5rem,18.5rem);max-height:min(70vh,22rem);display:flex;position:absolute;top:calc(100% + .35rem);left:0;overflow:hidden;box-shadow:0 10px 28px #00000047}.pair-stream-menu-intro{color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel-head);margin:0;padding:.5rem .65rem .35rem;font-size:.72rem;line-height:1.35}.pair-stream-menu-intro code{font-size:.68rem}.pair-stream-menu-status,.pair-stream-menu-error{margin:0;padding:.35rem .65rem;font-size:.72rem}.pair-stream-menu-status{color:var(--muted)}.pair-stream-menu-error{color:#c94a4a}.pair-stream-menu-search{box-sizing:border-box;width:100%;font:inherit;border:none;border-bottom:1px solid var(--border);background:var(--panel-head);color:var(--text);margin:0;padding:.45rem .65rem;font-size:.85rem}.pair-stream-menu-search:focus{outline:none}.pair-stream-menu-actions{border-bottom:1px solid var(--border);background:var(--panel-head);gap:.75rem;padding:.35rem .65rem;display:flex}.pair-stream-menu-link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600;text-decoration:underline}.pair-stream-menu-link:hover{color:var(--text-h)}.pair-stream-menu-list{flex:1;min-height:0;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.pair-stream-menu-row{cursor:pointer;align-items:center;gap:.5rem;padding:.35rem .65rem;display:flex}.pair-stream-menu-row:hover{background:color-mix(in srgb, var(--panel-head) 65%, var(--panel))}.pair-stream-menu-add{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin:0;padding:.35rem .65rem;display:flex}.pair-stream-menu-add:disabled{opacity:.55;cursor:not-allowed}.pair-stream-menu-add:not(:disabled):hover{background:color-mix(in srgb, var(--panel-head) 65%, var(--panel))}.pair-stream-menu-fake-check{border:1px dashed color-mix(in srgb, var(--muted) 55%, var(--border));box-sizing:border-box;border-radius:3px;flex-shrink:0;width:.9rem;height:.9rem}.pair-stream-menu-row--nosub{opacity:.92}.pair-stream-menu-badge{text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted);border-radius:4px;flex-shrink:0;padding:.12rem .35rem;font-size:.62rem;font-weight:600}.pair-stream-menu-label{min-width:0;color:var(--text-h);flex:1;font-size:.8rem;font-weight:600}.pair-stream-menu-raw{color:var(--muted);flex-shrink:0;font-size:.65rem}.pair-stream-menu-more{color:var(--muted);border-top:1px solid var(--border);background:var(--panel-head);margin:0;padding:.45rem .65rem;font-size:.7rem}.pair-stream-menu-empty{color:var(--muted);margin:0;padding:.75rem .65rem;font-size:.8rem}.tape-filter-hint{color:var(--muted);margin:0;padding:1rem .75rem;font-size:.8rem}.tape-filter-hint--subtle{padding:.65rem .75rem .35rem;font-size:.78rem}.tape-header,.tape-row{grid-template-columns:7.5rem 3.5rem 1fr 1fr;align-items:center;gap:.5rem;padding:0 .75rem;display:grid}.tape-wrap--multi .tape-header,.tape-wrap--multi .tape-row{grid-template-columns:4.75rem 6.5rem 3.25rem minmax(0,1fr) minmax(0,1fr)}.tape-wrap--multi.tape-wrap--pair-filter .tape-header,.tape-wrap--multi.tape-wrap--pair-filter .tape-row{grid-template-columns:minmax(5.75rem,1.1fr) 6.25rem 3.1rem minmax(0,1fr) minmax(0,1fr)}.col-pair{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;font-weight:600;overflow:hidden}.tape-empty{color:var(--muted);margin:0;font-size:.85rem}.tape-header{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--panel-head);border-bottom:1px solid var(--border);box-sizing:border-box;flex-shrink:0;min-height:36px;font-size:.65rem}.col-pair--header{text-transform:none;flex-direction:row;align-items:center;gap:.35rem;width:100%;min-width:0;display:flex}.tape-pair-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);flex-shrink:0;font-size:.68rem;font-weight:600}.tape-pair-filter-trigger{width:1.75rem;height:1.5rem;color:var(--muted);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0 0 0 auto;padding:0;line-height:1;display:inline-flex}.tape-pair-filter-trigger:hover{color:var(--text-h);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.tape-pair-filter-trigger:hover .tape-pair-filter-icon{opacity:1}.tape-pair-filter-trigger--active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.tape-pair-filter-icon{opacity:.92;display:block}.tape-pair-filter-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.tape-pair-filter-popover{background:var(--panel);border:1px solid var(--border);min-width:9rem;max-width:min(16rem,100vw - 1rem);max-height:min(50vh,280px);box-shadow:0 4px 24px #00000059, 0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent);border-radius:6px;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.tape-pair-filter-option{text-align:left;width:100%;color:var(--text-h);cursor:pointer;background:0 0;border:none;margin:0;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500;display:block}.tape-pair-filter-option:hover{background:color-mix(in srgb, var(--panel-head) 65%, var(--panel))}.tape-pair-filter-option--current{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);font-weight:600}.tape-scroll{flex:1;min-height:0;position:relative;overflow:auto}.tape-inner{width:100%;position:relative}.tape-row{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);box-sizing:border-box;font-size:.8rem;position:absolute;top:0;left:0;right:0}.col-side{text-transform:uppercase;font-size:.72rem;font-weight:600}.col-side.buy{color:var(--buy)}.col-side.sell{color:var(--sell)}.market-panels{flex-direction:column;flex:1;gap:.85rem;min-height:0;display:flex}.sortable-panel{flex-direction:column;align-items:stretch;gap:.5rem;min-height:0;display:flex}.sortable-panel--dragging{opacity:.88}.sortable-panel--inner-handle{gap:0}.sortable-panel-header{box-sizing:border-box;border:1px solid var(--border);background:var(--panel-head);width:100%;min-height:2.75rem;color:var(--text-h);cursor:grab;font:inherit;text-align:left;touch-action:none;border-radius:8px;flex-direction:row;flex:none;align-items:center;gap:.45rem;margin:0;padding:.35rem .65rem;display:flex}.sortable-panel-header:active{cursor:grabbing}.sortable-panel-header:hover,.sortable-panel-header:focus-visible{color:var(--text-h);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));outline:none}.sortable-panel-header:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.sortable-panel-grip{opacity:.65;-webkit-user-select:none;user-select:none;font-family:var(--mono);letter-spacing:-.12em;color:var(--muted);flex:none;font-size:.65rem;line-height:1}.sortable-panel-title{letter-spacing:.02em;flex:1;min-width:0;font-size:.78rem;font-weight:600}.sortable-panel-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sortable-panel-body .tape-wrap{flex:1;min-height:120px}.sortable-panel-body .ob-strip-stack{flex-direction:column;flex:1;gap:.45rem;min-width:0;min-height:0;display:flex}.sortable-panel-body .ob-strip-scroll{flex:1;min-width:0;min-height:160px}.ob-strip-stack{flex-direction:column;gap:.45rem;display:flex}.ob-strip-scroll{scrollbar-gutter:stable;flex:none;width:100%;min-height:140px;overflow:auto hidden}.ob-strip-track{height:100%;min-height:100%}.ob-strip-track--sortable{flex-direction:row;align-items:stretch;height:100%;min-height:100%;display:flex}.ob-strip-sortable-row{flex-direction:row;align-items:stretch;height:100%;display:flex}.ob-strip-sortable-row--dragging{opacity:.92;z-index:4}.ob-strip-sortable-row--primary .ob-wrap{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));box-shadow:inset 0 3px 0 0 color-mix(in srgb, var(--accent) 65%, transparent)}.ob-strip-sortable-book{flex:none;min-width:0;height:100%;position:relative}.ob-strip-cell{height:100%}.ob-strip-cell-inner{width:100%;min-width:0;height:100%;position:relative}.ob-strip-resize-handle{cursor:col-resize;z-index:3;touch-action:none;box-sizing:border-box;background:0 0;border-right:2px solid #0000;width:10px;height:100%;position:absolute;top:0;right:0}.ob-strip-resize-handle:hover,.ob-strip-resize-handle:active{border-right-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.ob-strip-cell .ob-wrap{width:100%;min-width:0;max-width:none;height:100%;max-height:100%}.ob-strip-empty{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}@media (width<=720px){.sortable-panel-header{min-height:2.5rem;padding:.3rem .55rem}}.ob-wrap{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;min-width:0;min-height:120px;max-height:100%;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ob-wrap--primary{border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.ob-title{color:var(--text-h);background:var(--panel-head);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:flex}.ob-title--strip-drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ob-title--strip-drag:active{cursor:grabbing}.ob-title--strip-drag:focus{outline:none}.ob-title--strip-drag:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.ob-title-pair{flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;display:flex}.ob-pair-display{font-family:var(--sans);letter-spacing:.02em;color:var(--text-h);font-size:.82rem;font-weight:700;line-height:1.15}.ob-stream-suffix{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:.58rem;font-weight:500}.ob-stream{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.ob-meta{color:var(--muted);font-size:.65rem;font-weight:400}.ob-placeholder{color:var(--muted);margin:0;padding:1rem .75rem;font-size:.8rem}.ob-header,.ob-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr 1fr 1fr 1fr;gap:.35rem;padding:.25rem .5rem;font-size:.6rem;display:grid}.ob-header.ob-sub{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.ob-h-bid,.ob-h-ask{text-align:center;grid-column:span 2}.ob-rows{flex:1;min-height:0;font-size:.75rem;overflow:auto}.ob-row{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);grid-template-columns:1fr 1fr 1fr 1fr;gap:.35rem;padding:.2rem .5rem;display:grid}.ob-row:nth-child(2n){background:color-mix(in srgb, var(--panel-head) 35%, transparent)}.ob-qty-cell{border-radius:2px;min-height:1.25em;line-height:1.25;display:block;position:relative;overflow:hidden}.ob-qty-cell--bid,.ob-qty-cell--ask{text-align:right}.ob-qty-bar{pointer-events:none;border-radius:2px;max-width:100%;transition:width .12s ease-out;position:absolute;top:0;bottom:0}.ob-qty-bar--bid{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--buy) 38%, transparent));right:0}.ob-qty-bar--ask{background:linear-gradient(90deg, color-mix(in srgb, var(--sell) 38%, transparent), transparent);left:0}.ob-qty-text{z-index:1;color:var(--text);padding:0 1px;position:relative}.ob-price{text-align:right;font-weight:500}.ob-price.bid{color:var(--buy)}.ob-price.ask{color:var(--sell)}.kline-chart-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex;overflow:hidden}.kline-pair-tabs{background:color-mix(in srgb, var(--panel-head) 88%, var(--panel));border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.kline-pair-tab{min-width:4.5rem;max-width:12rem;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:auto;margin:0;padding:.4rem .55rem;font-size:.72rem;font-weight:600;transition:color .12s,border-color .12s,background .12s}.kline-pair-tab:hover{color:var(--text-h);background:color-mix(in srgb, var(--panel) 55%, transparent)}.kline-pair-tab--active{color:var(--accent);border-bottom-color:color-mix(in srgb, var(--accent) 75%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--panel))}.kline-pair-tab:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:-2px}.kline-chart-panel-chart{flex-direction:column;flex:1;min-height:0;display:flex}.kline-chart-panel-chart .chart-wrap{border:none;border-radius:0;flex:1;min-height:0;margin-top:0}.chart-wrap{border:1px solid var(--border);background:var(--panel);border-radius:8px;margin-top:1rem;overflow:hidden}.chart-wrap--sortable-root{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.chart-title{color:var(--text-h);background:var(--panel-head);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.8rem;font-weight:600}.chart-title--drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none}.chart-title--drag-handle:active{cursor:grabbing}.chart-title--drag-handle:hover,.chart-title--drag-handle:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, var(--border));outline:none}.chart-title--drag-handle:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, var(--border)), 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.chart-wrap--sortable-root .chart-host{flex:1;height:auto;min-height:200px}.chart-host{width:100%;height:320px}