@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#18342b;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--ink:#18342b;--muted:#708179;--line:#dce5de;--paper:#f3f6f2;--white:#fff;--green:#177653;--green-dark:#124c38;--mint:#b2e8cb;--deep:#10251f;--mono:"IBM Plex Mono", monospace;--display:"Manrope", sans-serif;background:#f3f6f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:0;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}.exchange-shell{background:linear-gradient(135deg, #d2e6d947, transparent 25rem), var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fafcf9db;align-items:center;gap:45px;height:72px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{font:800 17px var(--display);letter-spacing:-.045em;white-space:nowrap;align-items:center;gap:10px;display:flex}.brand img{width:31px;height:31px}.brand-muted{color:#75867d;font-weight:600}.brand small{color:var(--green);font:600 12px var(--mono);letter-spacing:.08em;border:1px solid #a9cfbb;border-radius:5px;margin-left:2px;padding:4px 5px}.primary-nav{align-self:stretch;align-items:center;gap:26px;display:flex}.primary-nav button{color:#728078;background:0 0;border:0;align-items:center;gap:8px;padding:0 3px;font-size:14px;font-weight:600;display:flex;position:relative}.primary-nav button:hover,.primary-nav button.active{color:var(--green-dark)}.primary-nav button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.topbar-right{align-items:center;gap:11px;margin-left:auto;display:flex}.network-chip{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:13px;font-weight:700;display:flex}.chain-id{font:12px var(--mono);color:#829188;border-left:1px solid var(--line);padding-left:8px}.status-dot{background:#c98552;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.status-dot.on{background:#239568;box-shadow:0 0 0 3px #2395681f}.status-dot.off{background:#c57b55}.connect-button{background:var(--green-dark);color:#fff;border:1px solid var(--green-dark);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .16s,transform .16s,box-shadow .16s;display:flex;box-shadow:0 2px 3px #0e3d2a1f}.connect-button:hover{background:#1b6c4d;transform:translateY(-1px);box-shadow:0 5px 13px #0e3d2a29}.wallet-connect-group{border-radius:9px;align-items:stretch;gap:0;display:inline-flex;box-shadow:0 2px 3px #0e3d2a1f}.wallet-connect-group .connect-button{box-shadow:none;border-radius:8px 0 0 8px}.connect-options-button{color:#fff;background:var(--green-dark);border:1px solid var(--green-dark);border-left-color:#ffffff47;border-radius:0 8px 8px 0;place-items:center;width:36px;transition:background .16s;display:grid}.connect-options-button:hover{background:#1b6c4d}.connect-options-button:disabled{cursor:not-allowed;opacity:.52}.connect-button.connected{color:var(--ink);background:#fff;border-color:#cddbd1}.connected-label{color:#24714e;align-items:center;gap:6px;display:inline-flex}.connected-label i{background:#29966a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e5f3e9}.connect-button.wallet-checking .connected-label{color:#8a6a36}.connect-button.wallet-checking .connected-label i{background:#c7933c;box-shadow:0 0 0 3px #fbf0d9}.connect-button.wallet-offline .connected-label,.connect-button.wallet-wrong-chain .connected-label,.connect-button.wallet-authorization-required .connected-label{color:#9a563f}.connect-button.wallet-offline .connected-label i,.connect-button.wallet-wrong-chain .connected-label i,.connect-button.wallet-authorization-required .connected-label i{background:#c47758;box-shadow:0 0 0 3px #f8e7df}.connect-button.wallet-locked .connected-label,.connect-button.wallet-extension-unavailable .connected-label{color:#9a563f}.connect-button.wallet-locked .connected-label i,.connect-button.wallet-extension-unavailable .connected-label i{background:#c47758;box-shadow:0 0 0 3px #f8e7df}.wallet-avatar{width:19px;height:19px;color:var(--green-dark);font:500 12px var(--mono);background:#d8eee0;border-radius:6px;place-items:center;display:grid}.wallet-connect-wrap{position:relative}.wallet-status{z-index:30;color:#735a2d;background:#fffaf0;border:1px solid #eadbb7;border-radius:8px;width:min(300px,100vw - 32px);padding:9px 11px;font-size:12px;line-height:1.45;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #2831251f}.wallet-menu{border:1px solid var(--line);background:#fff;border-radius:11px;width:250px;padding:6px;animation:.16s ease-out pop;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 45px #16342a26}.wallet-menu button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.wallet-menu button:hover{background:#f3f7f3}.wallet-menu button>span:nth-child(2){flex:1;gap:2px;display:grid}.wallet-menu b{font-size:13px}.wallet-menu small{color:var(--muted);font-size:12px}.wallet-menu-mark{width:29px;height:29px;color:var(--green);background:#e2f3e7;border-radius:8px;place-items:center;font-size:18px;display:grid}.wallet-menu-mark.browser-mark{color:#926b43;background:#f4eadc}.wallet-account-summary{border-bottom:1px solid var(--line);gap:6px;padding:11px;display:grid}.wallet-account-summary strong{font-size:13px}.wallet-account-summary>span{color:#53675b;font:12px var(--mono);overflow-wrap:anywhere}.wallet-account-summary small{color:var(--muted);font-size:12px;line-height:1.45}.wallet-account-summary .wallet-account-detail{color:#9a563f}.wallet-menu .wallet-disconnect{color:#8b4c3d;border-top:1px solid #edf1ed;border-radius:0 0 7px 7px;justify-content:center;margin-top:3px;font-size:12px;font-weight:700}.wallet-picker-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1f197a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wallet-picker{background:#fbfdfb;border:1px solid #dce7de;border-radius:17px;width:min(440px,100%);max-height:min(620px,100vh - 40px);padding:26px;animation:.18s ease-out pop;position:relative;overflow:auto;box-shadow:0 28px 80px #08201647}.wallet-picker>.eyebrow{color:var(--green);font-size:12px}.wallet-picker h2{font:800 24px var(--display);letter-spacing:-.045em;margin:10px 0 6px}.wallet-picker>p{color:var(--muted);margin:0 24px 18px 0;font-size:13px;line-height:1.55}.wallet-picker-close{border:1px solid var(--line);color:#607268;background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.wallet-option-list{gap:8px;display:grid}.wallet-option{text-align:left;background:#fff;border:1px solid #e0e9e1;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:66px;padding:11px 13px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.wallet-option:hover:not(:disabled){border-color:#9ec6aa;transform:translateY(-1px);box-shadow:0 5px 16px #1c4d3114}.wallet-option>img,.wallet-option-mark{object-fit:contain;color:#216e4c;background:#edf5ef;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.wallet-option-mark.metamask{color:#b26030;background:#fff1e8}.wallet-option-mark.rabby{color:#6555b9;background:#f0efff}.wallet-option>span:nth-child(2){flex:1;gap:4px;display:grid}.wallet-option strong{font-size:13px}.wallet-option small{color:var(--muted);font-size:12px}.wallet-option>svg{color:#7b8a80}.wallet-picker-empty{color:#718177;text-align:center;border:1px dashed #d5e1d6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:130px;padding:20px;display:flex}.wallet-picker-empty strong{color:var(--ink);font-size:13px}.wallet-picker-empty span{max-width:270px;font-size:12px;line-height:1.5}.wallet-picker-empty.asterra-missing{color:#8a5d43;background:#fffaf5;border-color:#e7c6ae;min-height:115px}.wallet-picker-empty.asterra-missing strong{color:#78472f}.wallet-picker-foot{color:#87958b;margin-top:15px;font-size:12px;line-height:1.5;display:block}.guide-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1d168a;place-items:center;padding:20px;animation:.14s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.guide-dialog{width:min(620px,100%);max-height:min(760px,100dvh - 40px);color:var(--ink);background:#fbfdfb;border:1px solid #dce7de;border-radius:16px;padding:30px;animation:.18s ease-out pop;position:relative;overflow-y:auto;box-shadow:0 28px 88px #0820164d}.guide-dialog>.eyebrow{color:var(--green);font:650 10px var(--mono);letter-spacing:.12em}.guide-dialog h2{font:800 25px/1.15 var(--display);letter-spacing:-.045em;margin:9px 42px 6px 0}.guide-dialog>p{max-width:52ch;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.55}.guide-steps{margin:0;padding:0;list-style:none;display:grid}.guide-steps li{border-top:1px solid var(--line);grid-template-columns:34px 30px minmax(0,1fr);align-items:start;gap:10px;padding:14px 0;display:grid}.guide-step-icon{color:#27724f;background:#edf6ef;border:1px solid #d7e7db;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.guide-step-number{color:#8a9a90;font:600 10px var(--mono);padding-top:3px}.guide-step-copy{gap:4px;min-width:0;display:grid}.guide-step-copy strong{color:var(--ink);font:750 13px var(--display)}.guide-step-copy small{color:var(--muted);font-size:12px;line-height:1.55}.guide-note{color:#4f6859;background:#f0f7f1;border:1px solid #d9e8dc;border-radius:9px;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;font-size:12px;line-height:1.5;display:flex}.guide-note svg{color:#39815a;flex:none;margin-top:1px}.guide-done{color:#fff;background:#176043;border:1px solid #176043;border-radius:8px;width:100%;min-height:42px;margin-top:16px;font-size:13px;font-weight:750;transition:transform .16s,background .16s}.guide-done:hover{background:#20734f;transform:translateY(-1px)}.guide-done:active{transform:translateY(1px)}.guide-done:focus-visible{outline-offset:2px;outline:3px solid #75b890}.liquidity-rpc-state{color:#79513e;background:#fff6f0;border:1px solid #eed7c9;border-radius:7px;margin:12px 0;padding:10px 11px;font-size:12px;line-height:1.5}.rpc-popover{z-index:25;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(350px,100vw - 32px);padding:16px;position:fixed;top:81px;right:clamp(18px,4vw,64px);box-shadow:0 15px 45px #16342a24}.rpc-popover>div{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.rpc-popover>div button,.rpc-popover>button:not(.mini-primary){background:0 0;border:0;padding:3px}.rpc-popover input{border:1px solid var(--line);width:100%;font:13px var(--mono);border-radius:7px;outline:none;padding:10px}.rpc-popover input:focus{border-color:#6bb18a;box-shadow:0 0 0 3px #e4f4e9}.rpc-popover p{color:var(--muted);font-size:12px;line-height:1.5}.mini-primary{background:var(--green);color:#fff;border:0;border-radius:6px;padding:9px 12px;font-size:13px;font-weight:700}.page-wrap{width:100%;max-width:1580px;margin:0 auto;padding:34px clamp(16px,3vw,48px) 24px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px;display:flex}.eyebrow{color:#687b71;font:500 12px var(--mono);letter-spacing:.105em;text-transform:uppercase;align-items:center;gap:7px;display:flex}.eyebrow-beacon{background:#25966a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dceee2}.eyebrow-separator{color:#bbc8bf}.page-heading h1{color:#15362a;font:800 clamp(24px, 3vw, 34px)/1.14 var(--display);letter-spacing:-.055em;margin:10px 0 5px}.page-heading p{color:#75847c;margin:0;font-size:14px}.heading-side{align-items:center;gap:17px;padding-bottom:3px;display:flex}.index-status{color:#718177;font:500 12px var(--mono);white-space:nowrap;align-items:center;gap:8px;display:flex}.help-button{color:#64776d;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.help-button:hover{color:var(--green)}.info-strip{color:#315b49;background:#e4f2e7;border:1px solid #c9e1d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.info-strip>svg{flex:none}.info-strip button{color:inherit;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;display:grid}.alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.alert p{flex:1;margin:0}.alert button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.error-alert{color:#994b39;background:#fff0eb;border:1px solid #e8b9aa}.error-alert>span{width:18px;height:18px;font:700 13px var(--mono);border:1px solid;border-radius:50%;place-items:center;display:grid}.notice-alert{color:#236345;background:#e9f6ee;border:1px solid #c2e0ce}.market-layout{grid-template-columns:minmax(190px,.7fr) minmax(0,2.2fr) minmax(270px,.9fr);align-items:start;gap:16px;min-width:0;display:grid}.market-layout>*,.trade-column,.chart-card,.chart-area,.chart-canvas{min-width:0}.market-sidebar,.chart-card,.trades-card,.swap-card,.liquidity-form-card,.positions-column{border:1px solid var(--line);background:#ffffffe0;border-radius:11px;box-shadow:0 2px 7px #14352606}.market-sidebar{min-height:640px;overflow:hidden}.sidebar-title{border-bottom:1px solid #e9eee9;justify-content:space-between;align-items:center;height:68px;padding:14px 15px 11px;display:flex}.sidebar-title h2{font:700 16px var(--display);letter-spacing:-.03em;margin:5px 0 0}.sidebar-title h2 small{vertical-align:1px;color:#537262;min-width:20px;height:18px;font:500 12px var(--mono);background:#edf4ee;border-radius:5px;place-items:center;margin-left:4px;padding:0 5px;display:inline-grid}.sidebar-title>button,.positions-heading>button{border:1px solid var(--line);color:#74857b;background:#fff;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.sidebar-title>button:hover,.positions-heading>button:hover{color:var(--green);border-color:#9ec6ae}.search-box{color:#87948c;background:#fafcf9;border:1px solid #e0e8e1;border-radius:7px;align-items:center;gap:8px;height:36px;margin:12px;padding:0 9px;display:flex}.search-box:focus-within{border-color:#8cb99d;box-shadow:0 0 0 3px #8bb99d21}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:13px}.search-box kbd{text-align:center;color:#9daa9f;min-width:18px;font:12px var(--mono);background:#fff;border:1px solid #dfe6df;border-radius:4px;padding:1px 4px}.market-table-head,.trade-table-head{color:#93a096;font:500 12px var(--mono);letter-spacing:.09em;justify-content:space-between;padding:8px 13px;display:flex}.market-row{text-align:left;background:0 0;border:0;border-top:1px solid #edf1ed;align-items:center;gap:9px;width:100%;min-height:60px;padding:8px 12px;transition:background .15s;display:flex}.market-row:hover{background:#f6faf6}.market-row.selected{background:#edf6ee;box-shadow:inset 2px 0 #39835c}.pair-icon{flex:none;align-items:center;width:34px;height:30px;display:flex}.pair-icon i,.pair-icon b{color:#fff;width:23px;height:23px;font:700 12px var(--mono);background:#307b5b;border:2px solid #fff;border-radius:50%;place-items:center;font-style:normal;display:grid}.pair-icon b{color:#573d1e;background:#e5c18b;margin-left:-8px}.pair-icon.large{width:50px;height:44px}.pair-icon.large i,.pair-icon.large b{width:35px;height:35px;font-size:13px}.pair-icon.large b{margin-left:-12px}.pair-main{flex:1;gap:4px;min-width:0;display:grid}.pair-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.pair-main strong i,.pair-name h2 i{color:#9ba99f;margin:0 3px;font-style:normal;font-weight:400}.pair-main small{color:#829187;font:12px var(--mono)}.pair-volume{justify-items:end;gap:3px;display:grid}.pair-volume strong{font:500 12px var(--mono);color:#425c4f}.pair-volume small{color:#8b9990;font:12px var(--mono)}.empty-market{background:#fbfdfb;border:1px dashed #cfdbd0;border-radius:9px;flex-direction:column;align-items:flex-start;gap:9px;margin:6px 10px;padding:26px 16px;display:flex}.empty-icon{color:#32795a;background:#e9f4e9;border:1px solid #dbe8dc;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.empty-market strong{font-size:13px}.empty-market p{color:#7c8d82;margin:0;font-size:12px;line-height:1.5}.empty-market button{color:var(--green);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:12px;font-weight:700;display:flex}.sidebar-foot{color:#7c8b81;font:12px var(--mono);border-top:1px solid #e9eee9;align-items:center;gap:7px;padding:11px 13px;display:flex}.sidebar-foot>button{color:#526f5f;font:500 12px var(--mono);background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;display:flex}.live-pulse{background:#279468;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #dcefe3}.market-main{min-width:0}.pair-heading{justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:5px 1px 10px;display:flex}.pair-title{align-items:center;gap:9px;min-width:0;display:flex}.pair-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pair-name h2{font:800 19px var(--display);letter-spacing:-.05em;margin:0}.fee-badge,.chain-badge{color:#5c7667;font:500 12px var(--mono);background:#e6efe7;border-radius:5px;padding:4px 6px}.chain-badge{color:#6a8073;background:#fff;border:1px solid #e0e8e0;align-items:center;gap:6px;display:inline-flex}.chain-badge .status-dot{width:5px;height:5px}.pair-title p{color:#839188;align-items:center;gap:5px;margin:4px 0 0;font-size:12px;display:flex}.pair-title p button{color:#647d6e;font:12px var(--mono);background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.reverse-button{border:1px solid var(--line);color:#718277;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex}.reverse-button:hover{color:var(--green)}.price-overview{flex-wrap:wrap;align-items:baseline;gap:9px;min-height:43px;padding:0 0 10px;display:flex}.price-overview>strong{color:#18392d;font:700 23px var(--display);letter-spacing:-.055em}.price-overview>span{color:#7a897f;font:12px var(--mono)}.price-overview>i{font:500 12px var(--mono);font-style:normal}.price-overview>i.positive{color:#218356}.price-overview>i.negative{color:#c46a57}.price-overview>i.neutral{color:#a28a65}.price-overview>button{color:#759083;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.chart-card{background:#fff;border-color:#e0e8e0;overflow:hidden;box-shadow:0 6px 20px #14352609}.chart-toolbar{color:#294337;border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:8px;height:49px;padding:0 14px;display:flex}.chart-toolbar-heading{align-items:center;gap:12px;min-width:0;display:flex}.chart-heading-copy{gap:2px;display:grid}.chart-toolbar strong{font-size:13px}.chart-toolbar span{color:#829187;font:12px var(--mono)}.chart-actions{align-items:center;gap:2px;display:flex}.chart-actions button{color:#78877d;min-width:31px;font:12px var(--mono);background:0 0;border:0;border-radius:4px;padding:5px}.chart-actions button:hover,.chart-actions button.active{color:#1d6847;background:#eaf3e9}.chart-style-switch{background:#f2f6f2;border:1px solid #d5e1d7;border-radius:7px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.chart-style-switch button{min-width:auto;font:650 12px var(--display);border-radius:4px;padding:5px 9px}.chart-style-switch button.active{color:#155b40;background:#e1eee5;box-shadow:0 1px 2px #14352614}.chart-actions .chart-tool{border-left:1px solid #e5ebe5;border-radius:0;place-items:center;margin-left:5px;padding-left:9px;display:grid}.chart-area{height:354px;position:relative}.chart-canvas{width:100%;height:100%}.chart-label{z-index:2;color:#819087;font:12px var(--mono);pointer-events:none;position:absolute;top:11px;left:13px}.chart-empty{color:#274436;pointer-events:none;background:#ffffffe8;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.chart-empty .empty-icon{color:#32795a;background:#eaf3e9;border-color:#dbe8dc}.chart-empty strong{font:600 13px var(--display)}.chart-empty span{text-align:center;color:#718177;max-width:280px;font-size:12px}.chart-foot{color:#78877d;height:32px;font:12px var(--mono);border-top:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;display:flex}.chart-foot span:first-child{align-items:center;gap:6px;display:flex}.market-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0 13px;display:grid}.market-stats>div{background:#fff;border:1px solid #e2e9e2;border-radius:8px;gap:5px;min-width:0;padding:11px 10px;display:grid}.market-stats>div:last-child{border:1px solid #e2e9e2}.market-stats span{color:#87948a;font:500 12px var(--mono);letter-spacing:.08em}.market-stats strong{text-overflow:ellipsis;color:#284638;font:700 14px var(--display);overflow:hidden}.market-stats small{color:#91a096;font-size:12px}.trades-card{overflow:hidden}.trades-heading{border-bottom:1px solid #eaf0ea;justify-content:space-between;align-items:center;padding:12px 13px 9px;display:flex}.trades-heading h3{font:700 14px var(--display);margin:4px 0 0}.live-tag{color:#698274;font:12px var(--mono);align-items:center;gap:5px;display:flex}.live-tag i{background:#2a9d70;border-radius:50%;width:5px;height:5px}.trade-table-head{grid-template-columns:1.2fr .8fr .5fr;padding:8px 13px;display:grid}.trade-row{min-height:33px;font:12px var(--mono);color:#75877c;border-top:1px solid #f0f3ef;grid-template-columns:1.2fr .8fr .5fr;align-items:center;padding:0 13px;display:grid}.trade-row>span:first-child{align-items:center;gap:6px;display:flex}.trade-row strong{color:#355846;font-weight:500}.trade-direction{color:#26956a;font:normal 13px var(--mono)}.trades-empty{text-align:center;color:#87958c;padding:18px;font-size:12px}.market-placeholder{background:#ffffff80;border:1px dashed #ccdbcf;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:600px;padding:36px;display:flex}.market-placeholder .empty-icon{margin-bottom:17px}.market-placeholder .eyebrow{color:var(--green)}.market-placeholder h2{max-width:390px;font:800 clamp(27px, 4vw, 43px)/1.08 var(--display);letter-spacing:-.06em;margin:10px 0}.market-placeholder p{color:#76867d;max-width:390px;font-size:14px;line-height:1.6}.market-placeholder .primary-action{background:var(--green-dark);color:#fff;border:0;border-radius:7px;align-items:center;gap:8px;margin-top:10px;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.trade-column{gap:12px;display:grid}.swap-card{background:#fffefa;border-color:#eadcc5;border-radius:13px;width:100%;min-width:0;padding:15px;box-shadow:0 8px 24px #6643180e}.swap-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;margin-bottom:12px;display:flex}.swap-card-heading>div{min-width:0}.swap-card-heading .eyebrow{color:#87683f}.swap-card-heading h2{font:800 17px var(--display);letter-spacing:-.04em;margin:5px 0 0}.swap-card-heading>button{color:#75664f;background:#fff;border:1px solid #eadfcf;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.protocol-switch{background:#f3f6f2;border:1px solid #e4e8e2;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 12px;padding:4px;display:grid}.protocol-switch button{color:#63746a;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:12px;font-weight:750;display:flex}.protocol-switch button.active{color:#15533b;background:#fff;border-color:#d7e5da;box-shadow:0 1px 3px #18342b14}.protocol-switch button span{color:#788a7f;font-size:10px;font-weight:600}.market-select-wrap{color:#7d8d82;grid-template-columns:minmax(0,1fr);gap:5px;width:100%;min-width:0;margin-bottom:10px;font-size:11px;font-weight:600;display:grid}.market-select-wrap select{text-overflow:ellipsis;white-space:nowrap;color:#1b392d;width:100%;min-width:0;max-width:100%;height:36px;font:600 12px var(--sans);background:#fff;border:1px solid #e8dcc9;border-radius:8px;outline:none;padding:0 10px;display:block;overflow:hidden}.market-select-wrap select:focus-visible{border-color:#27734e;box-shadow:0 0 0 3px #27734e24}.swap-box{background:#fffaf2;border:1px solid #eee3d1;border-radius:9px;padding:12px;transition:border-color .16s,box-shadow .16s}.swap-box:focus-within{border-color:#d9ad70;box-shadow:0 0 0 3px #c1843621}.swap-box-top{color:#7d8d82;justify-content:space-between;font-size:12px;display:flex}.swap-input-row{justify-content:space-between;align-items:center;gap:8px;margin:8px 0 7px;display:flex}.swap-input-row input{color:#1b392d;width:100%;min-width:0;font:700 23px var(--display);letter-spacing:-.04em;background:0 0;border:0;outline:0}.swap-input-row input::placeholder{color:#bdc8bf}.swap-input-row>strong{color:#1b392d;font:700 22px var(--display)}.token-pill{background:#fff;border:1px solid #e8dcc9;border-radius:20px;flex:none;align-items:center;gap:6px;padding:6px 8px 6px 6px;font-size:13px;font-weight:700;display:flex}.token-pill i{color:#fff;width:20px;height:20px;font:700 12px var(--mono);background:#42815f;border-radius:50%;place-items:center;font-style:normal;display:grid}.token-dropdown{z-index:12;flex:none;position:relative}.token-select-wrap{color:#203b2d;cursor:pointer;background:#fff;border:1px solid #e0e9e1;border-radius:20px;align-items:center;gap:6px;min-height:34px;padding:4px 9px 4px 5px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.token-select-wrap:hover,.token-select-wrap[aria-expanded=true]{background:#f8fcf8;border-color:#8db99b}.token-select-wrap:focus-visible{outline-offset:2px;outline:3px solid #27734e38}.token-select-wrap i{color:#fff;width:20px;height:20px;font:700 12px var(--mono);background:#42815f;border-radius:50%;place-items:center;font-style:normal;display:grid}.token-select{color:#1b392d;max-width:86px;font:700 13px var(--sans);white-space:nowrap}.token-select-wrap>svg{color:#718378;flex:none;transition:transform .16s}.token-select-wrap[aria-expanded=true]>svg{transform:rotate(180deg)}.token-menu{z-index:30;background:#fff;border:1px solid #dce7de;border-radius:12px;gap:3px;width:min(250px,100vw - 40px);padding:5px;animation:.14s ease-out pop;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px #16342a2e}.token-option{color:#294638;cursor:pointer;border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:9px;min-width:0;padding:8px 9px;transition:background .14s,border-color .14s;display:flex}.token-option:hover,.token-option:focus-visible{background:#f2f8f3;border-color:#dcebe0}.token-option.selected{background:#eaf4ec}.token-option>i{color:#fff;width:28px;height:28px;font:700 12px var(--mono);background:#42815f;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.token-option-copy{flex:1;gap:2px;min-width:0;display:grid}.token-option-copy strong{color:#203b2d;font-size:13px}.token-option-copy small{color:#7c8b81;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.token-option-check{color:#22734c;flex:none}.token-static{cursor:default;white-space:nowrap}.swap-box>small{text-overflow:ellipsis;white-space:nowrap;color:#8b998f;font-size:12px;display:block;overflow:hidden}.swap-direction{z-index:2;color:#8a4a10;background:#fff0d8;border:4px solid #fffefa;border-radius:9px;place-items:center;width:30px;height:30px;margin:-2px auto;display:grid;position:relative}.swap-direction:hover{transition:transform .2s;transform:rotate(180deg)}.receive-box{background:#fff6e8}.swap-settings-line{color:#7b8c81;justify-content:space-between;align-items:center;padding:13px 1px 10px;font-size:12px;display:flex}.swap-settings-line button{color:#744515;font:500 12px var(--mono);background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.swap-submit{color:#fff;background:#97500e;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:43px;font-size:13px;font-weight:700;transition:background .16s,transform .16s;display:flex}.swap-submit:hover:not(:disabled){background:#7d4008;transform:translateY(-1px)}.swap-route{color:#8a978e;justify-content:space-between;align-items:center;margin-top:13px;font-size:12px;display:flex}.swap-route>span{align-items:center;gap:5px;display:flex}.swap-route strong{color:#6d4a22;font:500 12px var(--mono)}.swap-route i{color:#8da095;font-style:normal}.swap-route em{color:#1b7752;font-style:normal}.wrap-swap-action{color:#5e7467;background:0 0;border:0;justify-self:start;align-items:center;gap:5px;margin-top:11px;padding:5px 0;font-size:11px;display:inline-flex}.wrap-swap-action b{color:#177653;font-weight:700}.wrap-swap-action:hover:not(:disabled) b{text-decoration:underline}.wrap-swap-action:disabled{opacity:.55}.wrap-quick-action{color:#335642;text-align:left;background:#f5faf5;border:1px solid #d9e8dd;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:54px;margin:0 0 12px;padding:8px 10px;transition:border-color .16s,background .16s,transform .16s;display:flex}.wrap-quick-action:hover{background:#edf6ee;border-color:#92bda0;transform:translateY(-1px)}.wrap-quick-action>span:nth-child(2){flex:1;gap:2px;display:grid}.wrap-quick-action strong{font-size:12px}.wrap-quick-action small{color:#72867a;font-size:12px}.wrap-quick-icon{color:#256e4b;background:#e2f0e4;border-radius:8px;place-items:center;width:30px;height:30px;font-size:19px;display:grid}.wrap-quick-action>svg{color:#6a8b75}.wrap-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1f1980;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.wrap-dialog{color:#18342b;background:#fbfdfb;border:1px solid #dce7de;border-radius:15px;width:min(440px,100%);padding:26px;position:relative;box-shadow:0 28px 80px #08201647}.wrap-dialog>.eyebrow{color:#177653}.wrap-dialog h2{font:800 25px/1.15 var(--display);letter-spacing:-.045em;margin:9px 28px 5px 0}.wrap-dialog>p{color:#708179;margin:0 16px 18px 0;font-size:13px;line-height:1.5}.wrap-balance-list{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.wrap-balance-list>div{background:#f5f8f4;border:1px solid #e1e9e2;border-radius:8px;gap:5px;min-width:0;padding:11px;display:grid}.wrap-balance-list span,.wrap-receive-preview>span{color:#718278;font-size:12px}.wrap-balance-list strong{text-overflow:ellipsis;color:#294a37;font:700 15px var(--display);overflow:hidden}.wrap-dialog form{gap:8px;display:grid}.wrap-amount-label{color:#4f6858;font-size:12px;font-weight:700}.wrap-amount-field{background:#fff;border:1px solid #d7e3d9;border-radius:8px;align-items:center;gap:9px;min-height:48px;padding:0 12px;display:flex}.wrap-amount-field:focus-within{border-color:#72a987;box-shadow:0 0 0 3px #539b6f24}.wrap-amount-field input{color:#18342b;width:100%;min-width:0;font:700 20px var(--display);background:0 0;border:0;outline:0}.wrap-amount-field>span{color:#4c6c58;font-size:12px;font-weight:700}.wrap-receive-preview{justify-content:space-between;align-items:center;gap:10px;padding:10px 1px 3px;display:flex}.wrap-receive-preview strong{color:#276b49;font:700 13px var(--mono);overflow-wrap:anywhere;text-align:right}.wrap-gas-note{color:#829087;font-size:12px;line-height:1.45}.wrap-error{color:#994b39;background:#fff0eb;border:1px solid #e8b9aa;border-radius:7px;margin:2px 0;padding:9px 10px;font-size:12px;line-height:1.45}.wrap-success{color:#236345;background:#e9f6ee;border:1px solid #c2e0ce;border-radius:7px;margin:2px 0;padding:9px 10px;font-size:12px;line-height:1.45}.wrap-submit{color:#fff;background:#177653;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:45px;margin-top:5px;font-size:13px;font-weight:700;display:flex}.wrap-submit:hover:not(:disabled){background:#125a3e}.wrap-submit:disabled{opacity:.55}.swap-unavailable{text-align:center;color:#78887e;flex-direction:column;align-items:center;gap:9px;padding:28px 10px;display:flex}.swap-unavailable>svg{color:#589271}.swap-unavailable strong{color:var(--ink);font-size:13px}.swap-unavailable p{max-width:210px;margin:0;font-size:12px;line-height:1.5}.swap-unavailable button{color:#236744;background:#edf6ed;border:1px solid #bed9c5;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.protocol-unavailable{background:#f8faf7;border:1px solid #e3e8e2;border-radius:9px;flex-direction:column;align-items:flex-start;gap:9px;padding:17px 14px;display:flex}.protocol-unavailable .eyebrow{color:#6c8475;font:600 10px var(--mono);letter-spacing:.08em}.protocol-unavailable strong{color:var(--ink);font:750 14px var(--display)}.protocol-unavailable p{color:#68796f;margin:0;font-size:12px;line-height:1.55}.protocol-unavailable button{color:#1b6545;background:#edf5ef;border:1px solid #cbded0;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.receive-box>small{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.side-note{color:#5b7967;background:#f8fbf7;border:1px solid #dfe9df;border-radius:9px;gap:9px;min-width:0;max-width:100%;padding:12px;display:flex}.side-note>svg{color:#409169;flex:none}.side-note p{gap:4px;min-width:0;margin:0;display:grid}.side-note strong{color:#42614d;font-size:12px}.side-note span{color:#7c8c81;font-size:12px;line-height:1.5}.liquidity-cta{text-align:left;background:#fff;border:1px solid #dce7dd;border-radius:9px;align-items:center;gap:9px;width:100%;padding:11px;transition:border-color .16s,transform .16s;display:flex}.liquidity-cta:hover{border-color:#9bc5a9;transform:translateY(-1px)}.liquidity-cta-icon{color:#29744e;background:#e4f1e6;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.liquidity-cta>span:nth-child(2){flex:1;gap:3px;display:grid}.liquidity-cta strong{font-size:12px}.liquidity-cta small{color:#819086;font-size:12px}.liquidity-cta>svg{color:#638372}.spin{animation:1.1s linear infinite spin}.liquidity-page{padding-bottom:10px}.liquidity-intro{background:linear-gradient(110deg,#edf6ec,#fbfcf9 61%,#e3f0e6);border:1px solid #dce8dd;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:7px 0 24px;padding:24px 28px;display:flex}.liquidity-intro .eyebrow{color:var(--green)}.liquidity-intro h2{font:800 clamp(29px, 4vw, 43px)/1.06 var(--display);letter-spacing:-.06em;margin:10px 0 8px}.liquidity-intro h2 em{color:var(--green);font-style:normal}.liquidity-intro>div:first-child p{color:#77877d;max-width:500px;margin:0;font-size:13px;line-height:1.6}.liquidity-aside{background:#ffffffa6;border:1px solid #d8e6da;border-radius:10px;width:320px;max-width:38%;padding:16px 17px;position:relative}.liquidity-orbit{color:#1c7550;background:#e1f1e4;border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:10px;display:grid}.liquidity-aside strong{font-size:13px}.liquidity-aside p{color:#7c8b81;margin:5px 0 12px;font-size:12px;line-height:1.5}.protocol-tag{color:#6b8073;font:500 12px var(--mono);letter-spacing:.07em}.protocol-tag i{color:#a8b7aa;font-style:normal}.liquidity-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:start;gap:16px;display:grid}.liquidity-form-card{padding:18px}.card-heading,.positions-heading{justify-content:space-between;align-items:center;display:flex}.card-heading h3,.positions-heading h3,.liquidity-pool-strip h3{font:700 17px var(--display);letter-spacing:-.035em;margin:5px 0 0}.step-chip{color:#778a7d;font:500 12px var(--mono);align-items:center;gap:6px;display:flex}.step-chip i{color:#286d49;width:21px;height:21px;font:600 12px var(--mono);background:#e4f1e5;border-radius:50%;place-items:center;font-style:normal;display:grid}.mode-tabs{background:#f0f4ef;border-radius:7px;gap:4px;margin:17px 0;padding:4px;display:flex}.mode-tabs button{color:#78867d;background:0 0;border:0;border-radius:5px;flex:1;padding:8px;font-size:12px;font-weight:600}.mode-tabs button.selected{color:#255c40;background:#fff;box-shadow:0 1px 4px #18342b14}.token-address-row,.amount-fields,.liquidity-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}.token-address-row{position:relative}.liquidity-form-card label{color:#586e60;gap:6px;font-size:12px;font-weight:600;display:grid}.existing-pool-select{margin-bottom:12px}.liquidity-form-card input,.liquidity-form-card select{color:#304c3b;width:100%;min-width:0;height:38px;font:12px var(--mono);background:#fbfcfa;border:1px solid #dce6dc;border-radius:7px;outline:none;padding:0 10px}.liquidity-form-card input:focus,.liquidity-form-card select:focus{border-color:#86b398;box-shadow:0 0 0 3px #86b39824}.liquidity-form-card input::placeholder{color:#b1beb4}.token-address-row input{font-size:12px}.pair-swap-icon{z-index:2;color:#59806a;background:#fff;border:1px solid #d8e4d9;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:8px;left:calc(50% - 12px)}.amount-fields{margin-top:12px}.liquidity-row{margin-top:13px}.input-hint{color:#96a298;font-size:12px;font-weight:400}.range-panel{background:#f9fbf8;border:1px solid #e2eae2;border-radius:8px;margin-top:15px;padding:12px}.range-title{color:#73867a;font:500 12px var(--mono);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.range-title>span:first-child{color:#47755a;align-items:center;gap:5px;display:flex}.range-panel .amount-fields{margin:0}.range-preview{color:#91a095;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex}.range-preview i{background:#b8d9c0;flex:1;height:1px}.range-preview i:first-child,.range-preview i:last-child{max-width:30px}.liquidity-callout{color:#667b6c;background:#eff5ed;border-radius:7px;align-items:flex-start;gap:8px;margin:12px 0;padding:9px 10px;font-size:12px;line-height:1.5;display:flex}.liquidity-callout svg{color:#528361;flex:none}.create-liquidity-button{background:var(--green);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;font-size:13px;font-weight:700;display:flex}.create-liquidity-button:hover:not(:disabled){background:#126342}.known-pairs{border-top:1px solid #e8eee8;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;margin-top:13px;padding-top:12px;display:grid}.known-pairs>span{color:#97a399;font:12px var(--mono);grid-row:span 2}.known-pairs strong{color:#466352;font:600 12px var(--mono)}.known-pairs small{color:#94a198;font-size:12px}.positions-column{padding:17px}.positions-heading{margin-bottom:14px}.positions-heading>button{width:29px;height:29px}.positions-empty{text-align:center;background:#fbfcfa;border:1px dashed #d5e1d6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;padding:20px;display:flex}.positions-empty strong{font-size:13px}.positions-empty p{color:#829187;max-width:220px;margin:0;font-size:12px;line-height:1.5}.position-list{gap:9px;max-height:405px;padding-right:2px;display:grid;overflow:auto}.position-card{background:#fbfcfa;border:1px solid #e0e9e0;border-radius:8px;padding:12px}.position-card-head{align-items:center;gap:8px;display:flex}.position-card-head>div:nth-child(2){flex:1;gap:3px;display:grid}.position-card-head strong{font-size:12px}.position-card-head small{color:#86958a;font:12px var(--mono)}.nft-pill{color:#3b7953;font:12px var(--mono);border:1px solid #cce1cf;border-radius:4px;padding:3px 5px}.position-range{background:#f0f6ef;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;margin:12px 0 9px;padding:8px;display:flex}.position-range>span{gap:4px;display:grid}.position-range small{color:#8b9a8e;font:12px var(--mono)}.position-range b{color:#42674e;font:500 12px var(--mono)}.position-range>i{color:#75a17f;font:normal 12px var(--mono)}.position-liquidity{color:#87948a;justify-content:space-between;padding:6px 1px 10px;font-size:12px;display:flex}.position-liquidity strong{color:#3c5a47;font:500 12px var(--mono)}.position-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.position-actions button{color:#286746;background:#fff;border:1px solid #cbded0;border-radius:6px;padding:7px;font-size:12px;font-weight:700}.position-actions button:hover{background:#eaf5ec}.position-actions .withdraw-action{color:#895f50;border-color:#e5d6ce}.position-actions .withdraw-action:hover{background:#fbf0ea}.wrap-card{border:1px solid #e0e8e1;border-radius:8px;grid-template-columns:29px 1fr;align-items:center;gap:9px;margin-top:12px;padding:11px;display:grid}.wrap-icon{color:#27734e;background:#e2f0e4;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.wrap-card>div:nth-child(2){gap:3px;display:grid}.wrap-card strong{font-size:12px}.wrap-card p{color:#849187;margin:0;font-size:12px}.wrap-card button{color:#316c4d;background:#fff;border:1px solid #dce8dc;border-radius:6px;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;padding:7px;font-size:12px;font-weight:700;display:flex}.position-footnote{color:#819187;align-items:flex-start;gap:6px;margin-top:11px;font-size:12px;line-height:1.5;display:flex}.position-footnote svg{color:#5f9972;flex:none}.liquidity-pool-strip{border:1px solid var(--line);background:#ffffffb8;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:16px 18px;display:flex}.liquidity-pool-strip h3{font-size:14px}.liquidity-pool-strip p{color:#829087;margin:5px 0 0;font-size:12px}.pool-mini-list{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.pool-mini-list>span{background:#fbfcfa;border:1px solid #e0e9e0;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;display:flex}.pool-mini-list i{color:#456452;font:500 12px var(--mono);font-style:normal}.pool-mini-list b{color:#819186;font:500 12px var(--mono)}.pool-mini-empty{color:#87958b;font-size:12px}.site-footer{color:#89978d;min-height:42px;font:12px var(--mono);letter-spacing:.035em;border-top:1px solid #dce5dd;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:11px;display:flex}.site-footer>span{align-items:center;gap:7px;display:flex}.site-footer img{width:17px;height:17px}.site-footer i{color:#bdc9bf;font-style:normal}.site-footer button{color:#6a8072;font:12px var(--mono);background:0 0;border:0;align-items:center;gap:5px;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1220px){.market-layout{grid-template-columns:minmax(190px,.7fr) minmax(0,2.2fr) minmax(270px,.9fr);gap:12px}.topbar{gap:28px}.page-wrap{padding-inline:20px}.chart-area{height:320px}.market-stats>div{padding-inline:8px}}@media (width<=1000px){.market-layout{grid-template-columns:225px minmax(0,1fr)}.trade-column{grid-area:2/2;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start}.swap-card{grid-row:span 2}.liquidity-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.heading-side{flex-direction:column;align-items:flex-end;gap:7px}}@media (width<=900px){.topbar{flex-wrap:wrap;gap:8px 20px;height:auto;min-height:72px;padding:8px 20px}}@media (width<=700px){.topbar{flex-wrap:wrap;gap:8px 15px;height:auto;min-height:62px;padding:8px 13px}.brand{gap:7px;font-size:15px}.brand img{width:28px;height:28px}.brand-muted{display:none}.primary-nav{gap:12px}.primary-nav button{gap:5px;font-size:12px}.primary-nav button svg{width:14px}.topbar-right{gap:6px}.network-chip{gap:5px;padding:8px;font-size:0}.network-chip .status-dot{width:7px}.network-chip .chain-id{padding-left:5px;font-size:12px}.network-chip>svg{width:12px}.connect-button{gap:5px;padding:9px 8px;font-size:12px}.wallet-connect-group .connect-button{border-radius:8px 0 0 8px}.connect-options-button{width:30px}.connected-label{gap:0;font-size:0}.connected-label i{width:7px;height:7px}.connect-button>svg:first-child{width:14px}.page-wrap{padding:22px 12px 18px}.page-heading{align-items:flex-start;margin-bottom:16px}.page-heading h1{font-size:24px}.page-heading p{max-width:290px;font-size:13px}.heading-side{display:none}.market-layout{flex-direction:column;gap:12px;display:flex}.market-sidebar{order:3;width:100%;min-height:0}.market-main{order:2;width:100%}.trade-column{order:1;grid-template-columns:1fr;width:100%;display:grid}.swap-card{grid-row:auto}.pair-heading{min-height:55px}.pair-name h2{font-size:17px}.pair-name{gap:5px}.pair-title p{font-size:12px}.reverse-button{padding:7px;font-size:0}.price-overview>strong{font-size:21px}.price-overview>button{display:none}.chart-toolbar{flex-wrap:wrap;height:auto;min-height:49px;padding:7px 9px}.chart-toolbar-heading{gap:8px}.chart-actions{gap:0}.chart-actions button{min-width:27px;padding-inline:3px;font-size:12px}.chart-actions .chart-tool{display:none}.chart-area{height:286px}.chart-foot{font-size:12px}.market-stats{grid-template-columns:1fr 1fr}.market-stats>div:nth-child(2),.market-stats>div:nth-child(-n+2){border:1px solid #e2e9e2}.liquidity-intro{flex-direction:column;align-items:stretch;padding:19px}.liquidity-aside{width:auto;max-width:none}.liquidity-grid{grid-template-columns:1fr}.liquidity-form-card,.positions-column{padding:14px}.liquidity-pool-strip{flex-direction:column;align-items:flex-start}.pool-mini-list{justify-content:flex-start}.site-footer{flex-direction:column;align-items:flex-start;padding-bottom:8px}}@media (width<=380px){.primary-nav{gap:8px}.primary-nav button{justify-content:center;gap:0;min-width:30px;font-size:0}.topbar{column-gap:10px}.topbar-right{flex-wrap:wrap}.page-wrap{padding-inline:10px}.wrap-dialog{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.theme-toggle{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.theme-toggle:hover{border-color:#8ebaa0;transform:translateY(-1px)}.theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #66aa82}.exchange-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e0ebe4;--muted:#a6b8ad;--line:#30443a;--paper:#0d1713;--white:#17231e;--green:#68c392;--green-dark:#1d6447;--mint:#a8e4bf;--deep:#09120e;color:#dce8e1;background:var(--paper)}:root[data-theme=dark],:root[data-theme=dark] body{background:#0d1713}.exchange-shell[data-theme=dark] .topbar{background:#101b16f0}.exchange-shell[data-theme=dark] .network-chip,.exchange-shell[data-theme=dark] .connect-button.connected,.exchange-shell[data-theme=dark] .wallet-menu,.exchange-shell[data-theme=dark] .wallet-picker,.exchange-shell[data-theme=dark] .wallet-picker-close,.exchange-shell[data-theme=dark] .wallet-option,.exchange-shell[data-theme=dark] .rpc-popover,.exchange-shell[data-theme=dark] .theme-toggle,.exchange-shell[data-theme=dark] .market-sidebar,.exchange-shell[data-theme=dark] .chart-card,.exchange-shell[data-theme=dark] .market-stats>div,.exchange-shell[data-theme=dark] .trades-card,.exchange-shell[data-theme=dark] .positions-column,.exchange-shell[data-theme=dark] .liquidity-form-card{color:var(--ink);background:#17231e;border-color:#30443a}.exchange-shell[data-theme=dark] .wallet-menu button:hover,.exchange-shell[data-theme=dark] .market-row:hover,.exchange-shell[data-theme=dark] .wallet-option:hover:not(:disabled){background:#203128}.exchange-shell[data-theme=dark] .wallet-account-summary,.exchange-shell[data-theme=dark] .chart-toolbar,.exchange-shell[data-theme=dark] .chart-foot,.exchange-shell[data-theme=dark] .trades-heading,.exchange-shell[data-theme=dark] .trade-row,.exchange-shell[data-theme=dark] .sidebar-foot{border-color:#2b3c33}.exchange-shell[data-theme=dark] .wallet-picker,.exchange-shell[data-theme=dark] .info-strip,.exchange-shell[data-theme=dark] .notice-alert,.exchange-shell[data-theme=dark] .liquidity-callout,.exchange-shell[data-theme=dark] .range-panel,.exchange-shell[data-theme=dark] .mode-tabs,.exchange-shell[data-theme=dark] .position-range,.exchange-shell[data-theme=dark] .liquidity-aside,.exchange-shell[data-theme=dark] .wallet-status,.exchange-shell[data-theme=dark] .liquidity-rpc-state,.exchange-shell[data-theme=dark] .wallet-picker-empty,.exchange-shell[data-theme=dark] .positions-empty,.exchange-shell[data-theme=dark] .position-card,.exchange-shell[data-theme=dark] .empty-market,.exchange-shell[data-theme=dark] .liquidity-pool-strip,.exchange-shell[data-theme=dark] .pool-mini-list>span,.exchange-shell[data-theme=dark] .side-note,.exchange-shell[data-theme=dark] .wrap-card,.exchange-shell[data-theme=dark] .chart-empty{color:var(--ink);background:#131f19;border-color:#30443a}.exchange-shell[data-theme=dark] .swap-card{color:var(--ink);background:#19231c;border-color:#48513a}.exchange-shell[data-theme=dark] .wrap-quick-action{color:#c9ded0;background:#131f19;border-color:#30483a}.exchange-shell[data-theme=dark] .wrap-quick-action:hover{background:#1c3023;border-color:#53785c}.exchange-shell[data-theme=dark] .wrap-quick-action small,.exchange-shell[data-theme=dark] .wrap-gas-note{color:#a8b9ae}.exchange-shell[data-theme=dark] .wrap-quick-icon{color:#a8dfba;background:#20372b}.exchange-shell[data-theme=dark] .wrap-dialog{color:#e0ebe4;background:#131f19;border-color:#30483a}.exchange-shell[data-theme=dark] .wrap-dialog>p,.exchange-shell[data-theme=dark] .wrap-amount-label{color:#a8b9ae}.exchange-shell[data-theme=dark] .wrap-balance-list>div{background:#192820;border-color:#30483a}.exchange-shell[data-theme=dark] .wrap-balance-list strong{color:#d0e4d6}.exchange-shell[data-theme=dark] .wrap-amount-field{background:#0e1913;border-color:#3a5042}.exchange-shell[data-theme=dark] .wrap-amount-field input{color:#e0ebe4}.exchange-shell[data-theme=dark] .wrap-amount-field>span{color:#b9d8c1}.exchange-shell[data-theme=dark] .wrap-receive-preview strong{color:#a8dfba}.exchange-shell[data-theme=dark] .wrap-error{color:#f0b39f;background:#2a1c18;border-color:#654237}.exchange-shell[data-theme=dark] .wrap-success{color:#a8dfba;background:#172a1e;border-color:#2e5139}.exchange-shell[data-theme=dark] .swap-box,.exchange-shell[data-theme=dark] .receive-box{color:var(--ink);background:#20291f;border-color:#454b38}.exchange-shell[data-theme=dark] .receive-box .swap-input-row>strong{color:#bde8ca}.exchange-shell[data-theme=dark] .protocol-switch{background:#151f19;border-color:#34443a}.exchange-shell[data-theme=dark] .protocol-switch button{color:#a8b9ae}.exchange-shell[data-theme=dark] .protocol-switch button.active{color:#bde8ca;background:#26372d;border-color:#3b5945}.exchange-shell[data-theme=dark] .protocol-switch button span{color:#93a89a}.exchange-shell[data-theme=dark] .protocol-unavailable{background:#18231c;border-color:#394b3e}.exchange-shell[data-theme=dark] .protocol-unavailable strong{color:#e0ebe4}.exchange-shell[data-theme=dark] .protocol-unavailable p{color:#a8b9ae}.exchange-shell[data-theme=dark] .protocol-unavailable button{color:#bde8ca;background:#24382b;border-color:#3d6048}.exchange-shell[data-theme=dark] .guide-dialog{color:#e0ebe4;background:#131f19;border-color:#30483a}.exchange-shell[data-theme=dark] .guide-dialog h2,.exchange-shell[data-theme=dark] .guide-step-copy strong{color:#e0ebe4}.exchange-shell[data-theme=dark] .guide-dialog>p,.exchange-shell[data-theme=dark] .guide-step-copy small{color:#a8b9ae}.exchange-shell[data-theme=dark] .guide-steps li{border-color:#30443a}.exchange-shell[data-theme=dark] .guide-step-icon{color:#b9e4c7;background:#20372b;border-color:#3b5945}.exchange-shell[data-theme=dark] .guide-step-number{color:#91a398}.exchange-shell[data-theme=dark] .guide-note{color:#c0d1c6;background:#172a1e;border-color:#2e5139}.exchange-shell[data-theme=dark] .guide-note svg{color:#a8dfba}.exchange-shell[data-theme=dark] .guide-done{color:#08150e;background:#87d3a2;border-color:#87d3a2}.exchange-shell[data-theme=dark] .guide-done:hover{background:#9ae0b2}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=520px){.guide-backdrop{place-items:end center;padding:10px}.guide-dialog{border-radius:15px;max-height:min(82dvh,720px);padding:24px 18px 18px}.guide-dialog h2{font-size:22px}.guide-steps li{grid-template-columns:31px 22px minmax(0,1fr);gap:7px;padding:12px 0}.guide-step-icon{width:28px;height:28px}}.exchange-shell[data-theme=dark] .market-select-wrap select{color:#eef4f7;background:#26372d;border-color:#3a5143}.exchange-shell[data-theme=dark] .wrap-swap-action{color:#a8b9ae}.exchange-shell[data-theme=dark] .wrap-swap-action b{color:#a8dfba}.exchange-shell[data-theme=dark] .token-pill,.exchange-shell[data-theme=dark] .token-select-wrap,.exchange-shell[data-theme=dark] .reverse-button,.exchange-shell[data-theme=dark] .search-box,.exchange-shell[data-theme=dark] .liquidity-cta,.exchange-shell[data-theme=dark] .swap-direction,.exchange-shell[data-theme=dark] .market-sidebar .sidebar-title>button,.exchange-shell[data-theme=dark] .wallet-option-mark{color:#d8e7dd;background:#26372d;border-color:#3a5143}.exchange-shell[data-theme=dark] .search-box kbd{color:#b4c7ba;background:#1a2921;border-color:#3a5042}.exchange-shell[data-theme=dark] .token-select{color:#eef4f7;background:0 0}.exchange-shell[data-theme=dark] .token-select-wrap{color:#eef4f7;background:#1c2b22;border-color:#3a5143}.exchange-shell[data-theme=dark] .token-select-wrap:hover,.exchange-shell[data-theme=dark] .token-select-wrap[aria-expanded=true]{background:#25382d;border-color:#5b8066}.exchange-shell[data-theme=dark] .token-menu{background:#17231e;border-color:#30443a;box-shadow:0 16px 38px #00000061}.exchange-shell[data-theme=dark] .token-option{color:#dce8e1}.exchange-shell[data-theme=dark] .token-option:hover,.exchange-shell[data-theme=dark] .token-option:focus-visible{background:#203128;border-color:#385141}.exchange-shell[data-theme=dark] .token-option.selected{background:#203c2d}.exchange-shell[data-theme=dark] .token-option-copy strong{color:#e0ebe4}.exchange-shell[data-theme=dark] .token-option-copy small{color:#a8b9ae}.exchange-shell[data-theme=dark] .token-option-check{color:#9ee2b7}.exchange-shell[data-theme=dark] .liquidity-cta small,.exchange-shell[data-theme=dark] .liquidity-cta>svg{color:#a8b9ae}.exchange-shell[data-theme=dark] .liquidity-cta-icon{color:#a8dfba;background:#20372b}.exchange-shell[data-theme=dark] .swap-direction{border-color:#19231c}.exchange-shell[data-theme=dark] .market-row.selected{background:#203c2d}.exchange-shell[data-theme=dark] .market-placeholder,.exchange-shell[data-theme=dark] .liquidity-intro{color:var(--ink);background:linear-gradient(110deg,#17291e,#111c17 62%,#1b2b20);border-color:#30483a}.exchange-shell[data-theme=dark] .info-strip,.exchange-shell[data-theme=dark] .notice-alert{color:#a8dfba;background:#172a1e;border-color:#2e5139}.exchange-shell[data-theme=dark] .error-alert,.exchange-shell[data-theme=dark] .liquidity-rpc-state{color:#f0b39f;background:#2a1c18;border-color:#654237}.exchange-shell[data-theme=dark] .mode-tabs button.selected{color:#a8dfba;background:#26372d}.exchange-shell[data-theme=dark] .liquidity-form-card label,.exchange-shell[data-theme=dark] .range-title,.exchange-shell[data-theme=dark] .range-title>span:first-child,.exchange-shell[data-theme=dark] .liquidity-callout,.exchange-shell[data-theme=dark] .position-liquidity,.exchange-shell[data-theme=dark] .position-footnote,.exchange-shell[data-theme=dark] .wrap-card p{color:#a8b9ae}.exchange-shell[data-theme=dark] .position-actions button,.exchange-shell[data-theme=dark] .wrap-card button,.exchange-shell[data-theme=dark] .pair-swap-icon{color:#b9e4c7;background:#203329;border-color:#3b5a45}.exchange-shell[data-theme=dark] .position-actions .withdraw-action{color:#e6b5a2;border-color:#68483d}.exchange-shell[data-theme=dark] .position-actions .withdraw-action:hover{background:#35231d}.exchange-shell[data-theme=dark] .position-range,.exchange-shell[data-theme=dark] .chart-actions button.active,.exchange-shell[data-theme=dark] .chart-actions button:hover{color:#9ee2b7;background:#20372b}.exchange-shell[data-theme=dark] .chart-style-switch{background:#101a15;border-color:#30433a}.exchange-shell[data-theme=dark] .chart-style-switch button.active{color:#bde8ca;background:#263d30}.exchange-shell[data-theme=dark] :is(h1,h2,h3,.brand,.pair-name h2,.price-overview>strong,.market-stats strong,.trades-heading h3,.swap-card-heading h2,.wallet-picker h2,.market-placeholder h2,.wrap-dialog h2){color:#e0ebe4}.exchange-shell[data-theme=dark] :is(p,small,.brand-muted,.primary-nav button,.chain-id,.page-heading p,.help-button,.index-status,.pair-title p,.pair-volume,.pair-main small,.market-stats small,.chart-toolbar span,.chart-foot,.trade-row,.trades-empty,.empty-market p,.swap-box-top,.swap-box>small,.swap-settings-line,.swap-route,.side-note span,.liquidity-pool-strip p,.pool-mini-empty,.site-footer,.wallet-picker-foot,.wallet-option small,.wallet-status){color:#a8b9ae}.exchange-shell[data-theme=dark] :is(.eyebrow,.market-table-head,.trade-table-head,.price-overview>span,.chart-label){color:#9bad9f}.exchange-shell[data-theme=dark] .pair-main strong,.exchange-shell[data-theme=dark] .pair-volume strong,.exchange-shell[data-theme=dark] .trade-row strong,.exchange-shell[data-theme=dark] .position-range b,.exchange-shell[data-theme=dark] .wallet-account-summary>span{color:#c9ded0}.exchange-shell[data-theme=dark] .error-alert p{color:#f0b39f}.exchange-shell[data-theme=dark] .notice-alert p,.exchange-shell[data-theme=dark] .info-strip span{color:#a8dfba}.exchange-shell[data-theme=dark] :is(input,select,textarea){color:#e0ebe4}.exchange-shell[data-theme=dark] :is(input,select,textarea)::placeholder{color:#82968a}.exchange-shell[data-theme=dark] .liquidity-form-card input,.exchange-shell[data-theme=dark] .liquidity-form-card select{color:#dce8e1;background:#111c17;border-color:#3a5042}.exchange-shell[data-theme=dark] .range-preview{color:#a8b9ae}.exchange-shell[data-theme=dark] .wallet-picker-empty.asterra-missing{color:#e0ba9f;background:#2a211b;border-color:#654b37}.exchange-shell[data-theme=dark] .chart-empty{background:#111c17eb}.exchange-shell[data-theme=dark] .site-footer{border-color:#30443a}@media (width<=700px){.theme-toggle{width:36px;min-height:36px;padding:0}.theme-toggle span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}