.disclosure-widget{--tte-widget-bg: var(--tte-surface);--tte-widget-border: var(--tte-border);--tte-widget-radius: 8px;--tte-widget-header-height: 44px;--tte-widget-header-font-size: 13px;--tte-widget-header-font-weight: 600;--tte-widget-header-color: var(--tte-muted);--tte-widget-count-font-size: 11px;--tte-widget-count-color: var(--tte-muted);--tte-widget-body-padding: 0;min-width:0;overflow:hidden;border:1px solid var(--tte-widget-border);border-radius:var(--tte-widget-radius);background:var(--tte-widget-bg)}.disclosure-widget__summary{display:flex;min-height:var(--tte-widget-header-height);align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;cursor:pointer;color:var(--tte-widget-header-color);font-size:var(--tte-widget-header-font-size);font-weight:var(--tte-widget-header-font-weight);list-style:none}.disclosure-widget__summary::-webkit-details-marker{display:none}.disclosure-widget__summary:after{width:7px;height:7px;margin-left:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;content:"";transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.disclosure-widget[open]>.disclosure-widget__summary:after{transform:rotate(225deg) translate(-2px,-2px)}.disclosure-widget__title{margin-right:auto}.disclosure-widget__count{color:var(--tte-widget-count-color);font-size:var(--tte-widget-count-font-size);font-weight:500;white-space:nowrap}.disclosure-widget__body{display:grid;gap:14px;padding:var(--tte-widget-body-padding);border-top:1px solid var(--tte-widget-border);animation:disclosure-widget-expand .15s ease-out}.disclosure-widget__summary:focus-visible{outline:2px solid var(--tte-accent);outline-offset:-2px}@keyframes disclosure-widget-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.disclosure-widget__summary:after,.disclosure-widget__body{animation:none;transition:none}}.session-menu{position:relative}.session-menu__trigger{display:flex;min-height:44px;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;list-style:none;color:var(--text);font-size:13px;font-weight:500;white-space:nowrap}.session-menu__trigger::-webkit-details-marker{display:none}.session-menu__trigger:after{width:7px;height:7px;margin-left:4px;border-right:1px solid var(--text-3);border-bottom:1px solid var(--text-3);content:"";flex-shrink:0;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.session-menu[open]>.session-menu__trigger:after{transform:rotate(225deg) translate(-2px,-2px)}.session-menu__badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.session-menu__badge--live{background:#10b98126;color:var(--bid);border:1px solid rgba(16,185,129,.3)}.session-menu__badge--recorded{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.session-menu__badge--imported{background:#8b5cf626;color:var(--accent-2);border:1px solid rgba(139,92,246,.3)}.session-menu__label{overflow:hidden;max-width:200px;min-width:0;text-overflow:ellipsis;color:var(--text-2);font-weight:400}.session-menu__body{position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:240px;max-width:320px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #0006;animation:session-menu-expand .15s ease-out}.session-menu__group-label{display:block;padding:8px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.session-menu__group-label:not(:first-child){margin-top:2px;border-top:1px solid var(--border);padding-top:10px}.session-menu__item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.session-menu__item:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.session-menu__item:disabled{opacity:.4;cursor:not-allowed}.session-menu__item[aria-current=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.session-menu__item[aria-current=true]:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.session-menu__trigger:focus-visible,.session-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes session-menu-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.session-menu__body{position:fixed;top:auto;bottom:0;left:0;right:0;max-width:none;border-radius:14px 14px 0 0;max-height:70vh;overflow-y:auto;padding:10px}.session-menu__label{max-width:140px}}@media(max-width:390px){.session-menu__trigger{padding:6px 8px;font-size:12px;gap:6px}.session-menu__badge{font-size:10px;padding:1px 5px}.session-menu__label{max-width:100px}}@media(prefers-reduced-motion:reduce){.session-menu__body{animation:none}.session-menu__trigger:after{transition:none}}.snapshot-diff-block{margin:32px 0 0;padding-top:24px;border-top:1px solid var(--border)}.snapshot-diff-block h2{margin:0 0 4px;font-size:1.125rem}.snapshot-diff-block__lede{margin:0 0 12px;color:var(--text-2)}.feedback-tab{position:fixed;z-index:80;right:0;top:48%;min-height:44px;padding:0 14px;border:1px solid var(--accent);border-right:0;border-radius:9px 0 0 9px;background:var(--surface);color:var(--accent);display:flex;align-items:center;gap:8px;font:700 12px var(--font-mono);box-shadow:0 10px 32px #00000059}.feedback-panel{position:fixed;z-index:90;right:16px;top:84px;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;box-sizing:border-box;padding:24px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #000000a6}.feedback-close{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-2)}.feedback-kicker{color:var(--accent);font:700 10px var(--font-mono);text-transform:uppercase;letter-spacing:.09em}.feedback-panel h2{margin:10px 36px 18px 0;font-size:21px}.feedback-goals{display:grid;gap:7px}.feedback-goals button{min-height:44px;text-align:left;padding:0 12px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:7px}.feedback-goals button.selected{color:var(--text);border-color:var(--accent);background:#00ff880f}.feedback-reveal{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.feedback-reveal>label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.feedback-reveal select,.feedback-reveal textarea,.feedback-reveal input[type=email]{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font:inherit}.feedback-reveal textarea{resize:vertical;margin-bottom:8px}.feedback-reveal details{margin:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feedback-reveal summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700}.feedback-reveal summary span{color:var(--text-3);font-weight:400}.feedback-reveal details[open]{padding-bottom:12px}.feedback-consent{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12px}.feedback-consent input{accent-color:var(--accent)}.feedback-send{width:100%;min-height:44px;border:0;border-radius:7px;background:var(--accent);color:#03130b;font-weight:800}.feedback-send:disabled{opacity:.5}.feedback-error{color:var(--ask);font-size:11px}.feedback-thanks{padding:34px 4px 16px}.feedback-thanks strong{color:var(--accent);font-size:22px}.feedback-thanks p{color:var(--text-2);line-height:1.5}@media(max-width:700px){.feedback-tab{top:auto;bottom:68px;transition:opacity .2s ease}.feedback-panel{top:auto;bottom:12px;max-height:calc(100vh - 24px)}body[data-drawer-open=true] .feedback-tab{opacity:0;pointer-events:none}}@media(prefers-reduced-motion:reduce){.feedback-tab,.feedback-panel{transition:none}}.problem-link{position:fixed;z-index:80;left:12px;bottom:56px;min-height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text-2);font:600 12px var(--font-mono);cursor:pointer}.problem-link:hover{color:var(--text);border-color:var(--accent)}.problem-panel{position:fixed;z-index:90;left:12px;bottom:56px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 72px);overflow:auto;box-sizing:border-box;padding:22px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #000000a6}.problem-close{position:absolute;right:6px;top:6px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-2);cursor:pointer}.problem-panel h2{margin:0 36px 14px 0;font-size:19px}.problem-panel label{display:block;margin:10px 0 6px;font-size:12px;font-weight:700}.problem-panel label span{color:var(--text-3);font-weight:400}.problem-panel textarea,.problem-panel input[type=email]{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font:inherit}.problem-panel textarea{resize:vertical}.problem-panel .problem-consent{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--text-2);font-weight:400}.problem-consent input{accent-color:var(--accent)}.problem-note{color:var(--text-3);font-size:11px}.problem-note a{color:var(--text-2)}.problem-send{width:100%;min-height:44px;border:0;border-radius:7px;background:var(--accent);color:#03130b;font-weight:800;cursor:pointer}.problem-send:disabled{opacity:.5;cursor:default}.problem-error{color:var(--ask);font-size:11px}.problem-thanks{padding:24px 4px 8px}.problem-thanks strong{color:var(--accent);font-size:20px}.problem-thanks p{color:var(--text-2)}@media(max-width:700px){.problem-link{bottom:118px;left:8px;padding:0 10px}body[data-drawer-open=true] .problem-link{visibility:hidden}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #111111;--surface-2: #161616;--border: #2f2f2f;--text: #f0f0f0;--text-2: #a6a6a6;--text-3: #71717a;--bid: #34d399;--ask: #f472b6;--accent: #00ff88;--accent-2: #8b5cf6;--pro: #eab308}body{font-family:-apple-system,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{--bg: var(--tte-bg);--surface: var(--tte-surface);--surface-2: var(--tte-surface-raised);--border: var(--tte-border);--text: var(--tte-text);--text-2: var(--tte-muted);--text-3: var(--tte-muted);--bid: var(--tte-bid);--ask: var(--tte-ask);--accent: var(--tte-accent);--accent-2: var(--tte-scrub);min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.header-left h1{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.brand{color:var(--text)}.brand-mark{width:28px;height:28px;flex-shrink:0}.product{font-weight:400;color:var(--text-2);font-size:16px}.tagline{font-size:13px;color:var(--text-3);margin-top:2px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--bid);animation:pulse 2s ease-in-out infinite}.error-banner{padding:10px 24px;background:#f43f5e1a;border-bottom:1px solid rgba(244,63,94,.2);color:#fb7185;font-size:13px}.app-main{flex:1;padding:20px 24px 64px;max-width:800px;margin:0 auto;width:100%}body[data-drawer-open=true] .app-main{padding-bottom:480px}.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pair-selector{display:flex;gap:6px;flex-wrap:wrap}.pair-chip{padding:5px 12px;font-size:12px;font-weight:600;font-family:SF Mono,Monaco,monospace;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.pair-chip:hover{border-color:var(--accent);color:var(--text)}.pair-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.pair-chip.locked{opacity:.6}.pair-chip.locked:hover{opacity:.8;border-color:var(--pro)}.record-controls{display:flex;align-items:center;gap:8px}.rec-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.rec-time{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.rec-events{font-size:11px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#03130b;border-color:var(--accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.15)}.btn-secondary{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--text-3)}.btn-outline{background:transparent;color:var(--text-2);border-color:var(--border)}.btn-outline:hover:not(:disabled){color:var(--text);border-color:var(--text-3)}.btn-danger{background:#f43f5e26;color:#fb7185;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e40}.pro-badge-inline{font-size:9px;font-weight:700;letter-spacing:.5px;padding:1px 4px;border-radius:3px;background:#eab30826;color:var(--pro);border:1px solid rgba(234,179,8,.3)}.replay-upload{display:flex;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--border);border-radius:12px;margin-bottom:16px}.upload-content{text-align:center;padding:40px 24px}.upload-icon{color:var(--accent);opacity:.5;margin-bottom:16px}.upload-content h2{font-size:18px;font-weight:600;margin-bottom:6px}.upload-content p{color:var(--text-3);font-size:14px;margin-bottom:20px}.upload-buttons{display:flex;gap:10px;justify-content:center}.replay-info{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.replay-info-disclosure{margin-bottom:12px}.dot-sep:before{content:"·";color:var(--text-3)}.viewer-wrap{width:100%}.loading{text-align:center;padding:60px;color:var(--text-3);font-size:14px}.orderbook-viewer{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important}.orderbook-header,.orderbook-columns,.orderbook-spread,.orderbook-footer{background:var(--bg)!important;border-color:var(--border)!important}.orderbook-depth-bid{background:var(--bid)!important}.orderbook-depth-ask{background:var(--ask)!important}.orderbook-price-bid{color:var(--bid)!important}.orderbook-price-ask{color:var(--ask)!important}.drawer-anchor{position:fixed;bottom:0;left:0;right:0;z-index:40}.drawer{--drawer-gutter: max(16px, calc((100% - 800px)/2 + 24px) );background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0006;transition:height .25s ease}.drawer-open{height:auto}.drawer-closed{height:44px;overflow:hidden}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--drawer-gutter);height:44px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.drawer-header:hover{background:var(--surface-2)}.drawer-left{display:flex;align-items:center;gap:10px;overflow:hidden}.drawer-grip{color:var(--text-3);flex-shrink:0}.drawer-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.drawer-rec{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#f87171;padding:2px 6px;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:4px}.drawer-stats{font-size:12px;color:var(--text-3);white-space:nowrap}.drawer-toggle{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:flex;min-width:44px;align-items:center;justify-content:center}.drawer-body{padding:16px var(--drawer-gutter);max-height:50vh;overflow-y:auto}.time-controls{display:flex;flex-direction:column;gap:14px}.tc-timeline{display:flex;flex-direction:column;gap:6px}.tc-times{font-family:SF Mono,Monaco,monospace;display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.tc-current{font-weight:600;color:var(--text-2)}.tc-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border-radius:3px;outline:none;cursor:pointer}.tc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer}.tc-slider:disabled{opacity:.4;cursor:not-allowed}.tc-duration{text-align:center;font-size:11px;color:var(--text-3)}.tc-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tc-group{display:flex;gap:4px}.tc-btn{padding:5px 10px;font-size:12px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:5px;cursor:pointer;transition:all .12s;white-space:nowrap}.tc-btn:hover:not(:disabled){background:var(--border);color:var(--text)}.tc-btn:disabled{opacity:.3;cursor:not-allowed}.tc-bookmark-links .tc-btn[aria-current=true]{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.tc-btn-accent{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.tc-btn-live{background:#10b98126;border-color:#10b9814d;color:var(--bid)}.tc-replay-row{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--surface-2)}.tc-label{font-size:12px;color:var(--text-3);flex-shrink:0}.tc-metrics{display:flex;gap:16px;font-size:11px;color:var(--text-3);padding-top:10px;border-top:1px solid var(--surface-2);flex-wrap:wrap}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.gate-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 32px;max-width:420px;width:100%;position:relative;text-align:center}.gate-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:6px}.gate-close:hover{color:var(--text);background:var(--surface-2)}.gate-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);margin-bottom:20px}.gate-icon-success{background:#10b9811a;color:var(--bid)}.gate-modal h2{font-size:20px;font-weight:700;margin-bottom:8px}.gate-desc{font-size:14px;color:var(--text-2);margin-bottom:24px;line-height:1.6}.gate-form{display:flex;flex-direction:column;gap:10px}.gate-input{width:100%;padding:10px 14px;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border-color .15s}.gate-input:focus{border-color:var(--accent)}.gate-input::placeholder{color:var(--text-3)}.gate-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;font-size:14px;font-weight:600;background:var(--accent);border:none;border-radius:8px;color:#03130b;cursor:pointer;transition:filter .15s}.gate-submit:hover:not(:disabled){filter:brightness(1.15)}.gate-submit:disabled{opacity:.6}.gate-error{font-size:13px;color:var(--ask);margin-bottom:12px}.gate-fine{font-size:12px;color:var(--text-3);margin-top:12px}.pro-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;padding:1px 5px;border-radius:3px;background:#eab30826;color:var(--pro);border:1px solid rgba(234,179,8,.3);cursor:pointer;vertical-align:middle}.pro-badge:hover{background:#eab30840}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pulse{animation:pulse 1.5s ease-in-out infinite}@media(max-width:640px){.app-header{flex-direction:column;gap:10px;align-items:flex-start}.app-main{padding:12px 12px 64px}.live-toolbar{flex-direction:column;align-items:flex-start}.tc-buttons{gap:4px}.tc-btn{padding:4px 8px;font-size:11px}.header-left h1{font-size:17px}.product{font-size:14px}}button,.btn,.pair-chip,.gate-submit{min-height:44px}button:focus-visible,input:focus-visible,summary:focus-visible,label:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header-right,.depth-tabs,.market-toolbar{display:flex;align-items:center;gap:8px}.depth-tabs{padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.depth-tabs button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:6px;color:var(--text-2);background:transparent;cursor:pointer}.depth-tabs button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.market-toolbar{justify-content:space-between;margin-bottom:14px}.market-workspace{display:grid;gap:12px;max-width:680px}.market-column{max-width:680px;min-width:0}.market-secondary{display:grid;gap:12px;min-width:0}.market-workspace>*,.market-secondary>*{min-width:0}.eyebrow{display:block;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.market-bid{color:var(--bid)}.market-ask{color:var(--ask)}.top-of-book{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);container-type:inline-size}.top-of-book__side,.top-of-book__spread{display:grid;gap:3px;min-width:0}.top-of-book__side--ask{text-align:right}.top-of-book__spread{text-align:center}.top-of-book span{color:var(--text-3);font-size:11px;text-transform:uppercase}.top-of-book strong{font:700 clamp(16px,6.5cqw,30px)/1.1 "SF Mono",Monaco,monospace}.top-of-book__spread strong{color:var(--text);font-size:16px}.top-of-book small{color:var(--text-2);font-variant-numeric:tabular-nums}.orderbook-viewer,.candle-viewer,.depth-chart{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.orderbook-header,.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.orderbook-header h2,.panel-header h2{font-size:15px}.orderbook-mode{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:11px;text-transform:capitalize}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2)}.status-dot--live{background:var(--accent)}.orderbook-columns,.orderbook-level{display:grid;grid-template-columns:.75fr 1fr 1.15fr;position:relative}.orderbook-columns--compact,.orderbook-level--compact{grid-template-columns:1fr 1fr}.orderbook-columns{padding:6px 12px;background:var(--bg);color:var(--text-3);font-size:10px;text-transform:uppercase}.orderbook-columns span:not(:first-child),.orderbook-level>span:not(:first-child){text-align:right}.orderbook-level{min-height:28px;align-items:center;padding:3px 12px;font:12px/1.2 SF Mono,Monaco,monospace;font-variant-numeric:tabular-nums}.orderbook-level>span:not(.orderbook-depth){z-index:1}.orderbook-depth{position:absolute;inset:2px 0 2px auto;opacity:.14}.orderbook-level--bid .orderbook-depth{background:var(--bid)}.orderbook-level--ask .orderbook-depth{background:var(--ask)}.orderbook-size,.orderbook-cumulative{color:var(--text-2)}.orderbook-spread{display:flex;justify-content:space-between;padding:8px 12px;border-block:1px solid var(--border);background:var(--bg);color:var(--text-2);font:11px SF Mono,Monaco,monospace}.orderbook-full-depth{border-top:1px solid var(--border)}.orderbook-full-depth summary,.schema-disclosure summary{min-height:44px;display:flex;align-items:center;padding:8px 12px;cursor:pointer;color:var(--text-2);font-size:12px}.orderbook-full-depth__scroll{max-height:340px;overflow-y:auto}.orderbook-footer{display:flex;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg);color:var(--text-3);font-size:10px}.depth-chart{margin:0;padding:12px}.depth-disclosure .depth-chart{border:0;border-radius:0}.depth-chart svg{display:block;width:100%;max-height:220px}.depth-chart polygon{stroke-width:2}.depth-chart__bid{fill:color-mix(in srgb,var(--bid) 20%,transparent);stroke:var(--bid)}.depth-chart__ask{fill:color-mix(in srgb,var(--ask) 20%,transparent);stroke:var(--ask)}.depth-chart figcaption{margin-top:6px;color:var(--text-3);font-size:10px;text-align:center}.session-card>.disclosure-widget__body{gap:8px;padding:0 14px 14px}.session-card strong{display:block;text-transform:capitalize}.session-card dl{display:grid;gap:8px}.session-card dl div{display:flex;justify-content:space-between}.session-card dt{color:var(--text-3)}.session-card dd{font-family:SF Mono,Monaco,monospace}.tape-ladder{display:grid;gap:14px}.tape-ladder__ladder,.tape-ladder__tape{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.tape-ladder__levels{color:var(--text-3);font:11px SF Mono,Monaco,monospace}.tape-ladder__columns,.tape-ladder__level{display:grid;grid-template-columns:.8fr 1fr 1fr;position:relative}.tape-ladder__columns{padding:6px 12px;background:var(--bg);color:var(--text-3);font-size:10px;text-transform:uppercase}.tape-ladder__columns span:not(:first-child),.tape-ladder__level span:not(:first-child){text-align:right}.tape-ladder__level{min-height:28px;align-items:center;padding:3px 12px;font:12px/1.2 SF Mono,Monaco,monospace;font-variant-numeric:tabular-nums}.tape-ladder__level span:not(.tape-ladder__depth){z-index:1}.tape-ladder__depth{position:absolute;inset:2px 0 2px auto;opacity:.14}.tape-ladder__level--bid .tape-ladder__depth{background:var(--bid)}.tape-ladder__level--ask .tape-ladder__depth{background:var(--ask)}.tape-ladder__spread{display:flex;justify-content:space-between;padding:8px 12px;border-block:1px solid var(--border);background:var(--bg);color:var(--text-2);font:11px SF Mono,Monaco,monospace}.tape-ladder__full-depth{border-top:1px solid var(--border)}.tape-ladder__full-depth summary{min-height:44px;display:flex;align-items:center;padding:8px 12px;cursor:pointer;color:var(--text-2);font-size:12px}.tape-ladder__unavailable{padding:18px 14px;color:var(--text-2);font-size:13px}.tape-ladder__prints{list-style:none}.tape-ladder__prints button,.tape-ladder__print{display:flex;justify-content:space-between;width:100%;gap:12px;padding:10px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-2);font:12px SF Mono,Monaco,monospace;text-align:left}.tape-ladder__prints button{cursor:pointer}.tape-ladder__prints button:hover{color:var(--text);background:var(--surface-2)}.tape-ladder__exact-seek-unavailable{padding:10px 14px;color:var(--text-3);font-size:11px}.candle-viewer{max-width:1000px;margin:0 auto}.format-badge{padding:4px 7px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:10px}.candle-ohlc{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.candle-ohlc>div{display:grid;gap:4px;padding:14px;background:var(--surface)}.candle-ohlc span{color:var(--text-3);font-size:10px;text-transform:uppercase}.candle-ohlc strong{font:600 16px SF Mono,Monaco,monospace}.candle-chart{margin:0;padding:18px}.candle-chart svg{display:block;width:100%}.candle-chart polyline{fill:none;stroke:var(--accent);stroke-width:3;vector-effect:non-scaling-stroke}.candle-chart figcaption{color:var(--text-3);font-size:11px;text-align:center}.schema-disclosure{margin:0 14px 14px;background:var(--bg)}.schema-disclosure p{margin:0 14px 10px;color:var(--text-2);font-size:12px}.schema-disclosure code{color:var(--accent)}.empty-state{padding:50px;color:var(--text-3);text-align:center}.tc-scrubber{--tc-thumb: 18px;position:relative;height:28px;display:flex;align-items:center}.tc-slider{position:relative;z-index:1;height:28px;margin:0;border-radius:999px;border:1px solid var(--border);background:repeating-linear-gradient(90deg,var(--text-3) 0 1px,transparent 1px 10%) 9px 5px / calc(100% - 18px) 6px no-repeat,repeating-linear-gradient(90deg,var(--text-3) 0 1px,transparent 1px 10%) 9px calc(100% - 5px) / calc(100% - 18px) 6px no-repeat,var(--surface-2)}.tc-slider::-webkit-slider-thumb{width:18px;height:18px;border:2px solid var(--bg);background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:grab}.tc-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--bg);background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:grab}.tc-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.tc-bookmark{--bookmark-color: var(--accent);position:absolute;top:4px;bottom:4px;z-index:2;width:12px;min-width:0;min-height:0;padding:0;border:0;background:transparent;cursor:pointer;transform:translate(-50%)}.tc-bookmark[aria-current=true]{pointer-events:none}.tc-bookmark:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;border-radius:1px;background:var(--bookmark-color);opacity:.85}.tc-bookmark:hover:before,.tc-bookmark:focus-visible:before,.tc-bookmark[aria-current=true]:before{opacity:1;box-shadow:0 0 0 2px var(--bookmark-color)}.tc-bookmark:focus-visible{outline:2px solid var(--bookmark-color);outline-offset:1px}.tc-bookmark--bid{--bookmark-color: var(--bid)}.tc-bookmark--ask{--bookmark-color: var(--ask)}.tc-bookmark--info{--bookmark-color: var(--tte-info)}.tc-bookmark--warning{--bookmark-color: var(--tte-warning)}.tc-bookmark-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}@media(max-width:900px){.app-header,.header-right{align-items:stretch}.app-header{gap:12px}.header-right{flex-wrap:wrap}}@media(max-width:640px){.app{overflow-x:hidden}.app-main{padding-bottom:64px}body[data-drawer-open=true] .app-main{padding-bottom:500px}.header-right,.market-toolbar{width:100%;min-width:0}.header-right{display:grid;grid-template-columns:1fr}.header-left{min-width:0}.tagline{white-space:normal}.depth-tabs{flex:1}.depth-tabs button{flex:1;justify-content:center;padding-inline:8px}.top-of-book{grid-template-columns:1fr 1fr}.top-of-book__side{min-width:0;overflow:hidden}.top-of-book__spread{grid-column:1 / -1;grid-row:2}.top-of-book strong{font-size:clamp(17px,5.5vw,23px);white-space:nowrap}.orderbook-columns,.orderbook-level{grid-template-columns:1fr 1fr}.orderbook-columns span:last-child,.orderbook-cumulative{display:none}.orderbook-spread{gap:12px}.candle-ohlc{grid-template-columns:1fr 1fr}.candle-ohlc>div:last-child{grid-column:1 / -1}.format-badge{display:none}.drawer{margin:0 8px 8px;border:1px solid var(--border);border-radius:14px}.drawer-anchor{bottom:0}.drawer:before{content:"";display:block;width:38px;height:4px;margin:6px auto -6px;border-radius:4px;background:var(--border)}.drawer-body{overflow-x:hidden}.tc-group{flex-wrap:wrap}.tc-replay-row{align-items:flex-start;flex-direction:column}.tc-metrics{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}