:root{color-scheme:dark;--bg:#090e17;--panel:#101722;--border:#222d3d;--muted:#92a1b8;--text:#e5edf7;--green:#36d5ac;--red:#f27082;--gold:#e6bd69}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}header{height:86px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:#0d141f}.brand{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.5px}.brand img{width:44px;height:44px;object-fit:contain}.brand b{font-weight:400;color:var(--muted)}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:var(--gold);margin-top:2px}nav{display:flex;gap:32px;color:var(--muted)}nav .active{color:var(--gold)}.readonly,.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.readonly{padding:7px 12px;border:1px solid var(--border);border-radius:5px}main{max-width:1860px;padding:30px 3% 15px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:6px 0}.dot{color:var(--gold)}.connection{text-align:right}.connection strong{font-size:12px;color:var(--gold)}.connection small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.notice{border:1px solid #63532e;background:#241f16;color:#e6c989;padding:10px 15px;border-radius:5px;margin-bottom:18px;font-size:12px}.notice.ok{border-color:#245347;background:#102820;color:#9ce0ce}.summary{display:grid;grid-template-columns:1.2fr repeat(5,1fr);border:1px solid var(--border);border-radius:6px;background:var(--panel);margin-bottom:20px;padding:22px 6px}.summary>div{padding:0 19px;border-right:1px solid var(--border)}.summary>div:last-child{border:0}.summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.summary strong{font-size:17px;font-variant-numeric:tabular-nums;font-weight:500}.summary .pair strong{font-size:22px;font-weight:600}.pair strong span{font-size:14px;color:var(--muted)}.pair small{margin-top:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:16px}.workspace.no-book{grid-template-columns:minmax(0,1fr)}.terminal,aside{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.toolbar{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap}.intervals{display:flex;gap:3px;margin-right:auto}button{font:inherit;font-size:11px;padding:6px 10px;color:var(--muted);border:1px solid var(--border);background:transparent;border-radius:4px;cursor:pointer}button:hover,button:focus-visible{color:var(--text);border-color:var(--gold)}button.selected{color:var(--gold);background:#2b261d;border-color:#65512d}.indicators{display:flex;flex-wrap:wrap;gap:16px;padding:10px 16px;color:var(--muted);font-size:10px}.indicators label{display:flex;align-items:center;gap:4px;cursor:pointer}input{accent-color:var(--gold)}i{width:5px;height:5px;border-radius:50%}.yellow{background:var(--gold)}.blue{background:#6b9fdf}.chart-heading{display:flex;justify-content:space-between;padding:10px 16px 4px}.chart-heading b{font-size:12px}.chart-heading span,.chart-heading small{color:var(--muted);font-size:10px;font-weight:400}.chart{position:relative;width:100%}.pricechart{height:360px}.empty{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;font-size:14px;width:85%;color:var(--muted);pointer-events:none}.empty small{display:block;font-size:11px;color:#6f7d91;margin-top:8px}.chart-caption{font-size:10px;color:var(--muted);padding:6px 15px;margin:0;border-bottom:1px solid var(--border);min-height:28px;font-variant-numeric:tabular-nums}.pane-label{padding:7px 15px 0;font-size:10px;display:flex;gap:12px}.pane-label span{color:var(--muted)}.pane-label span:last-child{margin-left:auto}.smallchart{height:93px}.subpane{border-bottom:1px solid var(--border)}.chart-footer{padding:10px 15px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;gap:10px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 4px}h2{font-size:14px;margin:0;font-weight:500}.small{font-size:10px;color:var(--muted)}#bookstatus{padding:0 16px}.book-head,.book-row{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:right;padding:4px 16px;gap:8px;font-variant-numeric:tabular-nums;font-size:11px}.book-head{font-size:9px;color:var(--muted);margin:14px 0 6px}.book-head span:first-child,.book-row span:first-child{text-align:left}.book-rows{min-height:135px;padding:4px 0}.book-rows>p{padding:12px 16px}.book-row{background:linear-gradient(to left,var(--shade) var(--fill),transparent var(--fill));margin:1px 0}.ask{--shade:#f2708213}.bid{--shade:#36d5ac13}.ask span:first-child{color:var(--red)}.bid span:first-child{color:var(--green)}.spread{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-block:1px solid var(--border)}.spread span{color:var(--muted);font-size:10px}.spread strong{font-size:14px;color:var(--gold);font-weight:400}.depth-title{border-top:1px solid var(--border);padding-top:18px}.depthchart{height:140px;margin-top:12px}.depth-note{padding:0 16px}.trade-time{border-top:1px solid var(--border);margin-top:18px;padding:17px 16px;display:flex;flex-direction:column;gap:7px}.trade-time small{color:var(--muted);font-size:10px}.trade-time strong{font-weight:400;font-size:12px}.details{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;margin:30px 0;padding:22px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px}.details h2{font-size:19px;margin-top:7px;color:var(--text)}.details p{line-height:1.8}.details a{color:var(--gold)}summary{cursor:pointer;color:var(--text)}footer{display:flex;justify-content:space-between;gap:15px;color:#748299;font-size:9px;padding-bottom:8px}[hidden]{display:none!important}.negative{color:var(--red)}.positive{color:var(--green)}.is-stale .summary,.is-stale .chart,.is-stale .book-rows{opacity:.55}
@media(min-width:1600px){.pricechart{height:460px}.workspace{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1100px){.summary{grid-template-columns:repeat(3,1fr);gap:20px 0}.summary>div:nth-child(3){border-right:0}.workspace{grid-template-columns:minmax(0,1fr) 285px}.readonly{display:none}.summary strong{font-size:15px}}@media(max-width:760px){header{height:auto;min-height:76px;gap:20px;flex-wrap:wrap;padding:17px 4%}nav{gap:20px;font-size:11px}main{padding:22px 3%}.intro{align-items:flex-start;gap:10px}h1{font-size:24px}.connection{max-width:43%}.connection small{font-size:9px}.workspace{grid-template-columns:minmax(0,1fr)}.summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0}.summary>div{padding:0 13px}.summary>div:nth-child(3){border-right:1px solid var(--border)}.summary>div:nth-child(even){border:0}.summary small{font-size:9px}.details{grid-template-columns:1fr;gap:15px}.pricechart{height:320px}.chart-heading{gap:10px}.chart-heading small{max-width:55%;text-align:right}.chart-footer,footer{flex-wrap:wrap}.book-rows{min-height:0}.depthchart{height:170px}.notice{font-size:11px}.indicators{gap:8px 12px}.intervals button{padding:6px 9px}}