body{font:16px system-ui;background:#f3f6fa;color:#17263b;max-width:1100px;margin:32px auto;padding:0 20px}
nav{display:flex;gap:24px;border-bottom:1px solid #bbc9d9;padding:12px 0}a{color:#075caa}h1{margin-bottom:6px}
section{background:white;border:1px solid #d3dce8;border-radius:10px;padding:20px;margin:20px 0}
button,input,textarea{font:inherit;padding:8px;border:1px solid #9badc2;border-radius:5px}button{background:#075caa;color:white;cursor:pointer}
label{display:inline-block;margin:6px 12px 6px 0}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:9px;border-bottom:1px solid #dce4ec}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font-size:12px}#status{color:#8b3410}small{color:#485c74}

[hidden]{display:none!important}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #d3dce8;padding-bottom:10px;margin:18px 0}
.tabs button{background:#eaf0f7;color:#24466c;border-color:transparent}.tabs button[aria-selected="true"]{background:#075caa;color:#fff}
button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6a63d;outline-offset:2px}
.replay-summary{padding:12px 14px;background:#edf4fb;border-left:4px solid #075caa;line-height:1.6;font-size:14px}
.scroll-table{overflow:auto}.scroll-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.scroll-table th{white-space:nowrap;font-size:13px;color:#485c74}
.book td:nth-child(-n+2){color:#087f73;background:#f0faf7}.book td:nth-child(n+4){color:#b93845;background:#fff3f3}.book td:nth-child(3){text-align:center;color:#63758b}
.book th,.book td{text-align:right}.book-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}select{font:inherit;padding:8px;border:1px solid #9badc2;border-radius:5px}
#book-seek{width:100%;box-sizing:border-box;margin:12px 0}#candle-chart{box-sizing:border-box;display:block;width:100%;min-width:540px;background:#fbfcff;border:1px solid #dce4ec;border-radius:6px}
#candle-chart text{font:12px system-ui;fill:#485c74}.chart-grid{stroke:#dce4ec;stroke-dasharray:3 4}.view-note{font-size:14px;color:#485c74;line-height:1.5}.view-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
#price-pages{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:0;border:0}#price-pages[hidden]{display:none}#price-pages button[aria-current="page"]{background:#143654;box-shadow:inset 0 0 0 2px #fff;border-color:#143654}
@media(max-width:600px){body{margin:12px auto;padding:0 10px}section{padding:14px}input[type="datetime-local"]{max-width:100%;box-sizing:border-box}.tabs button{flex:1}h2{font-size:23px}}

.spike-highlight{outline:2px solid #bb7900;outline-offset:-2px;font-weight:700}
#liq-seek{width:100%}.liquidity-cards>div:nth-child(2){border-top:3px solid #087f73}.liquidity-cards>div:nth-child(3){border-top:3px solid #b93845}.liquidity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}.liquidity-cards>div{border:1px solid #ccd7e5;border-radius:8px;padding:14px}.liquidity-cards p{line-height:1.6;margin-bottom:0}

body{max-width:none}#liq-overview th{white-space:normal}#liqo-rows td:nth-child(2){white-space:normal;min-width:220px;max-width:520px;overflow-wrap:anywhere}#liqo-rows td:nth-child(3),#liqo-rows td:nth-child(5){white-space:normal;min-width:180px}

#liq-chart-svg{box-sizing:border-box;display:block;width:100%;min-width:480px;height:340px;background:#fff;border:1px solid #dce4ec;border-radius:6px}#liq-chart-svg text{font:12px system-ui}#liq-chart-svg:focus-visible{outline:3px solid #e6a63d;outline-offset:2px}#liq-chart-seek{width:min(60vw,600px);vertical-align:middle}