:root{color:#ededf2;font-synthesis:none;text-rendering:optimizelegibility;background:#101014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#101014;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}#root{width:100%}.page{max-width:1500px;margin:0 auto;padding:28px}.header{justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px;display:flex}h1{margin:0;font-size:2.2rem}.market-name{color:#a8a8b3;margin-top:5px;font-size:1.15rem}.stats{gap:30px;display:flex}.stats div,.order-detail div{flex-direction:column;gap:4px;display:flex}.stats span,.order-detail span{color:#8d8d99;text-transform:uppercase;font-size:.8rem}.book-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{background:#17171d;border:1px solid #30303a;border-radius:8px;overflow:hidden}.panel-title{border-bottom:1px solid #30303a;justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.panel-title h2,.selection h2{margin:0}.panel-title span{color:#888894;font-size:.8rem}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;white-space:nowrap;padding:9px 10px}th{color:#858590;text-transform:uppercase;border-bottom:1px solid #292932;font-size:.75rem}.order-row{cursor:pointer}.order-row:hover{background:#24242d}.bid{color:#5ed69a}.ask{color:#ff747f}.selection{margin-top:18px;padding:16px}.selection h2{margin-bottom:14px}.order-detail{grid-template-columns:repeat(6,minmax(120px,1fr));gap:20px;display:grid}.order-detail .wide{grid-column:1/-1}code{overflow-wrap:anywhere}.muted{color:#858590}footer{color:#696974;text-align:center;margin-top:24px;font-size:.8rem}@media (width<=1000px){.header{display:block}.stats{flex-wrap:wrap;margin-top:20px}.book-grid{grid-template-columns:1fr}.order-detail{grid-template-columns:repeat(2,1fr)}}