@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-base:#0f1115;--bg-panel:#161a22;--bg-panel-hover:#1c212b;--text-main:#f0f3fa;--text-muted:#828c9a;--bid-color:#00c087;--bid-bg:#00c0871a;--ask-color:#ff3b69;--ask-bg:#ff3b691a;--accent:#3b82f6;--accent-glow:#3b82f666;--border:#2c323f;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #0003}.text-bid{color:var(--bid-color)}.text-ask{color:var(--ask-color)}.bg-bid-soft{background-color:var(--bid-bg)}.bg-ask-soft{background-color:var(--ask-bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.order-book-container{flex-direction:column;gap:8px;min-width:320px;padding:16px;display:flex}.ob-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.order-book-headers{justify-content:space-between;padding:0 4px;font-size:.85rem;display:flex}.text-muted{color:var(--text-muted)}.order-list{flex-direction:column;gap:2px;display:flex}.order-row{border-radius:4px;justify-content:space-between;padding:2px 4px;font-size:.9rem;display:flex;position:relative;overflow:hidden}.depth-bar{z-index:0;height:100%;transition:width .1s ease-out;position:absolute;top:0;right:0}.order-row span{z-index:1;position:relative}.size-col{color:var(--text-main);opacity:.9}.spread-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff08;border-radius:6px;justify-content:space-between;margin:4px 0;padding:8px 4px;font-size:.95rem;display:flex}