.liquidity-shell{min-height:100dvh}.liquidity-main{max-width:var(--k-container);padding:16px var(--k-gutter) 40px;margin:auto}.liquidity-main .back-link{color:var(--k-figure);align-items:center;gap:8px;margin:0 0 12px;display:inline-flex}.liquidity-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.liquidity-heading h1{letter-spacing:-1.1px;margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.2}.liquidity-heading p{color:var(--k-text-2);margin:0;font-size:14px}.liquidity-steps{gap:20px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.liquidity-steps li{color:var(--k-text-2);align-items:center;gap:9px;display:flex}.liquidity-steps li span{border:1px solid var(--k-line-2);background:var(--k-panel);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.liquidity-steps li[aria-current]{color:var(--k-text)}.liquidity-steps li[aria-current] span{color:#0b2630;background:var(--k-accent);border-color:var(--k-accent);font-weight:800}.liquidity-identity{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.liquidity-identity h2{margin:0 0 4px;font-size:20px;font-weight:700}.liquidity-identity h2 span{color:var(--k-text-3)}.liquidity-identity p{color:var(--k-text-2);margin:0;font-size:13px}.liquidity-identity>a{color:var(--k-figure);align-items:center;gap:6px;margin-left:16px;font-size:13px;display:inline-flex}.liquidity-pool-address{color:var(--k-text-2);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.liquidity-pool-address code{overflow-wrap:anywhere}.liquidity-pool-address button{border-radius:var(--k-radius);flex-shrink:0;place-items:center;width:44px;min-height:44px;display:grid}.liquidity-workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;padding-top:24px;display:grid}.liquidity-range{border-right:1px solid var(--k-line);min-width:0;padding-right:32px}.liquidity-amounts{min-width:0;padding-left:0}.liquidity-workspace h2{margin:0 0 4px;font-size:16px;font-weight:700}.liquidity-workspace h3,.liquidity-receipt h3{font-size:14px;font-weight:700}.liquidity-amounts>p,.liquidity-section-heading p{color:var(--k-text-2);margin:0 0 14px;font-size:13px}.liquidity-section-heading{justify-content:space-between;gap:15px;display:flex}.liquidity-market-price{text-align:right}.liquidity-market-price strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--k-figure);overflow-wrap:anywhere;font-size:24px;font-weight:500}.liquidity-market-price small{color:var(--k-text-2);font-size:11px;display:block}.liquidity-presets{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.liquidity-presets .button,.liquidity-presets>span{justify-content:center;min-height:44px;padding:8px 4px;font-size:13px}.liquidity-presets>span{color:var(--k-text-2);border:1px solid var(--k-line-2);border-radius:var(--k-radius);place-items:center;display:grid}.liquidity-axis{height:136px;margin:16px 5px 6px;padding-top:48px;position:relative}.liquidity-axis:before{content:"";background:var(--k-line-2);height:4px;position:absolute;top:71px;left:0;right:0}.liquidity-axis>p{text-align:center;color:var(--k-text-2);background:var(--k-panel);width:fit-content;margin:15px auto;padding-inline:8px;font-size:13px;position:relative}.liquidity-axis-band{border-inline:5px solid var(--k-accent);background:#71e5bf40;width:70%;height:23px;position:absolute;top:54px;left:15%}.liquidity-axis-current{border-left:1px dashed var(--k-text);height:48px;top:38px;left:var(--marker);position:absolute}.liquidity-axis-current span{white-space:nowrap;font-size:11px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;position:absolute;top:-21px;transform:translate(-50%)}.liquidity-axis-labels{color:var(--k-text-2);overflow-wrap:anywhere;justify-content:space-between;gap:20px;margin-inline:10%;padding-top:40px;font-size:11px;display:flex}.liquidity-bounds{grid-template-columns:1fr 1fr;gap:16px;display:grid}.liquidity-bounds label{background:var(--k-panel);border:1px solid var(--k-line-2);border-radius:var(--k-radius);flex-direction:column;min-width:0;padding:13px;display:flex}.liquidity-bounds label>span{color:var(--k-text-2);font-size:13px}.liquidity-bounds input{width:100%;min-width:0;font-size:21px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--k-text);outline-offset:3px;background:0 0;border:0;padding:5px 0}.liquidity-bounds small{color:var(--k-text-2);font-size:11px}.liquidity-range-status{color:var(--k-accent);align-items:flex-start;gap:8px;margin:18px 0 12px;font-size:13px;line-height:1.6;display:flex}.liquidity-range-status svg{flex-shrink:0;margin-top:2px}.liquidity-range-status.outside{color:#f6cb90}.liquidity-range-explanation{color:var(--k-text-2);margin:10px 0 16px;font-size:13px;line-height:1.8}.liquidity-position-note{border-top:1px solid var(--k-line);margin-top:20px;padding-top:18px}.liquidity-position-note summary{cursor:pointer;padding-block:8px;font-weight:600}.liquidity-position-note p{color:var(--k-text-2);font-size:13px;line-height:1.8}.liquidity-position-note>div{color:var(--k-accent);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.liquidity-full-range{text-align:center;padding:45px 14px}.liquidity-full-range>svg{color:var(--k-accent);margin:0 auto 16px}.liquidity-full-range p{color:var(--k-text-2);max-width:350px;margin:12px auto;font-size:13px;line-height:1.8}.liquidity-mode{background:var(--k-bg);border-radius:var(--k-radius);gap:4px;margin:12px 0;padding:4px;display:flex}.liquidity-mode .button{color:var(--k-text-2);background:0 0;border-color:#0000;flex:1;justify-content:center;min-height:44px}.liquidity-mode .button[aria-pressed=true]{background:var(--k-raise);color:var(--k-accent);border-color:#3f615f}.liquidity-token-choice{color:var(--k-text-2);justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;font-size:13px;display:flex}.liquidity-token-input,.liquidity-counterpart{background:var(--k-panel);border:1px solid var(--k-line-2);border-radius:var(--k-radius);padding:12px 14px}.liquidity-token-input label{flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.liquidity-token-input input{width:100%;color:var(--k-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;border:0;padding-block:5px;font-size:28px}.liquidity-token-input>div{border-top:1px solid var(--k-line);align-items:center;gap:5px;margin-top:6px;padding-top:6px;display:flex}.liquidity-token-input>div>span{color:var(--k-text-2);overflow-wrap:anywhere;flex:1;font-size:11px}.liquidity-token-input .button{min-width:44px;min-height:44px;padding:4px 8px;font-size:11px}.liquidity-counterpart{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.liquidity-counterpart strong{font-size:14px}.liquidity-counterpart span{color:var(--k-text-2);margin-left:auto;font-size:13px}.liquidity-counterpart small{width:100%;color:var(--k-text-2);font-size:11px;display:block}.liquidity-costs{margin:8px 0;font-size:13px}.liquidity-costs>div{border-bottom:1px solid var(--k-line);justify-content:space-between;align-items:center;gap:18px;padding:8px 0;display:flex}.liquidity-costs dt{color:var(--k-text-2);flex-shrink:0;max-width:48%}.liquidity-costs dd{text-align:right;overflow-wrap:anywhere;margin:0}.liquidity-costs dd small{color:var(--k-text-2);margin-top:5px;display:block}.liquidity-slippage input{background:var(--k-panel);border:1px solid var(--k-line-2);border-radius:var(--k-radius);color:var(--k-text);text-align:right;width:66px;min-height:36px;margin-right:5px;padding:6px}.liquidity-details{color:var(--k-text-2);margin:8px 0;font-size:13px;line-height:1.7}.liquidity-details summary{color:var(--k-accent);cursor:pointer;padding:10px 0}.liquidity-details p{margin-top:10px}.liquidity-cta{flex-direction:column;gap:10px;padding-top:10px;display:flex}.liquidity-cta .button{justify-content:center;width:100%;min-height:46px;font-size:14px;font-weight:700}.liquidity-cta .button.primary,.liquidity-cta a.primary{background:var(--k-accent);border:1px solid var(--k-accent);color:#082c2c}.liquidity-cta small{color:var(--k-text-2);text-align:center;font-size:11px;line-height:1.6}.liquidity-main button:disabled{opacity:.45;cursor:not-allowed}.liquidity-main :is(button,a,input,select,summary):focus-visible,.liquidity-nav :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #91f3d4}.liquidity-error,.liquidity-notice{color:#f6cb90;border-radius:var(--k-radius);overflow-wrap:anywhere;background:#392e26;border:1px solid #6d5742;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;padding:14px;font-size:13px;line-height:1.7;display:flex}.liquidity-error a{align-items:center;gap:6px;text-decoration:underline;display:flex}.liquidity-notice{color:#c4d1f8;background:#1c2b44;border-color:#344766}.liquidity-field-error{color:#f6cb90;margin:10px 0;font-size:13px;line-height:1.6}.liquidity-loading{color:var(--k-text-2);justify-content:center;align-items:center;gap:14px;padding:80px 20px;display:flex}.liquidity-review{max-width:688px}.liquidity-review .liquidity-heading{margin-bottom:24px}.liquidity-review .liquidity-steps{display:none}.liquidity-review .liquidity-identity{flex-wrap:wrap}.liquidity-review .liquidity-identity>a{margin-left:0}.liquidity-receipt{background:var(--k-panel);border:1px solid var(--k-line);border-radius:var(--k-radius);padding:26px}.liquidity-value{flex-direction:column;gap:6px;margin:0 0 15px;display:flex}.liquidity-value span{font-size:17px;font-weight:700}.liquidity-value small{color:var(--k-text-2);font-size:13px}.liquidity-principal{margin-bottom:22px;font-size:17px}.liquidity-principal dd,.liquidity-debit strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.liquidity-debit{border-radius:var(--k-radius);background:#172e37;border:1px solid #466866;margin-bottom:16px;padding:16px}.liquidity-debit h3{color:#91efd1;margin:0 0 14px}.liquidity-debit p{justify-content:space-between;gap:15px;margin:10px 0;font-size:14px;display:flex}.liquidity-debit strong{overflow-wrap:anywhere;text-align:right;min-width:0}.liquidity-debit small{color:#b3c3cf;font-size:11px;line-height:1.7}.liquidity-owner{font-size:11px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.liquidity-direct{border:1px solid var(--k-line-2);border-radius:var(--k-radius);gap:11px;margin:20px 0 14px;padding:16px;font-size:13px;display:flex}.liquidity-direct>svg{color:var(--k-figure);flex-shrink:0}.liquidity-direct small{color:var(--k-text-2);margin-top:7px;font-size:11px;line-height:1.8;display:block}.liquidity-expiry{border:1px solid var(--k-line-2);border-radius:var(--k-radius);align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.liquidity-expiry>svg{flex-shrink:0}.liquidity-expiry .button{color:var(--k-accent);background:0 0;border:0;min-height:44px;margin-left:auto}.liquidity-expiry.expired{color:#f6cb90}.liquidity-transaction-status{text-align:center;padding:20px 0 28px}.liquidity-transaction-status>svg{color:var(--k-accent);margin:0 auto 15px}.liquidity-transaction-status strong{font-size:24px;display:block}.liquidity-transaction-status p{color:var(--k-text-2);margin-top:9px;font-size:13px;line-height:1.8}.liquidity-signature{color:var(--k-figure);border-bottom:1px solid var(--k-line);flex-wrap:wrap;align-items:center;gap:9px;padding:15px 0;font-size:13px;display:flex}.liquidity-signature code{overflow-wrap:anywhere;order:2;width:100%;font-size:11px}.liquidity-swap{border-bottom:1px solid var(--k-line);padding:12px 0}.liquidity-swap code{overflow-wrap:anywhere}.liquidity-pool-summary{border-bottom:1px solid var(--k-line);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:0 0 16px;display:flex}.liquidity-identity .pair-icon{flex-shrink:0;width:58px;height:36px}.liquidity-identity .pair-icon>span{border:2px solid var(--k-bg);width:34px;height:34px}.liquidity-pool-address code{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.liquidity-token-options{gap:4px;display:flex}.liquidity-shell :is(.liquidity-mode,.liquidity-token-options){border:1px solid var(--k-line);background:var(--k-panel);border-radius:999px;padding:4px}.liquidity-shell :is(.liquidity-mode,.liquidity-token-options,.liquidity-presets) .button,.liquidity-presets>span{border-radius:999px;min-height:36px}.liquidity-shell :is(.liquidity-mode,.liquidity-token-options,.liquidity-presets) .button[aria-pressed=true]{color:var(--k-accent);background:#71e5bf14;border-color:#71e5bf55}.liquidity-token-input .button,.liquidity-main .back-link{min-height:32px}.liquidity-token-input input:focus-visible{outline-offset:2px}.liquidity-token-input:focus-within,.liquidity-bounds label:focus-within{border-color:var(--k-accent)}@media (max-width:1000px){.liquidity-workspace{gap:20px}.liquidity-range{padding-right:20px}.liquidity-identity>a{margin-left:auto}.liquidity-pool-address{flex-basis:100%}.liquidity-pool-address code{max-width:none}.liquidity-pool-address button{height:32px;min-height:32px}}@media (max-width:760px){.liquidity-shell .knav-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.liquidity-main{padding:12px 16px calc(84px + env(safe-area-inset-bottom))}.liquidity-main:has(.liquidity-cta){padding-bottom:calc(184px + env(safe-area-inset-bottom))}.liquidity-review:has(.liquidity-cta){padding-bottom:calc(240px + env(safe-area-inset-bottom))}.liquidity-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.liquidity-heading h1{font-size:28px}.liquidity-heading p{font-size:13px;line-height:1.6}.liquidity-steps{gap:20px}.liquidity-identity{flex-wrap:wrap;gap:10px}.liquidity-identity>a{font-size:12px}.liquidity-pool-address code{max-width:calc(100vw - 120px)}.liquidity-workspace{grid-template-columns:1fr;gap:24px;padding-top:20px}.liquidity-range{border:0;padding:0}.liquidity-amounts{border-top:1px solid var(--k-line);padding-top:24px}.liquidity-position-note{margin-top:16px;padding-top:12px}.liquidity-bounds{gap:10px}.liquidity-bounds label{padding:12px}.liquidity-bounds input{font-size:18px}.liquidity-market-price strong{font-size:22px}.liquidity-receipt{padding:18px 14px}.liquidity-cta{z-index:25;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));border-top:1px solid var(--k-line-2);background:var(--k-bg);padding:12px 16px;position:fixed;box-shadow:0 -8px 24px #00000020}.liquidity-costs>div{gap:12px}.liquidity-costs dt{max-width:45%}.liquidity-principal{font-size:15px}.liquidity-debit p{font-size:13px}}@media (pointer:coarse){.liquidity-shell :is(.liquidity-mode,.liquidity-token-options,.liquidity-presets,.liquidity-token-input) .button,.liquidity-main .back-link,.liquidity-identity>a,.liquidity-pool-address button,.liquidity-slippage input,.liquidity-position-note summary,.liquidity-details summary{min-height:44px}}@media (prefers-reduced-motion:reduce){.liquidity-shell .spin{animation:none}}
