:root{line-height:1.5;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#161616;max-width:1280px;margin:0 auto;width:fit-content;text-align:center;font-family:DM Mono,monospace;--cols: 1fr 1fr 1fr;--padding: 0 20px;--border: 1px solid #e8e8e8;--border-secondary: 1px solid rgba(0, 0, 0, .04);--ask-color: #b80000;--bid-color: #00684a;--ask-bg: rgba(255, 48, 48, .5);--bid-bg: rgba(16, 185, 129, .5)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}section{border-radius:15px;background:#fafafa;overflow:hidden;width:400px}section:has(.loading){display:flex;flex-direction:column;justify-content:center;align-items:center;color:#64748b;font-size:14px;font-weight:500;min-height:200px}header{padding:12px;font-weight:600;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;background:#f8f8f8;border-bottom:var(--border);display:grid;grid-template-columns:var(--cols)}ul{padding:0;margin:0;list-style:none;width:400px;font-variant-numeric:tabular-nums lining-nums;display:block;max-height:290px;overflow-y:auto}li{display:grid;grid-template-columns:var(--cols);padding:6px;position:relative;transition:background-color .15s ease;border-bottom:var(--border-secondary);min-height:16px;font-size:13px;color:#1a1a1a;line-height:1.2}li:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--depth-width);pointer-events:none;opacity:.6;z-index:1}li[data-type=ask]{background:linear-gradient(90deg,transparent 0%,rgba(239,68,68,.02) 100%)}li[data-type=ask]:before{background:linear-gradient(90deg,var(--ask-bg) 0%,transparent 100%)}li[data-type=ask] span[data-type=ask-price]{color:var(--ask-color)}li[data-type=bid]{background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.02) 100%)}li[data-type=bid]:before{background:linear-gradient(90deg,var(--bid-bg) 0%,transparent 100%)}li[data-type=bid] span[data-type=bid-price]{color:var(--bid-color)}li[data-skeleton]{opacity:.4;pointer-events:none;font-style:italic;background:transparent}li[data-skeleton]:before{width:0;background:none}li[data-trade-flash]{animation:flash-yellow 1.2s ease-out}@keyframes flash-yellow{0%{background-color:#fbbf24}to{background-color:transparent}}.spreadRow{display:grid;grid-template-columns:var(--cols);padding:6px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-top:var(--border);border-bottom:var(--border);font-size:12px;font-weight:600;color:#475569}.spreadRow span:first-child{text-transform:uppercase;letter-spacing:.5px}