:root{color-scheme:light;--bg:#f2f1e9;--panel:#fffef8;--panel2:#f0f1e8;--line:#dedfd5;--text:#20241d;--muted:#7b8074;--blue:#5e793d;--cyan:#6e8d31;--lime:#d7f568;--purple:#809d4a}
body{background:radial-gradient(circle at 12% 0,#f8f8f1 0,transparent 36%),var(--bg);color:var(--text)}
.topbar{height:104px;max-width:1296px;margin:auto;border-bottom:1px solid var(--line);background:#f2f1e9ed;padding:0 48px}.brand{font-size:1.55rem;letter-spacing:-.04em;margin-left:24px}.mark{width:37px;height:37px;border:0;border-radius:50%;clip-path:none;background:#263522;color:var(--lime)}
.wordmark{font-size:2.45rem;line-height:1;font-weight:850;letter-spacing:-.09em;color:#20241d}.wordmark span{color:#6e8d31}.liquidity-view>.section-title{display:none!important}.liquidity-view>.liq-tabs{margin-top:0}.liq-tabs.nav-moved{display:none!important}
.nav{color:var(--muted)}.nav.active{background:transparent;color:#242c20;font-weight:700}.nav.active:after{content:"";display:block;background:#5e793d;height:3px;width:16px;border-radius:8px;margin:8px auto -11px}.network{color:#67735b}.network i,.static-select i{background:#6b8d44;box-shadow:0 0 0 4px #e2e8d8}.wallet{border:1px solid #c8cdbd;background:transparent;color:#20241d;border-radius:30px}
main{max-width:1200px}.swap-shell,.side-card,.setup-card,.position-card,.rewards-card,.pool-directory,.position-table-head,.position-item,.incentive-summary div,.stake-panel,.detail-chart,.detail-card,.holders-section{background:#fffef8;border-color:#dedfd5;box-shadow:0 18px 60px #27341108}.token-box,.slippage-options button,.slippage-options label,.pool-stats div,.reward-metrics div,.deposit-box label,.confirm-grid div,.static-select,.pair-row,.tier-grid span,.depth-chart{background:#f0f1e8;border-color:#d8dbcd}.primary{background:var(--lime);color:#20241d}.secondary{background:#eef0e6;border-color:#d6dacb;color:#20241d}.pool-table-head,.position-table-head,.incentive-head{background:#eceee4;color:#66705f}.pool-row{border-color:#dedfd5}.pool-row:hover{background:#f6f7ef}.pool-row .deposit-btn,.incentive-row button,.detail-actions button,.position-actions .claim-btn{background:var(--lime);color:#20241d}.pool-name small,.metric small,.section-title p,.manage-head p{color:#7b8074}.green,.purple,.current-price strong,.full-range,.back-link{color:#5e793d}.liq-tabs{background:#eceee4;border-color:#d8dbcd}.liq-tabs button.active{background:#fffef8;color:#20241d}.detail-identity{background:#eef0e6;border-color:#d8dbcd}.contract-lines code{background:#e1e5d8;color:#20241d}.snapshot-chart{background:linear-gradient(180deg,transparent 70%,#d7f56844)}.snapshot-line{background:#6e8d31}.snapshot-line:after{background:#d7f568}.detail-link{border-color:#aab49a!important;color:#5e793d!important}.holders-table-head{background:#eceee4}.holder-row{border-color:#dedfd5}.holder-share i{background:#d9ddcf}.holder-share i:after{background:#6e8d31}.wallet-choice{background:#f0f1e8;color:#20241d;border-color:#d8dbcd}dialog{background:#fffef8;color:#20241d;border-color:#d8dbcd}.mev-notice{background:#eef2e1;color:#526044}.incentive-warning{background:#f3edcf;color:#685f34}.range-track{background:#e6e8de}.range-track i{background:linear-gradient(90deg,#829b55,#d7f568)}
footer{border-color:#dedfd5;color:#7b8074}footer a{color:#5e793d}.crosschain-nav{display:inline-flex;align-items:center;text-decoration:none}
.token-stack i:first-child,.asset.usdc{color:transparent!important;font-size:0!important;background:#0b53bf url("usdc-token.svg") center/cover no-repeat!important;border-color:transparent!important}
.step>b{background:var(--lime)!important;color:#20241d!important;box-shadow:0 0 0 1px #bfdc52}
.deposit-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.deposit-label small{color:var(--blue);font-size:.76rem;font-weight:650;text-align:right}
@media(max-width:850px){.topbar{height:76px;padding:0 16px}.crosschain-nav{padding:10px 15px}}

/* Eliminate legacy dark surfaces, including transient loading and empty states. */
.token-box select,.stake-panel select,.stake-panel input{background:#eeefe6!important;color:#20241d!important;border-color:#d4d7ca!important}
.flip{background:#e7e9df!important;border-color:#fffef8!important;color:#5e793d!important}
.slippage-options button,.slippage-options label,.range-presets button{background:#eeefe6!important;color:#62695c!important;border-color:#d4d7ca!important}
.slippage-options button.active,.range-presets button.active{background:#e1e7d4!important;color:#20241d!important;border-color:#7d963f!important}
.mev-row i{background:#d9ddd1!important}.mev-row i:after{background:#8d9784!important}.mev-row input:checked+i{background:#91aa4d!important}.mev-row input:checked+i:after{background:#fffef8!important}
.tier-grid span,.tier-grid input:checked+span{background:#eeefe6!important;color:#20241d!important;border-color:#d4d7ca!important}.tier-grid input:checked+span{background:#e4ead7!important;border-color:#7d963f!important}
.full-range,.v3-note,.empty-position,.pool-loading,.holders-loading{background:#eeefe6!important;color:#62695c!important;border-color:#d4d7ca!important}.v3-note{border-left-color:#7d963f!important}.empty-position b{color:#20241d!important}
.positions-list,.pool-rows{background:#eeefe6;color:#20241d}.position-item,.incentive-row{background:#fffef8!important;border-color:#dedfd5!important}
.confirm-grid div,.confirm-pair{background:#eeefe6!important}.periods button.active{background:#d7f568!important;color:#20241d!important}
.holder-nfts a{background:#e1e5d8!important;color:#5e793d!important}.browser-icon{background:#e1e5d8!important;color:#5e793d!important}.okx-icon{background:#e7e9df!important;color:#20241d!important}
@media(max-width:850px){.topbar nav{background:#f2f1e9!important;border-color:#dedfd5!important}}
.remove-page{max-width:760px;margin:auto}.remove-shell{border:1px solid var(--line);border-radius:22px;background:#fffef8;padding:28px;box-shadow:0 18px 60px #27341108}.remove-heading,.remove-percent>div,.remove-receive>div{display:flex;justify-content:space-between;align-items:center}.remove-heading h2{margin-top:6px;font-size:1.55rem}.remove-heading>b{color:#5e793d}.remove-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.remove-summary div{display:grid;gap:7px;background:#eeefe6;border-radius:12px;padding:16px}.remove-summary span,.remove-receive>span,.remove-receive small{color:var(--muted);font-size:.82rem}.remove-summary strong{overflow-wrap:anywhere}.remove-percent,.remove-receive{border:1px solid var(--line);border-radius:15px;padding:18px;margin-top:14px;background:#f7f7f0}.remove-percent input{width:100%;accent-color:#6e8d31;margin:18px 0}.remove-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.remove-presets button{border:1px solid var(--line);background:#eeefe6;color:#60685b;border-radius:10px;padding:11px}.remove-presets button.active{background:#d7f568;color:#20241d;border-color:#7d963f}.remove-receive>div{margin:13px 0;font-size:1.1rem}.remove-receive small{display:block;line-height:1.5}@media(max-width:650px){.remove-summary{grid-template-columns:1fr}.remove-presets{grid-template-columns:1fr 1fr}.remove-receive>div{align-items:flex-start;flex-direction:column;gap:8px}}
.removed-positions{margin-top:30px}.removed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.removed-head h2{margin:0 0 6px}.removed-head p{margin:0;color:var(--muted)}.removed-head>strong{color:#5e793d}.removed-table-head,.removed-item{display:grid;grid-template-columns:1.4fr .7fr 1.4fr .7fr .7fr;gap:18px;align-items:center;padding:16px 22px;border:1px solid var(--line)}.removed-table-head{border-radius:16px 16px 0 0;background:#eceee4;color:#687161;font-size:.82rem}.removed-item{border-top:0;background:#fffef8}.removed-item:last-child{border-radius:0 0 16px 16px}.removed-item>a{width:max-content;color:#5e793d;border:1px solid #aeb7a3;border-radius:9px;padding:9px 11px}.removed-status{width:max-content;border-radius:20px;background:#e4e7dc;color:#687161;padding:6px 10px;font-size:.82rem}.removed-empty{min-height:110px;display:grid;place-items:center;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:#eeefe6;color:var(--muted)}@media(max-width:800px){.removed-table-head{display:none}.removed-item{grid-template-columns:1fr 1fr}.removed-item .pool-name{grid-column:1/-1}}@media(max-width:520px){.removed-head{align-items:flex-start}.removed-item{grid-template-columns:1fr}.removed-item .pool-name{grid-column:auto}}
.staked-positions{margin-top:30px}.staked-table-head,.staked-item{display:grid;grid-template-columns:1.35fr 1fr 1.25fr 1.1fr 1fr .7fr .55fr;gap:16px;align-items:center;padding:16px 22px;border:1px solid var(--line)}.staked-table-head{border-radius:16px 16px 0 0;background:#eceee4;color:#687161;font-size:.82rem}.staked-item{border-top:0;background:#fffef8}.staked-item:last-child{border-radius:0 0 16px 16px}.staked-metric{display:grid;gap:5px}.staked-metric small{color:var(--muted)}.staked-metric.reward b{color:#5e793d}.staked-range{font-weight:700;overflow-wrap:anywhere}.staked-status{display:flex;align-items:center;gap:7px;width:max-content;color:#5e793d}.staked-status i{width:8px;height:8px;border-radius:50%;background:#4fcaa6}.redeem-btn{width:max-content;border:1px solid #8da66c;border-radius:9px;padding:10px 16px;background:var(--lime);color:var(--text);font-weight:700}.redeem-btn:disabled{opacity:.55}.staked-empty{min-height:110px;display:grid;place-items:center;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:#eeefe6;color:var(--muted)}@media(max-width:1000px){.staked-table-head{display:none}.staked-item{grid-template-columns:1fr 1fr}.staked-item .pool-name{grid-column:1/-1}}@media(max-width:520px){.staked-item{grid-template-columns:1fr}.staked-item .pool-name{grid-column:auto}}

/* OKX mobile browser: safe areas, thumb-friendly controls, and card layouts. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:850px){
body{padding-top:env(safe-area-inset-top);padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
.topbar{height:68px;grid-template-columns:auto 1fr;gap:12px;padding:0 14px;top:env(safe-area-inset-top)}.brand{margin-left:4px}.wordmark{font-size:2rem}.wallet{justify-self:end;max-width:155px;min-height:44px;padding:9px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network{display:none}
.topbar nav{position:fixed;z-index:15;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:7px 6px calc(7px + env(safe-area-inset-bottom));min-height:64px;box-shadow:0 -8px 28px #27341112}.topbar .nav{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:6px 3px;font-size:.78rem;white-space:nowrap;border-radius:10px}.topbar .nav.active:after{height:3px;width:14px;margin:5px auto -6px}.crosschain-nav{padding:6px 3px}
main{width:100%;margin:20px auto 0;padding:0 14px}.view#swap{grid-template-columns:1fr;gap:14px}.swap-shell{padding:18px;border-radius:18px}.side-card{display:none}.view-head{margin-bottom:16px}.view-head h1{font-size:1.35rem}.token-box{padding:13px}.token-box input,.token-box output{font-size:1.55rem}.token-box select{font-size:1rem;min-height:44px}.slippage-options{grid-template-columns:repeat(3,1fr)}.slippage-options label{grid-column:1/-1}.slippage-options button,.slippage-options label{min-height:44px}.mev-row{gap:12px}.primary,.secondary{min-height:48px}
.liq-tabs{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:8;width:100%;margin-bottom:14px;background:#eceee4ee!important;backdrop-filter:blur(12px)}.liq-tabs button{flex:1;min-height:44px;padding:10px 8px}
.pool-directory{border:0;background:transparent!important;overflow:visible;box-shadow:none;margin-bottom:16px}.pool-rows{display:grid;gap:12px;background:transparent}.pool-row{grid-template-columns:1fr 1fr!important;gap:14px;padding:16px;border:1px solid var(--line)!important;border-radius:16px;background:#fffef8!important}.pool-row .pool-name{grid-column:1/-1}.pool-row .deposit-btn{grid-column:1/-1;min-height:46px}.metric b{font-size:.96rem}
.liquidity-grid{grid-template-columns:1fr;gap:14px}.setup-card,.position-card{padding:16px;border-radius:16px}.step{grid-template-columns:28px 1fr;gap:9px}.static-select{align-items:flex-start;gap:8px}.pair-row{flex-wrap:wrap}.tier-grid{gap:6px}.tier-grid span{padding:10px 7px}.range-presets{grid-template-columns:1fr 1fr}.deposit-box{grid-template-columns:1fr}.deposit-box input,.range-inputs input,.stake-panel input,.stake-panel select{font-size:16px!important}
.manage-head{gap:12px}.manage-head h2{font-size:1.35rem}.manage-head .secondary{min-width:72px}.positions-list{gap:12px;background:transparent}.position-item{grid-template-columns:1fr 1fr!important;padding:16px;border:1px solid var(--line)!important;border-radius:16px!important}.position-item .position-cell:first-child,.position-actions{grid-column:1/-1}.position-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.position-actions button{min-height:44px;padding:8px 5px}
.removed-head{align-items:flex-start;gap:12px}.removed-head h2{font-size:1.3rem}.removed-head p{font-size:.9rem;line-height:1.45}.removed-item,.staked-item{padding:16px;border-radius:14px!important;border-top:1px solid var(--line);gap:14px}.removed-item{grid-template-columns:1fr 1fr}.staked-item{grid-template-columns:1fr 1fr}.staked-item .pool-name{grid-column:1/-1}.staked-item [data-label]::before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem;font-weight:500}.redeem-btn{width:100%;min-height:44px}.staked-empty,.removed-empty{border-top:1px solid var(--line);border-radius:14px}
.incentive-page .section-title{margin-bottom:18px}.incentive-summary{grid-template-columns:1fr 1fr}.incentive-row{grid-template-columns:1fr 1fr!important;border:1px solid var(--line)!important;border-radius:14px;padding:16px}.incentive-row .pool-name,.incentive-row button{grid-column:1/-1}.stake-panel{grid-template-columns:1fr!important;padding:16px}.stake-panel>div{grid-column:auto}.watch-token{width:100%}
.remove-shell{padding:18px;border-radius:18px}.remove-summary{grid-template-columns:1fr}.remove-presets{grid-template-columns:1fr 1fr}.detail-top,.detail-grid{grid-template-columns:1fr}.detail-identity{display:grid;padding:17px}.contract-lines span{display:grid;justify-content:start}.contract-lines code{overflow-wrap:anywhere}.detail-actions{grid-template-columns:1fr}.detail-actions button{min-width:0;min-height:48px}.detail-chart,.detail-card{padding:17px}.snapshot-chart{height:220px}.chart-head{display:grid;gap:14px}.periods{max-width:100%;overflow-x:auto}.holders-head{align-items:flex-start;gap:10px}.holder-row{padding:16px}
footer{margin:20px auto 0;padding:18px 14px;display:grid;gap:12px}footer div{margin:0;display:flex;flex-wrap:wrap;gap:12px}dialog{max-height:calc(100dvh - 24px);overflow:auto;margin:auto}.confirm-card,.wallet-dialog{padding:18px}.confirm-grid{grid-template-columns:1fr}
}
@media(max-width:430px){.position-item,.removed-item,.staked-item{grid-template-columns:1fr!important}.position-actions{grid-template-columns:repeat(3,1fr)}.pool-row{grid-template-columns:1fr 1fr!important}.remove-heading{align-items:flex-start;gap:10px}.removed-head>strong{white-space:nowrap}}

/* Swap market chart */
.view#swap{grid-template-columns:minmax(0,1.35fr) minmax(390px,.85fr);max-width:1200px;margin:auto}.market-chart{min-width:0;align-self:start;border:1px solid var(--line);border-radius:22px;background:#fffef8;padding:24px;box-shadow:0 18px 60px #27341108}.market-head,.market-toolbar,.market-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.market-head span,.market-head small,.market-toolbar,.market-foot{color:var(--muted)}.market-head h2{margin:5px 0 0;font-size:1.35rem}.market-head>div:last-child{display:grid;text-align:right;gap:5px}.market-head>div:last-child strong{font-size:1.45rem}.market-head small.positive{color:#5e793d}.market-head small.negative{color:#b05d4f}.market-toolbar{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:.78rem}.market-toolbar b{color:#5e793d}.candle-chart{height:390px;margin:16px 0;background:#f4f4ec;border:1px solid var(--line);border-radius:15px;overflow:hidden}.candle-chart svg{display:block;width:100%;height:100%}.chart-grid{stroke:#dfe1d7;stroke-width:1}.candle line{stroke-width:2}.candle.up line{stroke:#5e8d58}.candle.up rect{fill:#72a76a}.candle.down line{stroke:#b96356}.candle.down rect{fill:#cc7568}.chart-loading{height:100%;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted)}.market-foot{font-size:.75rem}
@media(max-width:900px){.view#swap{grid-template-columns:1fr}.market-chart{order:1}.swap-shell{order:2}.candle-chart{height:300px}}
@media(max-width:600px){.market-chart{padding:16px;border-radius:18px}.candle-chart{height:235px}.market-head>div:last-child strong{font-size:1.1rem}.market-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.market-foot{font-size:.68rem}.market-foot span:nth-child(2){display:none}}
.candle-chart{position:relative}.chart-price-badges{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.chart-price-badges span{display:grid;gap:2px;padding:6px 9px;border:1px solid #d9dccf;border-radius:8px;background:#fffef8e8;color:var(--muted);font-size:.68rem;backdrop-filter:blur(6px)}.chart-price-badges b{color:var(--text);font-size:.76rem}.recent-trades{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.trades-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.trades-head h3{margin:0 0 4px;font-size:1.05rem}.trades-head span{color:var(--muted);font-size:.78rem}.trades-head>strong{color:#5e793d;font-size:.85rem}.trades-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:13px}.trades-table-head,.trade-row{display:grid;grid-template-columns:.75fr 1fr 1fr 1.2fr .7fr 1.05fr;gap:14px;align-items:center;min-width:720px;padding:12px 14px}.trades-table-head{background:#eceee4;color:var(--muted);font-size:.72rem}.trade-row{border-top:1px solid var(--line);font-size:.78rem}.trade-row strong{font-size:.78rem}.trade-row a{color:#5e793d;text-decoration:none}.trade-direction{width:max-content;border-radius:20px;padding:5px 8px}.trade-direction.buy{background:#e3eed9;color:#507443}.trade-direction.sell{background:#f2ded9;color:#9b5348}.trades-empty{min-width:720px;padding:28px;text-align:center;color:var(--muted)}
@media(max-width:600px){.chart-price-badges{top:8px;left:8px;right:8px;gap:4px}.chart-price-badges span{padding:5px 6px}.trades-head{align-items:flex-start}.recent-trades{margin-top:18px;padding-top:16px}}
.staked-table-head,.staked-item{grid-template-columns:1.35fr 1fr 1.25fr 1.1fr 1fr .7fr .9fr}.staked-actions{display:flex;gap:6px;flex-wrap:wrap}.staked-actions button{min-height:40px;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer}.start-incentive-btn{border:1px solid #8da66c;background:#e6f3b1;color:var(--text)}@media(max-width:1000px){.staked-actions{justify-content:flex-start}}@media(max-width:520px){.staked-actions{display:grid;grid-template-columns:1fr 1fr}.staked-actions button{width:100%}}