@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f12;--surface:#10161a;--surface-raised:#141b20;--line:#28323a;--line-soft:#1c252b;--text:#e1e7ea;--text-soft:#b5c0c6;--muted:#87949b;--quiet:#66737b;--green:#67c38f;--green-dim:#244434;--blue:#879bbd;--amber:#d5a15e;--red:#d77c72;--font-ui:"DM Sans", Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--sidebar-width:194px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%}body{color:var(--text);font:13px/1.45 var(--font-ui);letter-spacing:0;margin:0}button,input,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #8ea9c4}.app-frame{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0d1215;flex-direction:column;height:100vh;padding:16px 12px 13px;display:flex;position:sticky;top:0}.brand{align-items:center;min-height:42px;margin:0 4px 20px;text-decoration:none;display:flex}.brand img{width:min(100%,158px);height:auto;display:block}.side-label{color:var(--quiet);justify-content:space-between;align-items:center;padding:0 8px 8px;font-size:10px;font-weight:500;display:flex}.side-label span{color:var(--muted);font:10px var(--font-mono)}.nav-list{gap:2px;display:grid}.nav-link{min-height:32px;color:var(--muted);border-left:2px solid #0000;align-items:center;gap:9px;padding:0 9px;font-size:12px;text-decoration:none;display:flex}.nav-link svg{color:var(--quiet)}.nav-link:hover{color:var(--text);background:#12191d}.nav-link.selected{border-left-color:var(--green);color:var(--text);background:#12191d}.nav-link.selected svg{color:var(--green)}.sidebar-bottom{margin-top:auto}.collector{min-height:27px;color:var(--text-soft);grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:grid}.collector-name{text-transform:capitalize}.collector-time{color:var(--quiet);font:10px var(--font-mono)}.sidebar-note{border-top:1px solid var(--line-soft);color:var(--muted);margin:12px 5px 0;padding:10px 3px 0;font-size:10px;line-height:1.5}.health-dot{background:var(--quiet);border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:inline-block}.health-dot.good{background:var(--green)}.health-dot.warn{background:var(--amber)}.health-dot.bad{background:var(--red)}.health-dot.idle{background:var(--quiet)}.main-column{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);min-height:42px;color:var(--muted);align-items:center;gap:20px;padding:0 25px;font-size:11px;display:flex}.topbar-status,.collector-summary{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.collector-summary{color:var(--quiet)}.api-link{color:var(--muted);align-items:center;gap:5px;margin-left:auto;font-size:11px;text-decoration:none;display:inline-flex}.api-link:hover,.source-link:hover{color:var(--text)}.mobile-brand,.mobile-nav{display:none}.mobile-brand img{width:112px;height:auto;display:block}.demo-banner{min-height:31px;color:var(--amber);background:#1b1711;border-bottom:1px solid #403322;align-items:center;gap:8px;padding:0 25px;font-size:11px;display:flex}.demo-banner span{color:var(--muted)}.page-body{flex:1;width:100%;max-width:1840px;margin:0 auto;padding:22px 27px 30px}.footer{border-top:1px solid var(--line-soft);color:var(--quiet);justify-content:space-between;gap:16px;padding:10px 27px;font-size:10px;display:flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:1px 0 14px;display:flex}.page-heading h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:23px;font-weight:600;line-height:1.15}.page-heading p{max-width:760px;color:var(--muted);margin:5px 0 0;font-size:12px}.eyebrow{color:var(--quiet);letter-spacing:.035em;margin-bottom:5px;font-size:10px;font-weight:500}.snapshot-time{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding-bottom:2px;font-size:10px;display:flex}.snapshot-time .health-dot{margin-right:1px}.snapshot-divider,.reliability-divider{background:var(--line);width:1px;height:12px}.market-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1417;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 15px;display:grid}.summary-value{border-right:1px solid var(--line-soft);grid-template-columns:auto 1fr;align-content:center;align-items:baseline;gap:2px 9px;min-width:0;min-height:67px;padding:9px 15px;display:grid}.summary-value:last-child{border-right:0}.summary-value>span{color:var(--muted);grid-column:1/-1;font-size:10px}.summary-value strong{color:var(--text);font:500 17px/1.25 var(--font-mono);font-variant-numeric:tabular-nums}.summary-value:first-child strong,.summary-value:nth-child(2) strong,.summary-value:nth-child(3) strong{color:var(--green)}.summary-value small{color:var(--quiet);font-size:10px}.filter-section{border-bottom:1px solid var(--line);margin-bottom:16px}.filter-header{justify-content:space-between;align-items:center;gap:14px;min-height:34px;margin-bottom:8px;display:flex}.filter-heading{align-items:baseline;gap:10px;display:flex}.filter-heading h2,.section-heading h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.filter-heading>span{color:var(--quiet);font-size:10px}.filter-actions{align-items:center;gap:13px;display:flex}.filter-toggle,.text-button{border:1px solid var(--line);min-height:28px;color:var(--text-soft);background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex}.filter-toggle:hover,.text-button:hover:not(:disabled){color:var(--text);border-color:#46545d}.filter-toggle svg{color:var(--muted)}.filter-toggle .chevron-open{transform:rotate(180deg)}.text-button{color:var(--muted);border-color:#0000;padding:0 2px}.filter-primary,.filter-advanced{grid-template-columns:minmax(155px,1.15fr) repeat(3,minmax(132px,.82fr)) minmax(190px,1.35fr);align-items:end;gap:9px;padding-bottom:12px;display:grid}.filter-advanced{border-top:1px solid var(--line-soft);grid-template-columns:repeat(6,minmax(125px,1fr));padding:11px 0 13px}.field{gap:4px;min-width:0;display:grid}.field>span:first-child{color:var(--muted);font-size:10px}.field input,.field select,.search-field{width:100%;min-width:0;height:31px;color:var(--text);background:#0c1215;border:1px solid #303b43;border-radius:2px;outline:none;padding:0 8px;font-size:11px}.field input:focus,.field select:focus,.search-field:focus-within{border-color:#71869a}.field input::placeholder,.search-field input::placeholder{color:var(--quiet)}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;padding-right:25px}.select-wrap svg{color:var(--muted);pointer-events:none;position:absolute;top:9px;right:7px}.search-field{color:var(--muted);align-items:center;gap:7px;padding:0 8px;display:flex}.search-field input{background:0 0;border:0;outline:0;height:100%;padding:0}.input-suffix{background:#0c1215;border:1px solid #303b43;border-radius:2px;height:31px;display:flex}.input-suffix:focus-within{border-color:#71869a}.input-suffix input{background:0 0;border:0;height:auto}.input-suffix>span{color:var(--quiet);white-space:nowrap;font:9px var(--font-mono);align-items:center;padding:0 8px 0 2px;display:flex}.book-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px}.section-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;min-height:53px;padding:8px 0 10px;display:flex}.section-heading .eyebrow{margin-bottom:2px}.section-heading h2{font-size:15px}.book-reliability{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.book-reliability .health-dot{flex-basis:6px;width:6px;height:6px}.orderbook-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);display:grid}.ladder-panel,.book-chart-panel{min-width:0;padding:0 17px 9px 0}.book-chart-panel{border-left:1px solid var(--line-soft);padding:0 0 9px 17px}.ladder-heading{min-height:34px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.ladder-heading>span:last-child{color:var(--quiet);font:10px var(--font-mono)}.book-table-scroll{max-height:430px;overflow:auto}.orderbook-table,.offers-table,.table-panel table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.orderbook-table thead,.offers-table thead,.table-panel thead{background:0 0}.orderbook-table th,.offers-table th,.table-panel th{border-bottom:1px solid var(--line);height:27px;color:var(--muted);padding:0 8px;font-size:10px;font-weight:500}.orderbook-table th:first-child,.orderbook-table td:first-child,.offers-table th:first-child,.offers-table td:first-child{padding-left:0}.orderbook-table td{border-bottom:1px solid var(--line-soft);height:31px;color:var(--text-soft);padding:0 8px;font-size:11px;position:relative}.orderbook-table tbody tr:last-child td{border-bottom:0}.numeric{font-variant-numeric:tabular-nums;text-align:right!important;font-family:var(--font-mono)!important}.ask-price{font-weight:500;color:var(--green)!important}.cumulative-cell{color:var(--muted)!important}.depth-track{background:#1c252b;width:100%;height:7px;overflow:hidden}.depth-track-stack{height:100%;display:flex;overflow:hidden}.depth-track-stack i{min-width:0;height:100%;display:block}.contract-key{min-height:25px;color:var(--muted);align-items:center;gap:14px;font-size:10px;display:flex}.contract-key span{align-items:center;gap:6px;display:inline-flex}.contract-key i,.book-depth-legend i{width:13px;height:3px;display:inline-block}.book-depth-chart{height:392px}.book-depth-legend{color:var(--muted);justify-content:flex-end;gap:14px;padding-top:2px;font-size:10px;display:flex}.book-depth-legend span{align-items:center;gap:6px;display:inline-flex}.book-depth-legend i{border-radius:1px}.chart-empty{min-height:130px;color:var(--muted);place-items:center;font-size:11px;display:grid}.book-notes{border-top:1px solid var(--line-soft);min-height:29px;color:var(--muted);flex-wrap:wrap;gap:7px 18px;padding:7px 0 8px;font-size:10px;display:flex}.book-notes span+span:before{content:"·";color:var(--quiet);margin-right:18px}.empty-inline{color:var(--muted);padding:13px 0;font-size:11px}.content-grid{grid-template-columns:minmax(0,1fr) 246px;align-items:start;gap:25px;margin:0 0 20px;display:grid}.table-panel,.health-panel,.chart-panel{min-width:0}.compact-heading{min-height:46px;margin-bottom:4px;padding:5px 0 9px}.table-sort,.panel-meta{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.table-scroll{width:100%;overflow:auto}.offers-scroll{overscroll-behavior:contain;scrollbar-color:var(--line) var(--surface);scrollbar-width:thin;min-height:0;max-height:min(62vh,560px)}.offers-scroll .offers-table th{z-index:1;background:var(--surface);position:sticky;top:0}.offers-table th,.table-panel th{border-bottom:1px solid var(--line);height:29px;padding:0 9px}.offers-table td,.table-panel td{border-bottom:1px solid var(--line-soft);height:42px;color:var(--text-soft);padding:5px 9px;font-size:11px}.offers-table tbody tr:last-child td,.table-panel tbody tr:last-child td{border-bottom:0}.offers-table td:first-child{min-width:214px}.offer-select{text-align:left;background:0 0;border:0;gap:2px;max-width:100%;padding:0;display:grid}.offer-select b{color:var(--text);text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.offer-select small,.offers-table td small,.table-panel td small{color:var(--muted);font-size:10px}.offer-select:hover b{color:#fff;text-underline-offset:2px;text-decoration:underline}.variant{color:var(--muted);font-weight:400}.price-cell{font-variant-numeric:tabular-nums;color:var(--green)!important;font:11px var(--font-mono)!important}.provider-name{color:var(--text-soft);text-transform:capitalize}.last-seen{color:var(--muted)!important;font:10px var(--font-mono)!important}.available,.capacity,.qualitative,.stale-label{color:var(--green);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.capacity{color:var(--amber)}.qualitative{color:var(--blue)}.stale-label{color:var(--amber)}.available .health-dot,.stale-label .health-dot{flex-basis:6px;width:6px;height:6px}.count-badge{border:1px solid var(--line);color:var(--muted);font:10px var(--font-mono);vertical-align:1px;margin-left:6px;padding:1px 5px;display:inline-block}.empty-state{color:var(--muted);text-align:center;padding:22px 0;font-size:11px}.empty-state.error,.provider-error{color:var(--red)}.health-panel{border-left:1px solid var(--line);padding-left:16px}.health-row{border-bottom:1px solid var(--line-soft);padding:9px 0}.health-row:last-child{border-bottom:0}.provider-indicator{color:var(--text);text-transform:capitalize;align-items:center;gap:8px;font-size:11px;display:flex}.provider-indicator b{font-weight:500}.collector-state{color:var(--muted);margin-left:auto;font-size:10px}.health-detail{color:var(--quiet);justify-content:space-between;gap:7px;margin-top:5px;font-size:10px;display:flex}.health-detail b{color:var(--text-soft);font:10px var(--font-mono);text-align:right;font-weight:400}.provider-error{overflow-wrap:anywhere;margin-top:6px;font-size:10px}.chart-panel{border-top:1px solid var(--line);padding-top:5px}.chart-wrap{padding:7px 0 9px}.chart-legend{color:var(--muted);justify-content:center;gap:20px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{width:12px;height:2px}.legend-green{background:var(--green)}.legend-blue{background:var(--blue)}.stats-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1417;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px;display:grid}.stats-grid.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border-right:1px solid var(--line-soft);min-height:66px;padding:9px 15px}.stat-card:last-child{border-right:0}.stat-label{color:var(--muted);font-size:10px}.stat-value{color:var(--text);font:500 17px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;margin-top:4px}.stat-value small{color:var(--quiet);font:10px var(--font-ui);margin-left:7px}.stat-card.blue .stat-value,.stat-card.green .stat-value{color:var(--text)}.panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;min-width:0}.panel-title{border-bottom:1px solid var(--line-soft);min-height:39px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.panel-title>span:first-child{align-items:center;gap:7px;display:flex}.panel-title svg{color:var(--muted)}.note-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:17px;display:grid}.note-card{border-top:1px solid var(--line-soft);color:var(--text-soft);gap:10px;padding:12px 0;display:flex}.note-card>svg{color:var(--muted);flex:none}.note-card b{color:var(--text);font-size:11px;font-weight:500}.note-card p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}.history-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-end;gap:12px;padding:12px 0;display:flex}.history-controls .field{width:180px}.history-controls select{height:31px;color:var(--text);background:#0c1215;border:1px solid #303b43;border-radius:2px;padding:0 8px;font-size:11px}.range-controls{gap:2px;margin-left:auto;display:flex}.range-controls button{border:1px solid var(--line);min-width:39px;height:29px;color:var(--muted);font:10px var(--font-mono);background:0 0;border-radius:2px}.range-controls button:hover,.range-controls button.range-active{color:var(--text);border-color:#60748a}.history-chart{margin-bottom:15px}.history-meta{color:var(--muted);font:10px var(--font-mono);padding-top:6px}.drawer-backdrop{z-index:20;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.offer-drawer{border-left:1px solid var(--line);background:#10161a;width:min(500px,100%);height:100%;padding:21px;overflow:auto}.drawer-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.drawer-head h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.icon-button{border:1px solid var(--line);width:30px;height:30px;color:var(--text-soft);background:0 0;border-radius:2px;place-items:center;display:grid}.drawer-price{color:var(--green);font:500 24px var(--font-mono);margin:17px 0}.drawer-price small{color:var(--muted);font:11px var(--font-ui)}.detail-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.detail-cell{border-bottom:1px solid var(--line-soft);gap:5px;min-height:53px;padding:9px 8px 8px 0;display:grid}.detail-cell small{color:var(--muted);font-size:10px}.detail-cell b{color:var(--text);overflow-wrap:anywhere;font-size:11px;font-weight:500}.drawer-callout{border-top:1px solid var(--amber);border-bottom:1px solid var(--line-soft);color:var(--text-soft);margin-top:12px;padding:9px 0;font-size:10px;line-height:1.5}.drawer-section-title{color:var(--muted);margin:18px 0 7px;font-size:10px;font-weight:500}.raw-json{border:1px solid var(--line-soft);max-height:38vh;color:var(--text-soft);font:10px/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1012;margin:0;padding:10px;overflow:auto}.source-link{color:var(--muted);align-items:center;gap:5px;margin-top:11px;font-size:11px;text-decoration:none;display:inline-flex}@media (min-width:1800px){.page-body{padding-left:34px;padding-right:34px}.orderbook-layout{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}.book-depth-chart{height:405px}}@media (max-width:1200px){:root{--sidebar-width:174px}.page-body,.topbar{padding-left:19px;padding-right:19px}.filter-primary{grid-template-columns:repeat(4,minmax(135px,1fr))}.search-field{grid-column:span 2}.filter-advanced{grid-template-columns:repeat(3,minmax(130px,1fr))}.orderbook-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.content-grid{grid-template-columns:minmax(0,1fr) 220px;gap:17px}.book-depth-chart{height:380px}}@media (max-width:900px){.app-frame{display:block}.sidebar{display:none}.topbar{gap:12px;min-height:43px;padding:0 16px}.mobile-brand{color:var(--text);white-space:nowrap;align-items:center;display:inline-flex}.topbar-status{margin-left:auto}.collector-summary{display:none}.mobile-nav{border-bottom:1px solid var(--line);gap:3px;padding:4px 16px;display:flex;overflow-x:auto}.mobile-nav .nav-link{border-bottom:2px solid #0000;border-left:0;flex:none;min-height:30px;padding:0 9px}.mobile-nav .nav-link.selected{border-bottom-color:var(--green)}.page-body{padding:19px 17px 25px}.footer{padding-left:17px;padding-right:17px}.orderbook-layout{grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr)}.content-grid{grid-template-columns:minmax(0,1fr)}.health-panel{border-top:1px solid var(--line);border-left:0;padding:8px 0 0}.health-panel .health-row{vertical-align:top;width:49%;padding-right:14px;display:inline-block}}@media (max-width:760px){.orderbook-layout{grid-template-columns:minmax(0,1fr)}.ladder-panel{padding:0 0 8px}.book-chart-panel{border-top:1px solid var(--line-soft);border-left:0;padding:4px 0 5px}.book-depth-chart{height:270px}}@media (max-width:640px){.topbar{gap:9px;min-height:42px;padding:0 11px;font-size:10px}.mobile-brand img{width:96px}.topbar-status{gap:6px}.api-link{white-space:nowrap;gap:3px;font-size:10px}.api-link svg{width:11px}.api-link span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-nav{padding-left:10px;padding-right:10px}.demo-banner{padding:0 11px;font-size:10px}.page-body{padding:16px 11px 21px}.page-heading{align-items:flex-start;margin-bottom:12px}.page-heading h1{font-size:21px}.page-heading p{max-width:350px;font-size:11px}.snapshot-time{display:none}.market-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-value{min-height:59px;padding:8px 10px}.summary-value:nth-child(2n){border-right:0}.summary-value:last-child{border-top:1px solid var(--line-soft);grid-column:1/-1}.summary-value strong{font-size:15px}.filter-header{align-items:flex-start}.filter-heading{gap:1px;display:grid}.filter-actions{gap:8px}.filter-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-primary .search-field{grid-column:1/-1}.filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-toggle,.text-button{min-height:30px}.book-reliability{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:52%;font-size:9px}.book-reliability .reliability-divider{display:none}.book-table-scroll{overflow-x:auto}.orderbook-table{min-width:540px}.book-depth-chart{height:248px}.contract-key{gap:10px;font-size:9px}.contract-key i,.book-depth-legend i{width:10px}.book-depth-legend{justify-content:flex-start;gap:12px;font-size:9px}.book-notes{gap:4px;display:grid}.book-notes span+span:before{margin-right:8px}.compact-heading{align-items:flex-start}.table-sort{white-space:nowrap;font-size:9px}.table-sort svg{width:11px}.offers-table{min-width:870px}.health-panel .health-row{width:100%;padding-right:0}.note-grid{grid-template-columns:1fr;gap:4px}.stats-grid,.stats-grid.three-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:59px;padding:8px 10px}.stat-card:nth-child(2n){border-right:0}.stat-card:last-child:nth-child(odd){border-top:1px solid var(--line-soft);grid-column:1/-1}.history-controls{flex-direction:column;align-items:stretch;gap:8px}.history-controls .field{width:100%}.range-controls{margin:0}.range-controls button{flex:1}.footer{flex-direction:column;align-items:flex-start;gap:4px;padding:9px 11px;font-size:9px}.drawer-backdrop{align-items:flex-end}.offer-drawer{border:1px solid var(--line);border-bottom:0;width:100%;height:92%;padding:17px}.detail-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}