.liquidity-page{--liq-glow:#154c74;--liq-deep:#071522;color:#dceefa;padding-top:155px;padding-bottom:70px}.liq-heading h1{margin:14px 0;font-size:clamp(32px,5vw,60px)}.liq-heading p{color:#9bb7ca;font-size:17px}.liq-preview{color:#77d9ff;border:1px solid #235d7c;border-radius:20px;padding:9px 15px;font-size:14px;display:inline-block}.liq-controls{margin:30px 0 20px}.liq-controls label{margin-bottom:10px;display:block}.liq-controls>div{gap:12px;display:flex}.liq-controls input{color:#ddf4ff;background:#071521;border:1px solid #274354;border-radius:12px;flex:1;min-width:0;padding:14px;font-family:monospace;font-size:16px}.liquidity-page button{cursor:pointer;color:#e3f6ff;background:#0e2d42;border:1px solid #2b6080;border-radius:10px;padding:12px 16px;font-size:14px}.liquidity-page button:disabled{opacity:.6;cursor:wait}.liquidity-page button:focus-visible{outline-offset:4px;outline:3px solid #69ddff}.liq-node:focus{outline:none}.liq-node:focus-visible circle:not(.liq-hit){stroke:#7ee6ff;stroke-width:4px}.liq-error{color:#ffc785}.liq-stats{flex-wrap:wrap;gap:45px;margin:28px 0;display:flex}.liq-stats strong{font-size:26px;display:block}.liq-stats span{color:#90aaba;margin-top:6px;font-size:14px;display:block}.liq-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:20px;display:grid}.liq-canvas{background:radial-gradient(#102436,#040d16 75%);border:1px solid #25465c;border-radius:24px;position:relative;overflow:hidden}.liq-canvas svg{width:100%;min-height:430px;display:block}.liq-map-tools{z-index:1;gap:5px;display:flex;position:absolute;top:14px;left:14px}.liq-map-tools button{padding:7px 12px}.liq-node{cursor:pointer}.liq-node line{stroke:#426078;opacity:.6}.liq-node circle{fill:url(#liq-node);stroke:#2d8bb2;stroke-width:2px}.liq-node--active circle,.liq-node:hover circle{stroke:#7ee6ff;stroke-width:4px}.liq-node--active line{stroke:#6adcff;opacity:1}.liq-node text{fill:#ecfaff;pointer-events:none;font-family:inherit}.liq-symbol{font-size:20px;font-weight:700}.liq-value{font-size:15px;fill:#a0c5da!important}.liq-center circle{fill:url(#liq-node);stroke:#51d5ff;stroke-width:3px}.liq-center text{fill:#e4f8ff;font-size:32px;font-weight:700}.liq-center .liq-center-label{fill:#9ab8cd;font-size:15px;font-weight:400}.liq-legend{color:#9eb8c8;padding:0 20px 14px;font-size:14px;line-height:1.6}.liq-details{background:#0a1926;border:1px solid #25465c;border-radius:24px;min-width:0;padding:24px}.liq-details h2{margin:15px 0 8px;font-size:25px}.liq-details p{color:#9bb7ca}.liq-details>code{overflow-wrap:anywhere;font-size:13px;display:block}.liq-detail-metrics{flex-direction:column;gap:18px;margin:24px 0;display:flex}.liq-detail-metrics strong{font-size:24px}.liq-detail-metrics small{color:#9eb8c8;margin-top:5px;font-size:14px;font-weight:400;display:block}.liq-details h3{font-size:16px}.liq-pools{max-height:330px;overflow:auto}.liq-pools a{color:#cee8f8;border-top:1px solid #25465c;grid-template-columns:1fr auto;gap:9px;padding:16px 0;font-size:14px;text-decoration:none;display:grid}.liq-pools a div span{color:#92adbd;margin-top:4px;display:block}.liq-pools a code{font-size:12px}.liq-pools a>span{color:#67d5ff}.liq-token-list{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.liq-token-list button span{color:#96b8ca;margin-left:9px;font-size:12px}.liq-token-list .active{background:#154365;border-color:#64d8ff}.liq-note{color:#94afc2;margin-top:24px;font-size:14px;line-height:1.7}.liq-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:25px;display:flex}@media (width<=1000px){.liq-workspace{grid-template-columns:1fr}.liq-details{display:block}.liq-pools{max-height:280px}.liq-canvas svg{min-height:0}}@media (width<=600px){.liquidity-page{padding-top:120px}.liq-controls>div{flex-direction:column}.liq-stats{gap:20px}.liq-stats strong{font-size:21px}.liq-canvas{border-radius:16px}.liq-symbol{font-size:23px}.liq-value{font-size:18px}.liq-controls input{font-size:14px}}.liq-node .liq-hit{fill:#0000;stroke:none;stroke-width:0}.liq-symbol--small{font-size:16px}.liq-map-scroll{overscroll-behavior:contain;scrollbar-color:#2b6080 #071521;height:clamp(360px,65vh,680px);padding:50px 8px 8px;overflow:auto}.liq-map-scroll svg{max-width:none;min-height:0;margin-inline:auto}.liq-canvas .liq-symbol{font-size:18px}.liq-canvas .liq-value{font-size:14px}.liq-canvas .liq-center text{font-size:28px}.liq-canvas .liq-center .liq-center-label{font-size:14px}@media (width<=600px){.liq-map-scroll{height:clamp(340px,60vh,520px)}}
