@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#11153f;background:#f8f8ff;font-synthesis:none;--bg:#f8f8ff;--surface:#fff;--soft:#f8f9fd;--text:#11153f;--muted:#7880a5;--line:#e3e5f3;--accent:#7654e8;--tint:#f0ecff;--shadow:0 10px 40px #7654e808}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:var(--tint)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a88fff;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #7654e816}.primary:hover:not(:disabled){background:#6844d7}.full{width:100%;min-height:50px}.icon{padding:8px;background:transparent;border-color:transparent;flex-shrink:0}a{color:var(--accent);text-decoration:none}header{min-height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4%;gap:6%;background:var(--surface)}.brand{font-size:30px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap;color:var(--text)}.brand span{color:var(--accent)}nav{display:flex;align-self:stretch;gap:22px}nav button{border:0;background:transparent;border-radius:0;font-size:16px;font-weight:600;padding:0 4px;border-bottom:3px solid transparent}nav .active{color:var(--accent);border-bottom-color:var(--accent)}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px}.network{font-size:12px;border:1px solid var(--line);border-radius:24px;padding:9px 12px;white-space:nowrap;background:var(--soft)}.network i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#e4a735}.network i.connected{background:#29bd89}main{max-width:1440px;margin:0 auto;padding:38px 4% 0}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;margin:0 0 32px}.intro{padding-left:32px}h1{font-size:clamp(36px,4.3vw,64px);line-height:1.1;letter-spacing:-2.4px;margin:0 0 18px;font-weight:800}h2{font-size:24px;letter-spacing:-.6px;margin:0;font-weight:800}.subtitle{font-size:clamp(18px,2.1vw,29px);line-height:1.45;color:var(--muted);margin:0 0 42px;font-weight:500}.benefit{display:flex;align-items:center;gap:24px;margin:20px 0}.benefit>span{width:56px;height:56px;background:var(--tint);border-radius:16px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.benefit svg{width:29px;height:29px}.benefit p{font-size:20px;line-height:1.5;margin:0}.intro-foot{font-size:14px;color:var(--muted);margin-top:32px;padding-top:22px;border-top:1px solid var(--line);max-width:430px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.swap{padding:28px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.pool-picker{font-size:10px;color:var(--muted);text-align:right;max-width:230px}.pool-picker select{display:block;font-size:11px;margin-top:3px;padding:6px;max-width:100%}.token-field{display:block;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:13px 16px}.token-field>span{font-size:13px;color:var(--muted);font-weight:600}.token-field>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}.token-field input{width:100%;min-width:0;background:none;border:0;padding:0;font-size:30px;color:var(--text);outline-offset:0}.token-field strong{padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;white-space:nowrap;background:var(--surface)}.token-field output{font-size:30px;overflow:hidden;text-overflow:ellipsis}.token-field small{display:block;color:var(--muted);font-size:11px;min-height:16px;margin-top:4px}.reverse{display:flex;margin:8px auto;border:1px solid var(--line);border-radius:100%;color:var(--accent);background:var(--surface)}dl{margin:22px 0;font-size:12px}dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px}dt{color:var(--muted)}dd{margin:0;font-weight:600}select,input{border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--text);padding:9px 12px}dd select{font-size:12px;padding:5px 12px}.pools{padding-top:24px;overflow:hidden}.pools>.section-title{padding:0 26px;margin-bottom:18px}.row{display:flex;gap:8px;align-items:center}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th,td{padding:16px 26px;border-top:1px solid var(--line)}th{font-size:12px;font-weight:500;color:var(--muted);background:var(--soft)}th:last-child,td:last-child{text-align:right}.actions{justify-content:flex-end}.pair{display:flex;align-items:center;gap:8px}.pair b{font-size:13px}.pair small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.coin{border-radius:50%;width:29px;height:29px;color:#fff;background:#19234d;display:inline-grid;place-items:center;font-weight:800}.coin.second{background:var(--accent);margin-left:-4px;margin-right:5px}.empty{padding:24px;color:var(--muted);text-align:center}.wallet-strip{display:flex;gap:16px;align-items:center;margin-top:20px;font-size:13px}.link{border:0;padding:0;background:transparent;color:var(--accent)}footer{text-align:center;font-size:11px;color:var(--muted);line-height:1.8;padding:28px 0}.notice{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);padding:10px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:13px}.history{margin-top:26px}.history h2{font-size:20px;margin-bottom:14px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.success{color:#1c9e72}.backdrop{position:fixed;inset:0;background:#11142a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{position:relative;width:480px;max-width:100%;max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:32px;background:var(--surface);box-shadow:0 24px 80px #11142a30}.dialog h2{padding-right:25px;margin-bottom:20px}.close{position:absolute;right:14px;top:14px}.dialog p{font-size:13px;line-height:1.7}.dialog label{display:block;font-size:12px;margin:16px 0;color:var(--muted)}.dialog label input,.dialog label select{width:100%;display:block;margin-top:8px;font-size:14px}.dialog .note{font-size:12px;line-height:1.7;background:var(--tint);padding:16px;border-radius:10px;margin:18px 0}.muted{color:var(--muted)}.external{display:flex;gap:6px;justify-content:center;font-size:13px;margin:16px 0}.divider{height:1px;background:var(--line);margin:24px 0}.address{display:block;overflow-wrap:anywhere;font-size:12px}.review-amount{font-size:23px;font-weight:700;line-height:1.5}.review-amount span{display:block;font-size:12px;color:var(--muted);margin:8px 0}.dialog-status{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}[data-theme=dark]{--bg:#11131e;--surface:#191c2b;--soft:#202437;--text:#f1f1fc;--muted:#a0a7c3;--line:#30364e;--tint:#2a2442;--shadow:0 10px 40px #00000012;background:var(--bg);color:var(--text)}@media(min-width:1440px){main{padding-top:40px}.hero{min-height:560px}.swap{padding:30px}.token-field{padding:16px}.section-title{margin-bottom:24px}}@media(max-width:1100px){header{gap:30px;flex-wrap:wrap;padding:16px 4% 0}.header-right{gap:8px}nav{order:3;width:100%;height:46px;justify-content:center}main{padding-top:26px}.intro{padding-left:0}h1{letter-spacing:-1.5px}.benefit p{font-size:16px}.benefit{gap:14px}.swap{padding:20px}.hero{gap:4%}.subtitle{margin-bottom:26px}.pool-picker{max-width:180px}th,td{padding:14px 18px}}@media(max-width:720px){header{gap:12px}.brand{font-size:24px}.header-right{gap:4px}.header-right .primary{font-size:11px;padding:10px}.header-right .primary svg{display:none}.network{display:none}nav{gap:28px}nav button{font-size:13px}main{padding:24px 16px 0}.hero{display:flex;flex-direction:column;gap:26px}.intro{width:100%;padding:0 4px}.intro h1{font-size:36px;letter-spacing:-1.5px;margin-bottom:10px}.subtitle{font-size:18px;margin:0 0 20px}.benefit{display:inline-flex;gap:8px;margin:0 18px 10px 0}.benefit>span{height:30px;width:30px;border-radius:9px}.benefit svg{width:18px}.benefit p{font-size:11px;max-width:170px}.desktop,.intro-foot{display:none}.swap{width:100%;padding:20px}.wallet-strip{flex-wrap:wrap;margin-top:10px}.pools>.section-title{padding:0 16px;gap:10px}.pools h2{font-size:17px}.pools .primary{font-size:11px;padding:10px}.pools .section-title .icon{display:none}.pools{border-radius:12px}th,td{padding:14px 16px}.dialog{padding:24px}.backdrop{padding:14px}.history-row{font-size:11px;gap:8px}.history-row code{display:none}h2{font-size:22px}footer{padding:24px 8px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:720px){.table-scroll{overflow:visible}table,tbody{display:block;white-space:normal}thead{display:none}tr{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);padding:14px 16px;gap:12px}td{border:0;padding:0;font-size:12px}td:first-child,td:last-child{grid-column:1/-1;text-align:left}td:nth-child(2):before{content:"Резервы: ";color:var(--muted)}td:nth-child(3):before{content:"Комиссия: ";color:var(--muted)}.actions{justify-content:flex-start;flex-wrap:wrap}.actions button{flex:1;padding:10px;font-size:12px}.pair b{font-size:13px}}header{flex-wrap:wrap;gap:20px;padding-top:12px;padding-bottom:12px}.header-right{flex-wrap:wrap;gap:8px}.header-right select{max-width:190px;font-size:12px}nav{min-height:46px}.card>label{display:block;margin:16px 0;font-size:13px}.card>label>input,.card>label>select{display:block;width:100%;max-width:480px;margin-top:8px}.card>.note{padding:16px;background:var(--tint);border-radius:10px;font-size:13px;line-height:1.6}@media(max-width:720px){.header-right{width:100%;justify-content:space-between;margin:0}.header-right select{max-width:145px;font-size:11px}nav{gap:18px}header nav{order:3}.card>h2{overflow-wrap:anywhere}}.pool-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;padding:0 24px 16px}.pool-controls label{font-size:12px;color:var(--muted);min-width:0}.pool-controls input,.pool-controls select{display:block;width:100%;min-width:0;margin-top:8px;font-size:13px}.pool-help,.pools>p.muted{padding:0 24px;font-size:12px;line-height:1.6}.pools>.row{padding:12px 24px;flex-wrap:wrap}.pools td small{overflow-wrap:anywhere}@media(max-width:900px){.pool-controls{grid-template-columns:1fr 1fr}}@media(max-width:720px){.pool-controls{padding:0 16px 12px;grid-template-columns:1fr}.pool-help,.pools>p.muted{padding:0 16px}.pools>.row{padding:12px 16px}.pools td[data-label]{grid-column:1/-1}.pools td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}}
