*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Kanit,Inter,system-ui,-apple-system,sans-serif;background:#f2f5fe;color:#0c1340;min-width:320px;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}:root{--c-blue: #165dff;--c-blue-dark: #0e4ed4;--c-purple: #7b61ff;--c-purple-mid: #a590ff;--c-orange: #ff7200;--c-orange-dark: #e06000;--c-accent: #ff7200;--c-bg: #f8f7ff;--c-surface: #ffffff;--c-surface2: #f2eeff;--c-surface3: #e9e2ff;--c-text: #1a0e56;--c-text-dim: #453490;--c-muted: #9288c8;--c-border: #e0d8fc;--c-border-hover: rgba(123, 97, 255, .4);--c-border-focus: #7b61ff;--c-success: #00b47a;--c-error: #e8294e;--c-warn: #ff7200;--radius-card: 24px;--radius-input: 16px;--radius-btn: 12px;--radius-pill: 100px;--shadow-card: 0 1px 0 1px #f0eaff, 0 8px 40px rgba(123, 97, 255, .13);--shadow-raise: 0 4px 8px rgba(123, 97, 255, .1), 0 20px 56px rgba(123, 97, 255, .2);--shadow-btn: 0 8px 24px rgba(255, 114, 0, .45);--shadow-btn-blue: 0 6px 20px rgba(22, 93, 255, .38);--shadow-menu: 0 4px 12px rgba(26, 14, 86, .06), 0 16px 40px rgba(26, 14, 86, .14), 0 0 0 1px var(--c-border);--shadow-focus: 0 0 0 3px rgba(123, 97, 255, .22);--transition: all .16s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;background:var(--c-bg);color:var(--c-text)}.page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 0% 0%,rgba(123,97,255,.09) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(22,93,255,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 60% 100%,rgba(255,114,0,.05) 0%,transparent 55%),var(--c-bg)}.pageBridgeOnly{min-height:100vh}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 28px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);box-shadow:0 1px 12px #7b61ff14}.headerLeft{display:flex;align-items:center;gap:20px}.headerRight{display:flex;align-items:center;gap:8px}.logo{display:flex;align-items:center}.headerBrand{font-size:19px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(120deg,var(--c-orange) 0%,var(--c-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:2px;padding:3px;background:var(--c-surface2);border-radius:var(--radius-btn);border:1px solid var(--c-border)}.navLink{border:none;background:none;font-size:13px;font-weight:600;color:var(--c-muted);padding:6px 18px;border-radius:10px;cursor:pointer;transition:var(--transition);letter-spacing:.01em}.navLink:hover{color:var(--c-text-dim)}.navLink.active{background:var(--c-surface);color:var(--c-purple);box-shadow:0 1px 6px #7b61ff29,0 0 0 1px var(--c-border);font-weight:700}.chainBadge{font-size:11px;font-weight:600;padding:5px 12px;border-radius:var(--radius-pill);background:linear-gradient(120deg,#7b61ff1a,#165dff14);color:var(--c-purple);letter-spacing:.03em;border:1px solid rgba(123,97,255,.2)}.walletBtn{border:none;font-size:13px;font-weight:700;padding:9px 22px;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);color:#fff;background:linear-gradient(120deg,var(--c-orange) 0%,#ff4500 100%);letter-spacing:.01em;box-shadow:0 2px 10px #ff720040}.walletBtn:hover{transform:translateY(-1px);box-shadow:var(--shadow-btn)}.walletBtn.connected{background:var(--c-surface2);color:var(--c-text-dim);border:1px solid var(--c-border);display:flex;align-items:center;gap:7px;font-weight:600;box-shadow:none}.walletBtn.connected:hover{background:var(--c-surface3);border-color:var(--c-border-hover);color:var(--c-text);transform:none;box-shadow:none}.walletArrow{transition:transform .15s}.langWrap{position:relative}.langBtn{display:flex;align-items:center;gap:4px;padding:7px 10px;border-radius:var(--radius-btn);border:1px solid var(--c-border);background:transparent;color:var(--c-muted);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.langBtn:hover{border-color:var(--c-border-hover);color:var(--c-text-dim)}.langMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--c-surface);border-radius:18px;box-shadow:var(--shadow-menu);padding:6px;z-index:110;animation:fadeDown .12s ease-out}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.langFlagIcon{width:20px;height:15px;border-radius:3px;object-fit:cover;flex-shrink:0;display:block}.langMenuItem{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;font-size:13px;font-weight:500;color:var(--c-text-dim);padding:8px 12px;border-radius:12px;cursor:pointer;text-align:left;transition:var(--transition)}.langMenuItem:hover{background:var(--c-surface2);color:var(--c-text)}.langMenuItemActive{color:var(--c-purple);font-weight:700}.walletWrap{position:relative}.walletMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--c-surface);border-radius:20px;box-shadow:var(--shadow-menu);padding:6px;z-index:100;animation:fadeDown .12s ease-out}.walletMenuAddr{font-size:11px;font-weight:600;color:var(--c-muted);padding:8px 12px;border-bottom:1px solid var(--c-border);margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.walletMenuItem{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;font-size:13px;font-weight:500;color:var(--c-text-dim);padding:9px 12px;border-radius:12px;cursor:pointer;transition:var(--transition)}.walletMenuItem:hover{background:var(--c-surface2);color:var(--c-text)}.walletMenuItem.danger{color:var(--c-error)}.walletMenuItem.danger:hover{background:#e8294e0f}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px 100px}.card{width:100%;max-width:444px;background:var(--c-surface);border-radius:var(--radius-card);padding:26px;box-shadow:var(--shadow-card);border:1px solid var(--c-border);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-raise)}.cardTitle{margin-bottom:22px}.cardTitle h2{font-size:21px;font-weight:800;color:var(--c-text);margin:0;letter-spacing:-.03em;background:linear-gradient(120deg,var(--c-text) 0%,var(--c-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:12px;color:var(--c-muted);margin:5px 0 0;font-weight:500}.inputPanel{background:var(--c-surface2);border:1.5px solid transparent;border-radius:var(--radius-input);padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s}.inputPanel:hover{border-color:#7b61ff40}.inputPanel:focus-within{border-color:var(--c-border-focus);box-shadow:var(--shadow-focus);background:#fff}.inputPanel.small{margin-bottom:10px}.inputHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.inputLabel{font-size:11px;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.07em}.inputBal{font-size:11px;color:var(--c-muted);cursor:pointer;font-weight:500;transition:color .12s}.inputBal:hover{color:var(--c-orange)}.inputRow{display:flex;align-items:center;gap:10px}.inputRow input,.inputPanel>input{flex:1;border:none;background:transparent;font-size:28px;font-weight:700;color:var(--c-text);outline:none;min-width:0;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.inputRow input::placeholder,.inputPanel>input::placeholder{color:#c8c0e8}.tokenBtn{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1.5px solid var(--c-border);background:var(--c-surface);padding:7px 12px 7px 7px;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);white-space:nowrap;box-shadow:0 1px 4px #7b61ff14}.tokenBtn:hover{border-color:var(--c-border-hover);box-shadow:0 3px 12px #7b61ff2e;transform:translateY(-1px)}.tokenBtn:active{transform:scale(.97) translateY(0)}.tokenAvatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.tokenBtnSymbol{font-size:15px;font-weight:800;color:var(--c-text);letter-spacing:-.01em}.tokenBtnChevron{color:var(--c-muted);flex-shrink:0}.tokenSelect{border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text-dim);font-size:14px;font-weight:700;padding:8px 12px;border-radius:var(--radius-pill);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;min-width:80px;text-align:center;transition:var(--transition)}.tokenSelect:hover{border-color:var(--c-border-hover)}.switchRow{display:flex;justify-content:center;margin:8px 0;position:relative;z-index:1}.switchBtn{width:40px;height:40px;border:2px solid var(--c-border);border-radius:50%;background:var(--c-surface);color:var(--c-muted);display:grid;place-items:center;cursor:pointer;transition:var(--transition);box-shadow:0 2px 10px #7b61ff1a}.switchBtn:hover{border-color:var(--c-orange);color:var(--c-orange);transform:rotate(180deg);box-shadow:0 4px 16px #ff720040}.slippageRow{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--c-muted);margin-top:14px;font-weight:500}.slippageBtns{display:flex;align-items:center;gap:3px}.slipBtn{border:1.5px solid var(--c-border);font-size:11px;font-weight:700;padding:5px 10px;border-radius:var(--radius-pill);background:transparent;color:var(--c-muted);cursor:pointer;transition:var(--transition)}.slipBtn.active{background:var(--c-purple);color:#fff;border-color:var(--c-purple);box-shadow:0 2px 8px #7b61ff52}.slipBtn:hover:not(.active){border-color:var(--c-border-hover);color:var(--c-purple)}.slipBtn:disabled{opacity:.35;cursor:not-allowed}.slipInput{width:52px;border:1.5px solid var(--c-border);border-radius:var(--radius-pill);text-align:center;font-size:11px;font-weight:700;padding:5px 4px;outline:none;color:var(--c-text);background:var(--c-surface);transition:border-color .12s,box-shadow .12s}.slipInput:focus{border-color:var(--c-border-focus);box-shadow:var(--shadow-focus)}.quoteInfo{display:flex;justify-content:space-between;font-size:12px;color:var(--c-muted);padding:10px 0;border-top:1px solid var(--c-border);margin-top:6px;font-weight:500}.quoteInfo.routeInfo .routePath{font-size:.82rem;text-align:right;max-width:68%;word-break:break-word}.actionBtn{width:100%;border:none;padding:15px 16px;border-radius:var(--radius-btn);font-size:16px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--c-orange) 0%,#ff4500 100%);cursor:pointer;margin-top:20px;transition:var(--transition);letter-spacing:.02em;position:relative;overflow:hidden;box-shadow:0 4px 16px #ff720047}.actionBtn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .15s}.actionBtn:hover:not(:disabled):after{background:#ffffff1a}.actionBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-btn)}.actionBtn:active:not(:disabled){transform:translateY(0);box-shadow:none}.actionBtn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.actionBtn.remove{background:transparent;border:1.5px solid rgba(232,41,78,.3);color:var(--c-error);box-shadow:none}.actionBtn.remove:hover:not(:disabled){background:#e8294e0f;border-color:var(--c-error);box-shadow:none;transform:none}.liqWrap{display:grid;grid-template-columns:1fr;gap:4px;width:100%;min-width:0}.liqWrap>*{min-width:0}.protocolTabs{display:flex;background:var(--c-surface2);border:1.5px solid var(--c-border);border-radius:var(--radius-btn);padding:4px;gap:4px;margin-bottom:16px}.protocolTab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:10px;border:none;background:transparent;cursor:pointer;transition:background .15s,box-shadow .15s}.protocolTab:disabled{opacity:.35;cursor:not-allowed}.protocolTabActive{background:var(--c-surface);box-shadow:0 1px 6px #7b61ff29,0 0 0 1px var(--c-border)}.protocolTabLabel{font-size:15px;font-weight:800;color:var(--c-muted);line-height:1;transition:color .15s}.protocolTabActive .protocolTabLabel{color:var(--c-purple)}.protocolTabSub{font-size:10px;font-weight:500;color:var(--c-muted);line-height:1;transition:color .15s}.protocolTabActive .protocolTabSub{color:var(--c-text-dim)}.feeTierGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.feeTierCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px 11px;border-radius:var(--radius-input);border:1.5px solid var(--c-border);background:var(--c-surface2);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.feeTierCard:hover{border-color:var(--c-border-hover);background:#fff;box-shadow:0 4px 12px #7b61ff1f}.feeTierCardActive{border-color:var(--c-purple)!important;background:#7b61ff12!important;box-shadow:0 4px 16px #7b61ff2e!important}.feeTierBadge{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:9px;font-weight:800;background:linear-gradient(120deg,var(--c-orange),#ff4500);color:#fff;padding:2px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.04em}.feeTierPct{font-size:13px;font-weight:700;color:var(--c-text);line-height:1;transition:color .15s;font-variant-numeric:tabular-nums}.feeTierCardActive .feeTierPct{color:var(--c-purple)}.feeTierDesc{font-size:9px;font-weight:500;color:var(--c-muted);text-align:center;line-height:1.3}.pairRow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.pairPlus{font-size:18px;font-weight:300;color:var(--c-muted)}.lpInfo{text-align:center;font-size:13px;color:var(--c-muted);margin-bottom:14px;font-weight:500}.lpInfo strong{color:var(--c-text-dim)}.liqForm h3{font-size:11px;font-weight:700;color:var(--c-muted);margin:10px 0 12px;text-transform:uppercase;letter-spacing:.1em}.poolRateInfo{font-size:12px;font-weight:500;color:var(--c-text-dim);background:#7b61ff0f;padding:10px 14px;border-radius:12px;margin-bottom:10px;border:1px solid rgba(123,97,255,.15);border-left:3px solid var(--c-purple);line-height:1.7}.poolRateInfo.newPool{color:var(--c-orange);background:#ff72000f;border-color:#ff72002e;border-left-color:var(--c-orange)}.divider{border:none;border-top:1px solid var(--c-border);margin:16px 0}.bottomNav{display:none}.v3PosList{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.v3PosCard{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--c-border);background:var(--c-surface2);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.v3PosCard:hover{border-color:var(--c-border-hover);background:#fff;box-shadow:0 2px 10px #7b61ff1f}.v3PosCardActive{border-color:var(--c-purple)!important;background:#7b61ff0f!important}.v3PosId{font-size:12px;font-weight:700;color:var(--c-purple);flex-shrink:0;font-variant-numeric:tabular-nums}.v3PosLiq{font-size:12px;color:var(--c-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3PosFeeBadge{font-size:10px;font-weight:700;background:#7b61ff1a;color:var(--c-purple);padding:3px 8px;border-radius:20px;flex-shrink:0;letter-spacing:.03em;border:1px solid rgba(123,97,255,.18)}.v3RemovePctRow{display:flex;align-items:center;gap:6px;margin-bottom:14px}.pctBtn{padding:6px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--c-border);background:transparent;color:var(--c-muted);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition)}.pctBtn:hover{border-color:var(--c-border-hover);color:var(--c-purple)}.pctBtnActive{border-color:var(--c-purple)!important;background:#7b61ff1a!important;color:var(--c-purple)!important}.pctInput{width:60px;padding:6px 8px;border-radius:var(--radius-pill);border:1.5px solid var(--c-border);background:var(--c-surface2);color:var(--c-text);font-size:12px;font-weight:700;text-align:center;outline:none;transition:border-color .12s,box-shadow .12s}.pctInput:focus{border-color:var(--c-border-focus);box-shadow:var(--shadow-focus)}.toast{margin-top:14px;padding:12px 14px;border-radius:14px;font-size:12px;font-weight:500;word-break:break-all;line-height:1.7;background:var(--c-surface2);color:var(--c-text-dim);border:1px solid var(--c-border);border-left:3px solid var(--c-purple);animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left-color:var(--c-success);color:var(--c-success);background:#00b47a0f}.toast.error{border-left-color:var(--c-error);color:var(--c-error);background:#e8294e0d}.toast.pending{border-left-color:var(--c-orange);color:var(--c-orange-dark);background:#ff72000f}.pickerOverlay{position:fixed;inset:0;background:#1a0e5659;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:overlayIn .15s ease-out;overscroll-behavior:contain}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.pickerSheet{background:var(--c-surface);border-radius:28px;width:100%;max-width:390px;max-height:78vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #1a0e5638,0 0 0 1px var(--c-border);animation:sheetIn .18s cubic-bezier(.34,1.5,.64,1);overflow:hidden}@keyframes sheetIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pickerHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;flex-shrink:0;border-bottom:1px solid var(--c-border)}.pickerTitle{font-size:17px;font-weight:800;color:var(--c-text);letter-spacing:-.01em}.pickerClose{width:32px;height:32px;border:1.5px solid var(--c-border);background:var(--c-surface2);border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--c-muted);transition:var(--transition);flex-shrink:0}.pickerClose:hover{border-color:var(--c-border-hover);color:var(--c-purple);background:var(--c-surface3)}.pickerSearchWrap{padding:12px 12px 8px;flex-shrink:0}.pickerSearch{width:100%;border:1.5px solid var(--c-border);border-radius:var(--radius-input);padding:11px 16px;font-size:14px;font-weight:500;outline:none;color:var(--c-text);background:var(--c-surface2);transition:border-color .12s,box-shadow .12s,background .12s}.pickerSearch:focus{border-color:var(--c-border-focus);box-shadow:var(--shadow-focus);background:#fff}.pickerSearch::placeholder{color:var(--c-muted)}.pickerList{overflow-y:auto;flex:1;padding:4px 8px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pickerList::-webkit-scrollbar{width:3px}.pickerList::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.pickerItem{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;padding:10px 12px;border-radius:16px;cursor:pointer;transition:var(--transition);text-align:left}.pickerItem:hover{background:var(--c-surface2)}.pickerItem:active{transform:scale(.98)}.pickerItemActive{background:#7b61ff14!important}.pickerItemIcon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #1a0e561a}.pickerItemInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pickerItemSymbol{font-size:14px;font-weight:800;color:var(--c-text);letter-spacing:-.01em}.pickerItemName{font-size:11px;font-weight:400;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickerItemBal{font-size:13px;font-weight:600;color:var(--c-text-dim);flex-shrink:0;font-variant-numeric:tabular-nums}.pickerItemCheck{flex-shrink:0}.pickerEmpty{text-align:center;padding:32px 16px;color:var(--c-muted);font-size:14px;font-weight:500}@media(max-width:600px){.header{height:auto;padding:10px 16px;flex-wrap:wrap;gap:8px}.headerLeft{flex-wrap:wrap;gap:8px}.nav{display:none}.main{padding:16px 12px 100px}.bottomNav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--c-border);box-shadow:0 -4px 24px #7b61ff1a;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.bottomNavItem{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;border:none;background:none;color:var(--c-muted);font-size:10px;font-weight:700;cursor:pointer;transition:color .15s;letter-spacing:.02em;text-transform:uppercase}.bottomNavItem svg{transition:transform .15s}.bottomNavItem.active{color:var(--c-orange)}.bottomNavItem.active svg{transform:scale(1.12)}.card{padding:18px 14px;border-radius:20px}.inputRow input{font-size:22px}.feeTierGrid{grid-template-columns:repeat(2,1fr)}.slippageRow{flex-direction:column;align-items:flex-start;gap:8px}.pairRow{flex-direction:column;gap:8px}.pairRow .tokenBtn{width:100%;justify-content:center;padding:10px 18px}.chainBadge,.langBtn span,.langBtn .walletArrow{display:none}.langBtn{padding:7px 9px;gap:0}.walletBtn{font-size:12px;padding:8px 14px}.pickerOverlay{align-items:flex-end;padding:0;background:#1a0e5666}.pickerSheet{max-width:100%;max-height:88vh;border-radius:28px 28px 0 0;animation:sheetUp .22s cubic-bezier(.32,1,.4,1)}@keyframes sheetUp{0%{transform:translateY(60px);opacity:.6}to{transform:translateY(0);opacity:1}}.pickerSheet:before{content:"";display:block;width:36px;height:4px;background:var(--c-border);border-radius:2px;margin:12px auto -4px;flex-shrink:0}.pickerHeader{padding:18px 16px 12px}.pickerItem{padding:12px}.pickerItemIcon{width:42px;height:42px}}.mainBridge{padding-top:24px}.pageBridgeOnly .mainBridge{padding-top:20px;padding-bottom:24px}.bridgeScreen{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.bridgeStatus{width:100%;max-width:720px}.bridgePage{width:100%;max-width:720px;min-width:0;display:grid;gap:14px;overflow-x:clip}.bridgePage>*{min-width:0}.bridgeHeaderBar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:20px;background:#fffffff0;border:1px solid rgba(224,216,252,.78);box-shadow:0 14px 36px #1a0e5614}.bridgeHeaderBrand{display:flex;align-items:center;gap:10px;min-width:0}.bridgeHeaderLogo{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.bridgeHeaderBrandText{min-width:0;display:flex;flex-direction:column;gap:2px}.bridgeHeaderBrandText strong{color:var(--c-text);font-size:12px;line-height:1.2;letter-spacing:.08em}.bridgeHeaderBrandText span{color:var(--c-muted);font-size:12px;font-weight:700;line-height:1.2}.bridgeHeaderActions{display:flex;align-items:center;gap:10px;flex-shrink:0}.bridgeHeaderLangBtn{min-height:38px;padding:8px 10px;border-radius:12px;border:1px solid rgba(22,93,255,.14);background:#fff;color:var(--c-text-dim);box-shadow:none}.bridgeHeaderLangBtn:hover{border-color:#165dff3d;background:#165dff0a;color:var(--c-text)}.bridgeHeaderLangMenu{min-width:168px}.bridgeHeaderWalletBtn{flex-shrink:0;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(22,93,255,.18);background:#fff;color:var(--c-text);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.bridgeHeaderWalletBtn:hover{border-color:#165dff57;box-shadow:0 10px 24px #165dff14;transform:translateY(-1px)}.bridgeHeaderWalletBtn.isConnected{color:var(--c-blue);background:#165dff0f}.bridgePanel{position:relative;margin-top:0;border-radius:24px;background:#fffffff5;border:1px solid rgba(224,216,252,.72);padding:18px;box-shadow:0 18px 48px #1a0e561a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bridgePanelIntro{margin-bottom:14px}.bridgePanelIntro h2{margin:0;color:var(--c-text);font-size:26px;line-height:1.15;letter-spacing:-.03em}.bridgePanelIntro p{margin:8px 0 0;color:var(--c-muted);font-size:13px;line-height:1.55}.bridgeNotice{margin-bottom:16px;padding:12px 14px;border-radius:16px;border:1px solid rgba(22,93,255,.16);background:linear-gradient(120deg,#165dff14,#7b61ff14);color:var(--c-text-dim);font-size:13px;font-weight:600;line-height:1.6}.bridgeChainBlock{margin-bottom:16px}.bridgeLabelRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.bridgeRouteCard{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:16px;padding:14px;border-radius:20px;background:#fff;border:1px solid rgba(224,216,252,.9);box-shadow:0 10px 30px #165dff0f}.bridgeLabelRow{margin-bottom:10px}.bridgeSectionEyebrow,.bridgeFieldLabel{font-size:12px;font-weight:800;color:var(--c-muted);letter-spacing:.08em;text-transform:uppercase}.bridgeChainGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bridgeChainField{display:flex;flex-direction:column;gap:8px;min-width:0}.bridgeChainSelectBtn{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(224,216,252,.9);border-radius:18px;background:var(--c-surface2);color:var(--c-text);cursor:pointer;transition:var(--transition)}.bridgeChainSelectBtn:hover{border-color:#165dff3d;background:#fff;box-shadow:0 10px 24px #165dff14}.bridgeChainSelectValue{min-width:0;display:flex;align-items:center;gap:12px}.bridgeChainSelectIcon,.bridgeChainListIcon{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.bridgeChainSelectText{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.bridgeChainSelectText strong{font-size:15px;line-height:1.2}.bridgeChainSheet{max-width:420px;max-height:min(76vh,720px)}.bridgeChainList{padding:10px 16px 18px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bridgeChainListItem{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--c-border);background:#fff;color:var(--c-text);cursor:pointer;transition:var(--transition);text-align:left}.bridgeChainListItem:hover:not(:disabled){border-color:#165dff47;box-shadow:0 10px 24px #165dff14}.bridgeChainListItem.isActive{border-color:#165dff57;background:#165dff0d}.bridgeChainListItem:disabled{opacity:.45;cursor:not-allowed}.bridgeChainListValue{display:flex;align-items:center;gap:12px;min-width:0}.bridgeChainListValue strong{font-size:15px;line-height:1.2}.bridgeChainListCheck{color:var(--c-blue);flex-shrink:0}.bridgeChainChip{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--c-border);background:var(--c-surface2);color:var(--c-text-dim);border-radius:14px;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.bridgeChainChipIcon{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.bridgeChainChipLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bridgeChainChip:hover:not(:disabled){border-color:var(--c-border-hover);background:#fff}.bridgeChainChip.active{border-color:transparent;color:#fff;background:linear-gradient(120deg,var(--c-blue) 0%,var(--c-purple) 100%);box-shadow:var(--shadow-btn-blue)}.bridgeChainChip.active:hover:not(:disabled),.bridgeChainChip.active:focus-visible{border-color:transparent;color:#fff;background:linear-gradient(120deg,var(--c-blue) 0%,var(--c-purple) 100%);box-shadow:var(--shadow-btn-blue)}.bridgeChainChip:disabled{opacity:.45;cursor:not-allowed}.bridgeAssetBox,.bridgeRecipientCard,.bridgeSummaryCard,.bridgeRecordCard{background:#fff;border-radius:24px;border:1px solid rgba(224,216,252,.9);box-shadow:0 10px 30px #165dff0f}.bridgeAssetBox{padding:14px}.bridgeBalanceLink{border:none;background:none;color:var(--c-muted);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.bridgeBalanceLink:hover{color:var(--c-blue)}.bridgeAmountMeta{font-size:12px;font-weight:600;color:var(--c-muted)}.bridgeAssetMain{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0}.bridgeAssetButton{display:flex;align-items:center;gap:8px;width:100%;border:none;background:var(--c-surface2);color:var(--c-text);border-radius:18px;min-height:56px;padding:8px 12px;cursor:pointer;transition:var(--transition);min-width:0}.bridgeAssetButton:hover{transform:translateY(-1px);box-shadow:0 12px 26px #165dff14}.bridgeAssetButtonInline{width:auto;min-width:112px;justify-content:space-between;flex-shrink:0;padding:8px 10px}.bridgeAssetInlineSymbol{font-size:14px;font-weight:800;line-height:1.1;white-space:nowrap}.bridgeAssetText{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.bridgeAssetText strong{font-size:15px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bridgeAssetText small{display:inline-flex;align-items:center;max-width:100%;min-height:22px;padding:0 8px;border-radius:999px;background:#7b61ff14;font-size:12px;color:var(--c-text-dim);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bridgeAmountBox,.bridgeReadOnlyValue{min-height:56px;border-radius:18px;background:var(--c-surface2)}.bridgeAmountBox{display:flex;align-items:center;gap:8px;padding:0 16px;min-width:0}.bridgeAmountBox input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:20px;font-weight:800;color:var(--c-text);letter-spacing:-.04em}.bridgeAmountBox input::placeholder{color:#c8c0e8}.bridgeReadOnlyValue{display:flex;align-items:center;justify-content:flex-end;padding:0 18px;font-size:30px;font-weight:800;color:var(--c-text);letter-spacing:-.04em;min-width:0}.bridgeSwitchRow{display:flex;justify-content:center;margin:6px 0 14px}.bridgeSwitchRow.compact{margin:10px 0}.bridgeSwitchBtn{width:40px;height:40px;border:1.5px solid rgba(123,97,255,.16);border-radius:14px;background:#fff;color:var(--c-purple);display:grid;place-items:center;cursor:pointer;transition:var(--transition);box-shadow:0 8px 22px #7b61ff1a}.bridgeSwitchBtn:hover{transform:rotate(180deg) translateY(-1px);color:var(--c-orange);border-color:#ff72003d}.bridgeRecipientCard{margin-top:16px;padding:14px}.bridgeRecipientInput{width:100%;border:none;border-bottom:1px solid var(--c-border);background:transparent;color:var(--c-text);font-size:14px;padding:10px 0 0;outline:none;transition:border-color .15s}.bridgeRecipientTextarea{min-height:55px;resize:vertical;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.bridgeRecipientInput:focus{border-bottom-color:var(--c-blue)}.bridgeRecipientInput::placeholder{color:var(--c-muted)}.bridgeRecipientHint{margin:10px 0 0;font-size:12px;color:var(--c-orange);line-height:1.5}.bridgeRecipientHint.isError{color:var(--c-error)}.bridgeQuoteBanner{margin-top:16px;padding:12px 14px;border-radius:16px;background:#165dff12;border:1px solid rgba(22,93,255,.14);color:var(--c-text-dim);font-size:13px;line-height:1.6;font-weight:600}.bridgeQuoteBanner.error{background:#e8294e0d;border-color:#e8294e24;color:var(--c-error)}.bridgeQuoteBanner.success{background:#00b47a0f;border-color:#00b47a24;color:var(--c-success)}.bridgeSummaryCard{margin-top:16px;padding:10px 16px}.bridgeConnectionCard{margin-top:14px;padding:12px 16px;border-radius:18px;background:#165dff0f;border:1px solid rgba(22,93,255,.12);display:flex;align-items:center;justify-content:space-between;gap:14px}.bridgeConnectionCard span{color:var(--c-muted);font-size:13px}.bridgeConnectionCard strong{color:var(--c-text);font-size:14px;text-align:right}.bridgeSummaryRow,.bridgeRecordRow,.bridgeReviewRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.bridgeSummaryRow+.bridgeSummaryRow,.bridgeRecordRow+.bridgeRecordRow,.bridgeReviewRow+.bridgeReviewRow{border-top:1px solid rgba(224,216,252,.62)}.bridgeSummaryRow span,.bridgeRecordRow span,.bridgeReviewRow span,.bridgeRecordTime{color:var(--c-muted);font-size:13px;line-height:1.5}.bridgeSummaryRow strong,.bridgeRecordRow strong,.bridgeReviewRow strong{color:var(--c-text);font-size:14px;line-height:1.5;text-align:right;word-break:break-word}.bridgeActionBtn{margin-top:18px;background:linear-gradient(120deg,var(--c-blue) 0%,#2e6dff 40%,var(--c-purple) 100%);box-shadow:var(--shadow-btn-blue)}.bridgeFootnote,.bridgeLegalNote{margin:16px 0 0;color:#a6add3;text-align:center;font-size:12px;line-height:1.7}.bridgeFootnote a{color:var(--c-purple);text-decoration:none;font-weight:700}.bridgeWalletSheet{max-width:440px;max-height:min(78vh,720px)}.bridgeWalletIntro{margin:6px 0 0;color:var(--c-muted);font-size:13px;line-height:1.6}.bridgeWalletList{padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bridgeWalletList::-webkit-scrollbar{width:4px}.bridgeWalletList::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:999px}.bridgeWalletItem{border:1px solid var(--c-border);border-radius:20px;background:#fff;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:var(--transition);text-align:left}.bridgeWalletItem:hover{border-color:#165dff47;box-shadow:0 10px 24px #165dff14;transform:translateY(-1px)}.bridgeWalletItem.isDisabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.bridgeWalletAvatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(120deg,#165dff1f,#7b61ff29);color:var(--c-blue);display:grid;place-items:center;font-weight:800;letter-spacing:.04em;flex-shrink:0}.bridgeWalletAvatarImg{width:100%;height:100%;object-fit:contain;display:block}.bridgeWalletMeta{min-width:0;display:flex;flex-direction:column;gap:2px}.bridgeWalletMeta strong{color:var(--c-text);font-size:15px}.bridgeWalletMeta span{color:var(--c-muted);font-size:12px;line-height:1.5}.bridgeWalletBadge{margin-left:auto;padding:6px 10px;border-radius:999px;background:#8d96c41f;color:var(--c-muted);font-size:11px;font-weight:700;white-space:nowrap}.bridgeWalletBadge.isReady{background:#00b47a1a;color:var(--c-success)}.bridgeStateCard{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:240px;border-radius:28px;border:1px solid rgba(224,216,252,.9);background:linear-gradient(180deg,#fffffffa,#f5f7fff5);box-shadow:0 12px 34px #165dff12;padding:24px}.bridgeStateCard h3{margin:0;color:var(--c-text);font-size:20px}.bridgeStateCard p{margin:0;max-width:420px;color:var(--c-muted);font-size:14px;line-height:1.7}.bridgeStateAction{min-height:42px;padding:0 16px;border:none;border-radius:999px;background:linear-gradient(120deg,var(--c-blue),var(--c-purple));color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-btn-blue)}.bridgeStateSpinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(22,93,255,.14);border-top-color:var(--c-blue);animation:bridgeSpin .9s linear infinite}@keyframes bridgeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bridgeRecords{display:grid;gap:14px;min-width:0}.bridgeRecordsHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:2px}.bridgeRecordsHead h2{margin:0;font-size:24px;color:var(--c-text);letter-spacing:-.03em}.bridgeMoreBtn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(123,97,255,.18);border-radius:999px;background:#ffffffe6;color:var(--c-text-dim);font-size:13px;font-weight:800;cursor:pointer;transition:var(--transition);box-shadow:0 8px 20px #165dff14}.bridgeMoreBtn:hover{transform:translateY(-1px);border-color:#165dff3d;color:var(--c-blue);box-shadow:0 12px 24px #165dff1f}.bridgeMoreBtn:active{transform:translateY(0)}.bridgeMoreBtn svg{flex-shrink:0;transition:transform .16s ease}.bridgeMoreBtn:hover svg{transform:translate(2px)}.bridgeRecordList{display:grid;gap:12px;min-width:0}.bridgeRecordCard{padding:16px}.bridgeRecordTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.bridgeRecordStatus{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bridgeRecordStatus.completed{color:var(--c-success);background:#00b47a14}.bridgeRecordStatus.pending{color:var(--c-orange);background:#ff720014}.bridgeReviewOverlay{position:fixed;inset:0;z-index:220;background:#1a0e566b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:16px}.bridgeReviewSheet{width:100%;max-width:460px;background:#fff;border-radius:28px;border:1px solid rgba(224,216,252,.85);box-shadow:0 24px 80px #1a0e563d;padding:20px}.bridgeReviewHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.bridgeReviewHead h3{margin:0;font-size:22px;color:var(--c-text)}.bridgeReviewHead p{margin:6px 0 0;color:var(--c-muted);font-size:13px;line-height:1.6}.bridgeReviewClose{width:36px;height:36px;border:1.5px solid var(--c-border);border-radius:50%;background:var(--c-surface2);color:var(--c-muted);display:grid;place-items:center;cursor:pointer}.bridgeReviewBody{border-radius:18px;background:var(--c-surface2);padding:6px 14px}.bridgeErrorSheet{max-width:420px}.bridgeErrorBody{background:#e8294e0f;border:1px solid rgba(232,41,78,.12);padding:16px}.bridgeErrorBody p{margin:0;color:var(--c-text);font-size:14px;line-height:1.7;word-break:break-word}@media(max-width:760px){.bridgeAssetMain{grid-template-columns:minmax(0,1fr) auto}.bridgeReadOnlyValue,.bridgeAmountBox input{font-size:24px}.bridgeChainGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mainBridge{padding:12px 12px 100px;overflow-x:clip}.pageBridgeOnly .mainBridge{padding:12px}.bridgeHeaderBar{padding:12px 14px;border-radius:20px}.bridgeHeaderActions{gap:8px}.bridgeHeaderLangBtn{min-height:36px;padding:7px 9px}.bridgeHeaderWalletBtn{min-height:38px;padding:0 12px;font-size:13px}.bridgePanel{border-radius:24px;padding:14px}.bridgeRouteCard{padding:12px;border-radius:18px}.bridgeSwitchRow.compact{margin:10px 0}.bridgeAssetBox,.bridgeRecipientCard,.bridgeSummaryCard,.bridgeRecordCard{border-radius:20px}.bridgeAssetButton{min-height:52px;padding:8px 10px}.bridgeAssetButtonInline{width:auto;min-width:106px}.bridgePanelIntro h2{font-size:22px}.bridgePanelIntro p{font-size:12px}.bridgeChainSelectBtn{min-height:50px;padding:12px 14px;border-radius:18px}.bridgeReadOnlyValue,.bridgeAmountBox{min-height:50px}.bridgeSummaryRow,.bridgeRecordRow,.bridgeReviewRow{align-items:flex-start}.bridgeSummaryRow strong,.bridgeRecordRow strong,.bridgeReviewRow strong{max-width:54%}.bridgeReviewOverlay{align-items:flex-end;padding:0}.bridgeReviewSheet{max-width:100%;border-radius:28px 28px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))}.bridgeErrorSheet{max-width:100%}}