:root{color-scheme:dark;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--leading-tight: 1.2;--leading-normal: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--bg: #0b0b0f;--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .1);--surface-elev-1: rgba(16, 16, 24, .62);--surface-elev-2: rgba(18, 18, 28, .78);--border-1: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .18);--text-1: #eaeaf1;--text-2: rgba(234, 234, 241, .86);--text-3: rgba(234, 234, 241, .68);--accent: #7aaaff;--accent-2: #7cffd6;--danger: #ff5454;--warning: #ffcc66;--success: #00ffb4;--accent-rgb: 122 170 255;--accent-2-rgb: 124 255 214;--danger-rgb: 255 84 84;--warning-rgb: 255 204 102;--success-rgb: 0 255 180;--accent-soft: rgb(var(--accent-rgb) / .1);--accent-mid: rgb(var(--accent-rgb) / .18);--accent-strong: rgb(var(--accent-rgb) / .32);--accent2-soft: rgb(var(--accent-2-rgb) / .08);--accent2-mid: rgb(var(--accent-2-rgb) / .16);--accent2-strong: rgb(var(--accent-2-rgb) / .28);--shadow-1: 0 10px 30px rgba(0, 0, 0, .35);--shadow-2: 0 18px 50px rgba(0, 0, 0, .55);--shadow-glow: 0 0 0 1px rgb(var(--accent-rgb) / .08), 0 16px 50px rgba(0, 0, 0, .55);--grad-primary: linear-gradient(135deg, var(--accent-mid), var(--accent2-soft));--grad-hero: radial-gradient(1200px 420px at 20% -10%, var(--accent-mid), transparent), radial-gradient(900px 380px at 85% 0%, var(--accent2-soft), transparent);--grad-bg: radial-gradient(1200px 700px at 20% -10%, rgb(var(--accent-rgb) / .1), transparent), radial-gradient(900px 560px at 90% 0%, rgb(var(--accent-2-rgb) / .08), transparent), radial-gradient(900px 560px at 50% 110%, rgba(255, 255, 255, .04), transparent);--glass-bg: rgba(11, 11, 15, .74);--glass-border: rgba(255, 255, 255, .1);--blur: blur(10px);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-1: .12s;--dur-2: .18s}:root{font-family:var(--font-sans);background:var(--bg);color:var(--text-1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:var(--grad-bg);background-attachment:fixed;color:var(--text-1);line-height:var(--leading-normal)}a{color:inherit}.container{max-width:1080px;margin:0 auto;padding:var(--space-6)}@media (min-width: 980px){.container{padding-top:var(--space-8)}}@media (max-width: 720px){.container{padding:var(--space-4)}.navbar-inner{padding:var(--space-3) var(--space-4)}}.navbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:linear-gradient(180deg,#0b0b0fd6,#0b0b0fad);border-bottom:1px solid var(--glass-border)}.navbar-inner{max-width:1080px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.navLeft{display:flex;gap:var(--space-3);align-items:center;min-width:0}.navRight{display:flex;align-items:center;gap:var(--space-2)}.brand{font-weight:900;letter-spacing:.4px;background:transparent;border:none;padding:0;cursor:pointer;color:var(--text-1)}.brand:hover{color:#eaeaf1f2}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.tab{padding:8px 10px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-2);font-weight:700;font-size:var(--text-sm)}.tab:hover{background:#ffffff0d;border-color:#ffffff24}.tabActive{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--text-1)}.pageGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--space-5)}@media (max-width: 960px){.pageGrid{grid-template-columns:1fr}}.dexGrid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,380px);gap:var(--space-5);justify-content:center;align-items:start}@media (max-width: 980px){.dexGrid{grid-template-columns:1fr;justify-content:stretch}}.dexMain{min-width:0}.dexSide{min-width:0;display:grid;gap:var(--space-4)}.swapShell{display:flex;justify-content:center;padding:var(--space-2) 0 var(--space-6)}.swapCard{width:min(520px,100%)}.swapSettings{margin-top:2px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 520px){.swapSettings{grid-template-columns:1fr}}.swapDetails{border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.hero{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--grad-hero),#ffffff0a;padding:var(--space-6);box-shadow:var(--shadow-1);margin-bottom:var(--space-5)}.heroTitle{font-size:28px;font-weight:900;letter-spacing:.2px;line-height:1.1}.heroSubtitle{margin-top:10px;color:var(--text-2);max-width:56ch}.heroActions{margin-top:var(--space-4);display:flex;gap:var(--space-3);flex-wrap:wrap}.statGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media (max-width: 720px){.statGrid{grid-template-columns:1fr}}.statCard{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:#ffffff0a;padding:var(--space-4)}.statLabel{font-size:var(--text-xs);color:var(--text-3);font-weight:700;letter-spacing:.25px;text-transform:uppercase}.statValue{margin-top:8px;font-size:var(--text-md);color:var(--text-1);font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chartCard{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:#ffffff0a;overflow:hidden}.chartHeader{padding:var(--space-4);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.chartTitle{font-size:var(--text-lg);font-weight:900}.chartSubtitle{margin-top:4px;font-size:var(--text-sm);color:var(--text-3)}.chartBody{padding:var(--space-4)}.spark{width:100%;height:140px;display:block;border-radius:var(--radius-md);background:linear-gradient(180deg,#0000002e,#0000001a);border:1px solid rgba(255,255,255,.06)}.sparkLine{stroke:rgb(var(--accent-rgb) / .95);stroke-width:2.2}.sparkAxis{stroke:#ffffff1a;stroke-width:1}.footer{border-top:1px solid var(--glass-border);padding:var(--space-5) 0;margin-top:var(--space-5);opacity:.9}.footer-inner{max-width:1080px;margin:0 auto;padding:0 var(--space-6);display:flex;gap:var(--space-3);justify-content:space-between;flex-wrap:wrap}.linkRow{display:flex;gap:var(--space-3);flex-wrap:wrap}.card{border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0;background:var(--surface-1)}.row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.col{flex:1;min-width:260px}label{display:block;font-size:12px;color:var(--text-3);margin-bottom:var(--space-2)}input,select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:#0000002e;color:inherit;outline:none}input:focus,select:focus{border-color:rgb(var(--accent-rgb) / .55);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .14)}input::placeholder{color:#eaeaf16b}button{padding:10px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-2);background:var(--surface-2);color:inherit;cursor:pointer;transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}button:hover{background:var(--surface-3)}button:active{transform:translateY(.5px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .16)}.small{font-size:12px;color:var(--text-2);line-height:1.4;word-break:break-word}h1{font-size:var(--text-2xl);margin:0 0 10px}h2{font-size:var(--text-lg);margin:0 0 10px}hr{border:none;border-top:1px solid var(--border-1);margin:var(--space-3) 0}.toastArea{position:fixed;top:70px;right:16px;display:flex;flex-direction:column;gap:var(--space-2);z-index:50;width:min(420px,calc(100vw - 32px))}.toast{border-radius:var(--radius-lg);border:1px solid var(--border-1);background:#14141ceb;box-shadow:var(--shadow-1);padding:var(--space-3)}.toast-success{border-color:#00ffb459}.toast-error{border-color:#ff545485}.toast-info{border-color:#7aaaff59}.toastTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.toastTitle{font-weight:700;font-size:13px}.toastDetail{margin-top:6px;font-size:12px;opacity:.9;line-height:1.35}.toastClose{padding:0;width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.toastLink{display:inline-block;margin-top:8px;font-size:12px;text-decoration:none;padding:8px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-1);background:var(--surface-2)}.tokenRow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-1);background:#ffffff0a;text-align:left}.tokenRow:focus-visible{outline:none;box-shadow:0 0 0 3px #7aaaff29}.tokenBadge{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}.tokenBadgeVerified{border-color:#00ffb459;color:#00ffb4f2}.tokenBadgeUnverified{border-color:#ffcc6673;color:#ffcc66fa}.tokenWarn{font-size:12px;font-weight:700;color:#ffcc66fa}.tai{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:#ffffff0a;padding:var(--space-4)}.taiTop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.taiLabel{font-size:var(--text-sm);font-weight:800;letter-spacing:.2px}.taiBalance{font-size:var(--text-xs);color:var(--text-3);display:inline-flex;align-items:center;gap:10px}.taiMax{padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-1);background:#ffffff0a;font-size:var(--text-xs);font-weight:800}.taiBody{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);margin-top:var(--space-3);align-items:center}.taiToken{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.12);background:#0003;min-width:180px}.taiTokenSymbol{font-size:var(--text-md);font-weight:900}.taiTokenSub{font-size:var(--text-xs);color:var(--text-3);max-width:100%;overflow:hidden;text-overflow:ellipsis}.taiInput{font-size:26px;font-weight:900;letter-spacing:.2px;text-align:left;border-radius:var(--radius-lg);padding:14px;background:#0003;border:1px solid rgba(255,255,255,.1)}.taiError{margin-top:var(--space-2);font-size:var(--text-xs);color:#ff5454fa}.taiHintRow{margin-top:var(--space-3);display:flex;justify-content:flex-end}@media (max-width: 720px){.taiBody{grid-template-columns:1fr}.taiToken{min-width:0;width:100%}}.stepRow{border:1px solid var(--border-1);border-radius:var(--radius-md);background:#ffffff08;padding:var(--space-3)}.swapSummary{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:#ffffff0a;padding:var(--space-4)}.swapSummaryTop{font-size:var(--text-xs);color:var(--text-3)}.swapSummaryAmt{margin-top:4px;font-size:18px;font-weight:900;letter-spacing:.2px}.appModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.appModal{width:min(520px,100%);border-radius:var(--radius-lg);border:1px solid var(--border-1);background:linear-gradient(180deg,#12121af0,#0e0e14eb);box-shadow:var(--shadow-glow)}.appModalHeader{padding:var(--space-4);border-bottom:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.appModalTitle{font-weight:700;font-size:var(--text-lg)}.appModalBody{padding:var(--space-4)}.appModalFooter{padding:var(--space-4);border-top:1px solid var(--border-1);display:flex;gap:var(--space-3);justify-content:flex-end}.appCard{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0b,#ffffff08);box-shadow:0 0 #0000}.appCard:hover{border-color:#ffffff29}.appCard:focus-within{border-color:rgb(var(--accent-rgb) / .3);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.appCardHeader{padding:var(--space-4);border-bottom:1px solid var(--border-1);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.appCardTitle{font-size:var(--text-lg);font-weight:800;letter-spacing:.2px}.appCardSubtitle{margin-top:4px;font-size:var(--text-sm);color:var(--text-3)}.appCardRight{display:flex;align-items:center;gap:var(--space-2)}.appCardBody{padding:var(--space-4)}.appBtn{border-radius:var(--radius-pill);border:1px solid var(--border-2);padding:10px 12px;background:var(--surface-2)}.appBtn:hover{background:#ffffff17}.appBtn:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .16)}.appBtnPrimary{border-color:var(--accent-strong);background:var(--grad-primary)}.appBtnPrimary:hover{border-color:rgb(var(--accent-rgb) / .4);filter:saturate(1.05)}.appBtnSecondary{background:var(--surface-2)}.appBtnGhost{background:transparent;border-color:var(--border-1)}.appBtnDanger{border-color:rgb(var(--danger-rgb) / .6);background:rgb(var(--danger-rgb) / .08)}.appBtnInner{display:inline-flex;gap:10px;align-items:center;justify-content:center}.appSpinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(234,234,241,.25);border-top-color:#eaeaf1d9;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kvRow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.kvRow:last-child{border-bottom:none}.kvLabel{font-size:var(--text-sm);color:var(--text-3)}.kvHint{margin-top:2px;font-size:var(--text-xs);color:var(--text-3)}.kvValue{font-size:var(--text-sm);color:var(--text-2);text-align:right;max-width:60%;word-break:break-word}.kvMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-1);background:#ffffff0a;font-size:var(--text-xs);font-weight:700;letter-spacing:.2px;color:var(--text-2)}.pillGood{border-color:rgb(var(--success-rgb) / .35);color:rgb(var(--success-rgb) / .95)}.pillWarn{border-color:rgb(var(--warning-rgb) / .45);color:rgb(var(--warning-rgb) / .98)}.pillBad{border-color:rgb(var(--danger-rgb) / .52);color:rgb(var(--danger-rgb) / .98)}.pillInfo{border-color:rgb(var(--accent-rgb) / .4);color:rgb(var(--accent-rgb) / .98)}.pillMuted{opacity:.8}@media (max-width: 720px){.appModalOverlay{align-items:flex-end;padding:var(--space-3)}.appModal{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}}.skeleton{position:relative;overflow:hidden;background:#ffffff14;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}button{transition:none}}