*{box-sizing:border-box}body{margin:0;background:#0d1117;color:#d0d7de;font:14px system-ui,sans-serif;padding:8px;max-width:720px;margin:auto}
header{display:flex;align-items:center;gap:10px}#tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}#tabs button{background:#21262d;color:#d0d7de;border:0;min-height:44px;font-size:15px;border-radius:6px}#tabs .on{background:#1f6feb;color:#fff}#tabs button:disabled{opacity:.35;text-decoration:line-through}#live,#symnote,#minnote{font-size:11px;margin:2px 0}input#minusd{width:90px;background:#21262d;color:#d0d7de;border:0;padding:4px;font-size:14px}select{font-size:14px;min-height:32px}
#price{font-size:22px;font-weight:700;flex:1}#status{font-size:12px;color:#8b949e}
.warn{background:#3b2f0b;border-left:3px solid #d29922;padding:6px 8px;margin:8px 0;font-size:12px}
.ctl{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}select{background:#21262d;color:#d0d7de;border:0;padding:4px}
#cover{font-size:12px;color:#8b949e;margin:6px 0}h2{font-size:14px;margin:12px 0 4px}
#heat{width:100%;height:220px;background:#010409;border-radius:6px;display:block}
.row{display:grid;grid-template-columns:78px 1fr 70px;gap:6px;align-items:center;font-size:12px;height:17px;font-variant-numeric:tabular-nums}
.bar{height:11px;border-radius:2px}.bid .bar{background:#238636}.ask .bar{background:#da3633}.wall{font-weight:700}.mid{background:#1f6feb33;text-align:center;font-size:11px}
.item{font-size:12px;padding:3px 0;border-bottom:1px solid #21262d}.b{color:#3fb950}.a{color:#f85149}.muted{color:#8b949e}
#chartsec{margin:8px 0}.bar2{display:flex;gap:6px;margin:4px 0;flex-wrap:wrap}.bar2 button,.bar2 select{background:#21262d;color:#d0d7de;border:0;min-height:44px;min-width:48px;padding:0 12px;font-size:15px;border-radius:6px}.bar2 .on{background:#1f6feb;color:#fff}.bar2 select{flex:0 0 auto}
#chartwrap{position:relative;height:min(62vh,420px);min-height:300px;background:#010409;border-radius:6px;overflow:hidden}#chart{position:absolute;inset:0;z-index:1}#overlay{z-index:0;position:absolute;inset:0;pointer-events:none;background:none;width:100%;height:100%}
#chartempty{font-size:12px;margin:4px 0;color:#d29922}.legend{font-size:11px;color:#8b949e;margin:4px 0;line-height:1.4}
.bar2 .lbl{align-self:center;font-size:11px;color:#8b949e;min-width:48px}.bar2 button:disabled{opacity:.35}
.prow{display:grid;grid-template-columns:44px 1fr 62px 58px 62px;gap:4px;font-size:12px;padding:4px 0;border-bottom:1px solid #21262d;font-variant-numeric:tabular-nums;min-height:26px}.prow.ph{color:#8b949e;font-size:11px}.prow.ask span:nth-child(2),.prow.ask span:nth-child(4){color:#f85149}.prow.bid span:nth-child(2),.prow.bid span:nth-child(4){color:#3fb950}
.prow.mid{background:#1f6feb33;text-align:center}.ptit{font-size:12px;font-weight:700;margin:6px 0 2px}.ptit.a{color:#f85149}.ptit.b{color:#3fb950}.mk{font-size:10px;padding:1px 4px;border-radius:3px;text-align:center;align-self:center}.mk.p{background:#1f3a5f;color:#79c0ff}.mk.s{background:#4a3a0b;color:#e3b341}.pad{padding:4px 0;font-size:11px}