/* HKSWAP native pools: isolated from the aggregator interface. */
#liquidity-page{max-width:1400px;margin:0 auto;padding:12px 0 48px;color:#213450;--lp-red:#ef2850;--lp-muted:#8797b2;--lp-line:#dfe6f0;--lp-green:#079b79}
#liquidity-page [hidden]{display:none!important}
.lp-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:15px 0 34px}
.lp-heading .eyebrow,.lp-explain .eyebrow{color:#ef5271;font-size:11px;font-weight:600;letter-spacing:.23em}
.lp-heading h1{margin:10px 0 9px;font-size:36px;letter-spacing:-.04em;font-weight:650}
.lp-heading p{color:var(--lp-muted);margin:0;font-size:14px;line-height:1.8}
.lp-network{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:13px 18px;background:#fff;border:1px solid var(--lp-line);border-radius:16px;font-size:13px}
.lp-network img{border-radius:50%;object-fit:contain}.lp-network small{display:block;font-size:10px;color:var(--lp-muted);margin-top:4px}.lp-network i{width:6px;height:6px;background:var(--lp-green);border-radius:50%;margin-left:12px}
.lp-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--lp-line);border-radius:13px;background:#ecf0f7;width:max-content;max-width:100%;margin-bottom:28px;overflow:auto}
.lp-tabs button{border:0;border-radius:9px;background:none;padding:12px 22px;white-space:nowrap;color:#8393ac;font-size:14px;font-weight:550}
.lp-tabs button.active{background:white;color:#ef2850;box-shadow:0 2px 8px #20385808}
.lp-status{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #f2d6dd;border-radius:12px;padding:14px 18px;background:#fff8fa;margin:0 0 22px;color:#af3651;font-size:13px;line-height:1.65}
.lp-status .lp-button{padding:8px 12px;white-space:nowrap;flex-shrink:0}
.lp-content[inert]{opacity:.65}.lp-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:start}
#liquidity-page .panel{background:#fff;border:1px solid var(--lp-line);border-radius:20px;box-shadow:0 5px 26px #2d456004;overflow:hidden}
.lp-form-card{padding:32px}.lp-section-label{display:flex;align-items:center;gap:12px;margin-bottom:29px}
.lp-section-label>span{font-size:11px;color:#ef4466;background:#fff0f3;border:1px solid #f9dbe3;border-radius:9px;padding:8px}
#liquidity-page h2{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.02em;margin:0}
.lp-form-card>h2{margin-bottom:20px!important}.lp-form-card>p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.lp-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-field{display:flex;flex-direction:column;gap:9px;margin:0 0 22px;min-width:0;font-size:13px}
.lp-field>span,.lp-label{color:#71829e;font-size:13px}
.lp-input-wrap{display:flex;align-items:center;border:1px solid var(--lp-line);background:#f8f9fc;border-radius:10px;min-width:0;transition:border-color .16s}
.lp-input-wrap:focus-within{border-color:#ef7491;box-shadow:0 0 0 3px #ef285008;background:#fff}
.lp-input-wrap input{width:100%;min-width:0;outline:0;border:0!important;border-radius:10px;padding:15px 13px;background:none;color:#213450;font:inherit;font-size:15px}
.lp-input-wrap>span{padding-right:14px;color:#93a0b4}.lp-input-wrap input::placeholder{color:#aeb9cb;font-size:13px}
.lp-field select{width:100%;max-width:100%;min-width:0;border:1px solid var(--lp-line);background:#f8f9fc;border-radius:10px;padding:14px 11px;color:#213450;font:inherit;outline-offset:3px}
.lp-fee-box{padding:19px;background:#f8f9fc;border:1px solid var(--lp-line);border-radius:13px;margin-bottom:22px}
.lp-fee-box .lp-field:last-of-type{margin-bottom:8px}.lp-fee-box p,.lp-note{font-size:12px;line-height:1.85;color:#8b99b0;margin:12px 0 18px}
.lp-fee-box p{margin:13px 0 0}.lp-check{display:flex;align-items:center;gap:9px;font-size:14px;color:#31425b;line-height:1.5;cursor:pointer;margin-bottom:15px}.lp-check input{width:16px;height:16px;accent-color:#ef2850;flex-shrink:0}.lp-check .lp-tag{margin-left:auto}
.lp-fee-box>.lp-check:only-of-type{margin-bottom:0}.lp-fee-box .lp-fields{margin-top:18px}
.lp-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f2;background:#f3f5fa;color:#647692;padding:5px 9px;border-radius:7px;font-size:11px;white-space:nowrap}.lp-tag.done{background:#ebfaf3;border-color:#cceadf;color:#0e956b}
.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 17px;border-radius:10px;border:1px solid var(--lp-line);color:#526583;background:#fff;font:inherit;font-size:13px;font-weight:550;line-height:1.5;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.lp-button:hover{background:#f4f6fb;transform:translateY(-1px)}.lp-button:disabled{opacity:.4;cursor:default;transform:none}.lp-button:focus-visible,.lp-tabs button:focus-visible{outline:2px solid #ef5271;outline-offset:3px}
.lp-button.primary{background:#ef2850;color:#fff;border-color:#ef2850;box-shadow:0 5px 15px #ef285012}.lp-button.primary:hover{background:#db1f45}
.lp-button.buy{background:#eefaf6;color:#078d6d;border-color:#c2e9dc}.lp-button.sell{background:#fff4f6;color:#e23b5d;border-color:#f4cad5}
.lp-form-card>.lp-button:last-child{width:100%;padding:16px 20px;margin-top:5px;font-size:15px}
.lp-explain{padding:37px 33px;background:linear-gradient(145deg,#fff,#fff9fb)!important}
#liquidity-page .lp-explain h2{font-size:32px;letter-spacing:-.04em;line-height:1.45;margin:17px 0 28px}
.lp-explain-row{display:flex;gap:16px;padding:22px 0;border-top:1px solid #efe7ec}.lp-explain-row>span{font-size:11px;color:#d58a9d;padding-top:4px}.lp-explain-row h3{font-size:15px;margin:0 0 6px;font-weight:550}.lp-explain-row p{font-size:13px;color:#8c98ac;line-height:1.8;margin:0}
.lp-side>.lp-note{padding:0 10px;margin-top:20px}.lp-explain>p{font-size:14px;color:#8c98ac;line-height:1.9}.lp-explain .lp-note{font-size:12px}
.lp-direction{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1f4f9;border:1px solid var(--lp-line);padding:5px;border-radius:10px;margin:0 0 22px}.lp-direction button{border:1px solid transparent;background:none;color:#8d9ab1;border-radius:7px;padding:12px 5px;font:inherit;font-size:12px}.lp-direction button.active.sell{background:#fff3f6;border-color:#f7cfda;color:#df3a5e}.lp-direction button.active.buy{background:#e6f7f0;border-color:#c1e7d8;color:#0d9673}
.lp-range-visual{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #eee3e8;border-radius:15px;padding:28px 24px;margin:28px 0}.lp-range-visual span{display:grid;place-items:center;width:45px;height:45px;background:#fff0f4;color:#e23d66;border-radius:50%;font-size:18px}.lp-range-visual span:last-child{background:#e8f8f4;color:#159c7c}.lp-range-visual i{height:2px;flex:1;margin:0 18px;background:linear-gradient(90deg,#f299ad,#8cd4c2);position:relative}.lp-range-visual i:after{content:'›';position:absolute;color:#72bca9;right:-2px;top:-14px;font-size:24px}
.lp-explain ul{margin:25px 0;padding-left:20px;font-size:13px;color:#6f819e;line-height:2.5}
.lp-list-section{margin-top:38px}.lp-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.lp-list-heading p{font-size:13px;color:#8b99b1;margin:7px 0 0}.lp-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lp-pool-card{border:1px solid var(--lp-line);border-radius:16px;padding:24px;background:#fff;min-width:0}.lp-pool-head{display:flex;align-items:center;gap:13px}.lp-pool-head>div{min-width:0}.lp-pool-head>.lp-tag{margin-left:auto}.lp-pool-head h3{font-size:16px;font-weight:600;margin:3px 0;overflow-wrap:anywhere}.lp-pool-head small{font-size:12px;color:#8b99b1}.lp-address{font-size:11px;color:#8090ac;text-decoration:none;overflow-wrap:anywhere}.lp-address:hover{color:#ef2850}.lp-token-pair{display:flex;align-items:center;flex-shrink:0}.lp-token-pair>:last-child{margin-left:-9px}.lp-token-pair .coin{height:33px;width:33px;font-size:15px;border:2px solid #fff}
.lp-reserves{display:flex;justify-content:space-between;gap:18px;padding:20px 0;margin:16px 0;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6}.lp-reserves small,.lp-claimable small{display:block;font-size:11px;color:#95a0b5;margin-bottom:8px}.lp-reserves strong,.lp-claimable strong{display:block;font-size:13px;font-weight:500;line-height:1.9;overflow-wrap:anywhere}.lp-card-actions{display:flex;gap:8px;flex-wrap:wrap}.lp-card-actions .lp-button{font-size:12px;padding:9px 12px}.lp-progress{height:5px;background:#edf2f7;border-radius:4px;overflow:hidden;margin-top:22px}.lp-progress span{height:100%;display:block;background:#18ab88}.lp-pool-card>p{font-size:12px;color:#8998ae}.lp-claimable{margin:20px 0}.lp-empty{grid-column:1/-1;text-align:center;padding:46px 25px;border:1px dashed #dfe5ef;border-radius:16px;background:#ffffff70}.lp-empty>span{display:block;font-size:31px;color:#d78a9d;margin-bottom:16px}.lp-empty h3{font-size:16px;font-weight:550}.lp-empty p{font-size:13px;color:#8b99af;line-height:1.8}.lp-empty .lp-button{margin-top:15px}.lp-more{display:flex;justify-content:center;align-items:center;gap:17px;margin:22px 0;font-size:12px;color:#92a0b7}
.lp-withdraw-controls{padding:23px 28px;margin-bottom:29px;max-width:700px}.lp-withdraw-controls .lp-field{margin-bottom:0}.lp-withdraw-controls .lp-note{margin-bottom:0}.lp-list-label{font-size:17px;font-weight:550;margin:30px 0 18px}
.lp-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:29px 0 22px;border-top:1px solid var(--lp-line);padding-top:21px;font-size:11px;color:#96a2b7}.lp-activity{padding:21px 25px}.lp-activity summary{font-size:13px;cursor:pointer;color:#7b8ba5}.lp-activity>button{margin-top:20px;padding:8px 12px;font-size:12px}.lp-activity-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1f7;padding:14px 0;margin-top:10px;font-size:12px}.lp-activity-row>a{color:#ec4667;text-decoration:none}
.lp-confirm{width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #e1e6ef;border-radius:20px;padding:28px;color:#213450}.lp-confirm::backdrop{background:#172b4a65;backdrop-filter:blur(4px)}.lp-confirm h3{font-size:17px;margin:25px 0}.lp-confirm .lp-list-heading .lp-button{font-size:20px;padding:2px 10px}.lp-review-row{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid #edf1f8;font-size:13px}.lp-review-row>span{color:#8c9ab1;flex-shrink:0}.lp-review-row>strong{font-size:13px;font-weight:550;text-align:right;overflow-wrap:anywhere;min-width:0}.lp-confirm>.lp-button:last-child{width:100%;padding:15px}
@media(max-width:1100px){.main-nav{gap:18px!important}.lp-layout{grid-template-columns:1.1fr .9fr;gap:20px}.lp-form-card{padding:25px}.lp-explain{padding:29px 24px}#liquidity-page .lp-explain h2{font-size:27px}.lp-fields{gap:12px}}
@media(max-width:820px){.lp-layout{grid-template-columns:1fr}.lp-side{display:none}.lp-range-explain{order:2}.lp-card-grid{grid-template-columns:1fr}.lp-heading{margin-top:8px}.lp-heading h1{font-size:30px}.lp-heading p{font-size:12px}.lp-network{padding:11px;gap:7px}.lp-network i{display:none}.lp-tabs{width:100%}.lp-tabs button{flex:1;padding:11px 15px}.lp-list-heading{align-items:flex-start}}
@media(max-width:520px){#liquidity-page{padding-top:8px}.lp-heading{gap:12px;margin-bottom:25px}.lp-heading h1{font-size:28px}.lp-network{font-size:11px;flex-shrink:0}.lp-network img{width:22px;height:22px}.lp-network small{font-size:9px}.lp-heading p{max-width:210px;line-height:1.8}.lp-form-card{padding:22px 18px}.lp-section-label{gap:9px;margin-bottom:24px}#liquidity-page h2{font-size:18px}.lp-fields{grid-template-columns:1fr}.lp-fields .lp-field{margin-bottom:18px}.lp-fee-box{padding:16px}.lp-direction button{font-size:11px}.lp-tabs button{padding:11px 12px;font-size:12px}.lp-explain{padding:27px 22px}.lp-pool-card{padding:21px 18px}.lp-pool-head{gap:9px}.lp-pool-head h3{font-size:14px}.lp-list-heading>div{min-width:0}.lp-confirm{padding:23px 19px}.lp-review-row{gap:15px;font-size:12px}.lp-review-row>strong{font-size:12px}.lp-activity{padding:18px}.lp-withdraw-controls{padding:22px 18px}.lp-footer{font-size:10px}.lp-more{font-size:11px}.lp-list-heading>.lp-button{white-space:nowrap;padding:9px 12px;font-size:12px}}

.lp-range-price{overflow-wrap:anywhere;line-height:1.8}

.lp-bound-modes{display:flex;gap:5px;padding:5px;background:#f1f4f9;border:1px solid var(--lp-line);border-radius:10px;margin:4px 0 20px}.lp-bound-modes button{flex:1;padding:12px 8px;border-radius:7px;color:#8595ad;font-size:13px}.lp-bound-modes button.active{background:#fff;color:#ed2b50;box-shadow:0 2px 6px #22335508}.lp-cap-explanation{font-size:12px;line-height:1.8;padding:14px 16px;border:1px solid #f3dfd0;border-radius:10px;background:#fffaf5;color:#927557;margin:0 0 22px}