:root{--ink:#202936;--muted:#7e8796;--blue:#1e5795;--orange:#f8a72a;--surface:#fff;--background:#f5f7fb;--line:#e3e7ee;--font-geist:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-height:100vh;color:var(--ink);font-family:var(--font-geist), Arial, sans-serif;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.phone-shell{width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:0 18px 44px}.brand-bar{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;height:78px;margin:0 -18px;padding:0 18px;display:flex}.brand-lockup{align-items:center;gap:9px;display:flex}.brand-lockup img{object-fit:contain;width:42px;height:42px}.brand-name{color:#ef9d20;letter-spacing:-.6px;font-size:22px;font-weight:750;line-height:1}.brand-name span{color:var(--blue)}.brand-tagline{color:#9aa1ad;letter-spacing:.15px;margin-top:4px;font-size:10px}.info-button{border:1px solid var(--line);width:34px;height:34px;color:var(--blue);background:#fff;border-radius:50%;font-weight:700}.hero{padding:28px 3px 23px}.eyebrow{letter-spacing:1.4px;margin:0 0 9px;font-weight:750;color:var(--blue)!important;font-size:11px!important}.hero h1{letter-spacing:-1.35px;max-width:350px;margin:0;font-size:31px;line-height:1.08}.hero p{max-width:335px;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.55}.calculator-card,.preview-result{background:var(--surface);border:1px solid #e1e5ece6;border-radius:17px;box-shadow:0 10px 28px #182a4414,0 2px 3px #182a440a}.calculator-card{padding:18px 16px 16px}.card-heading-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-heading-row h2{letter-spacing:-.3px;margin:0;font-size:18px}.live-pill{color:#77808d;align-items:center;gap:6px;font-size:10px;font-weight:650;display:inline-flex}.live-pill i{background:#37b36c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e7f6ed}.mode-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:18px 0 17px;display:grid}.mode-tabs button{color:#747d8a;background:0 0;border:0;padding:0 4px 12px;font-size:12px;font-weight:620;position:relative}.mode-tabs button.active{color:var(--blue)}.mode-tabs button.active:after{content:"";background:var(--blue);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.field-label{color:#39414d;margin:13px 0 7px;font-size:11px;font-weight:720;display:block}.amount-field,select{background:#fff;border:1px solid #dfe3e9;border-radius:11px;width:100%;height:48px;box-shadow:inset 0 1px 2px #121f3308}.amount-field{align-items:center;display:flex}.amount-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 14px;font-weight:630}.amount-field span{color:#a2a8b2;padding-right:14px;font-size:12px;font-weight:650}select{appearance:none;color:#303845;background-image:linear-gradient(45deg,#0000 50%,#7d8490 50%),linear-gradient(135deg,#7d8490 50%,#0000 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;outline:none;padding:0 42px 0 14px}.network-label{margin-top:15px}.network-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.network-chip{color:#48515d;background:#fff;border:1px solid #dfe3e9;border-radius:10px;align-items:center;gap:7px;min-width:0;height:42px;padding:0 10px;font-size:11px;font-weight:650;display:flex}.network-chip.selected{border-color:var(--blue);color:#294d78;box-shadow:0 0 0 1px #1e579514}.network-chip b{color:var(--blue);margin-left:auto;font-size:12px}.network-dot{background:#9ca3af;border-radius:50%;flex:none;width:8px;height:8px}.network-dot.tron{background:#ed3b45}.network-dot.solana{background:#8b52e9}.network-dot.ethereum{background:#6788df}.network-dot.polygon{background:#8247e5}.compare-button{color:#fff;background:linear-gradient(100deg,#f79a20,#f8bb4c);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:17px;font-weight:750;display:flex;box-shadow:0 7px 13px #f79d2247}.compare-button:active{transform:translateY(1px)}.compare-button:disabled{cursor:wait;opacity:.72}.toggle-row{border:1px solid var(--line);background:#f9fafc;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 13px;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{color:var(--muted);margin-top:3px;font-size:9px}.toggle-row input{appearance:none;background:#cbd1d9;border-radius:20px;flex:none;width:39px;height:23px;transition:all .2s;position:relative}.toggle-row input:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.toggle-row input:checked{background:var(--blue)}.toggle-row input:checked:after{transform:translate(16px)}.gas-hint{color:var(--muted);background:#f4f7fb;border-radius:9px;margin:14px 1px 0;padding:10px 11px;font-size:10px;line-height:1.45}.form-error{color:#c44f45;margin:12px 0 -4px;font-size:10px;line-height:1.4}.preview-result{margin-top:14px;padding:16px}.result-topline,.result-network{align-items:center;display:flex}.result-topline{justify-content:space-between;gap:12px}.result-network{gap:9px}.network-avatar{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:760;display:grid}.network-avatar.polygon{background:#8247e5}.result-network strong,.result-network small{display:block}.result-network strong{font-size:13px}.result-network small{color:#9aa1ac;margin-top:2px;font-size:9px}.best-badge{color:#fff;letter-spacing:.45px;background:#43b86f;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:800}.result-metrics{grid-template-columns:.85fr 1.15fr;gap:8px;margin-top:15px;display:grid}.result-metrics div{background:#f7f9fc;border-radius:9px;padding:11px 10px}.result-metrics small,.result-metrics strong{display:block}.result-metrics small{color:#9ca4af;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:8px}.result-metrics strong{font-size:14px}.result-metrics .fee{color:#d85c4c}.result-metrics .receive{color:#35a564}.preview-note{color:#9aa1ac;text-align:center;margin:12px 0 0;font-size:9px}.results-section{margin-top:25px}.results-heading{justify-content:space-between;align-items:flex-end;gap:10px;margin:0 2px 11px;display:flex}.results-heading p{color:var(--blue);letter-spacing:1px;margin:0 0 4px;font-size:8px;font-weight:780}.results-heading h2{letter-spacing:-.35px;margin:0;font-size:16px}.results-heading>span{color:#6f7986;background:#e9eef5;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:700}.result-card{background:#fff;border:1px solid #e1e5ecf2;border-radius:15px;margin-bottom:10px;padding:14px;box-shadow:0 7px 20px #182a440e}.result-card.unavailable{opacity:.58}.result-summary{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.result-network,.result-network>span:last-child{min-width:0}.network-avatar{flex:none}.detail-arrow{color:#9aa2ad;font-size:15px}.status-badge{color:#747d89;letter-spacing:.35px;background:#eef0f3;border-radius:12px;padding:4px 6px;font-size:7px;font-weight:800}.fee-details{border-top:1px solid #ebedf1;margin-top:11px;padding:11px 10px 8px}.fee-details div{color:#78818d;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:9px;display:flex}.fee-details strong{color:#414a56;text-align:right;font-size:9px}.fee-details p{color:#9199a5;margin:9px 0 0;font-size:8px;line-height:1.45}.source-note{color:#949ca7;text-align:center;margin:12px 0 0;font-size:8px}.footnote{color:#9ba2ac;text-align:center;margin:24px 8px 0;font-size:8px;line-height:1.5}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f19276b;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.info-sheet{background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:430px;padding:9px 20px 24px;box-shadow:0 -12px 40px #121f312b}.sheet-handle{background:#d7dbe1;border-radius:4px;width:38px;height:4px;margin:0 auto 13px}.sheet-heading{justify-content:space-between;align-items:center;display:flex}.sheet-heading h2{margin:0;font-size:18px}.sheet-heading button{color:#6c7480;background:#f0f2f5;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.info-sheet h3{color:#36404c;margin:18px 0 5px;font-size:11px}.info-sheet p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.sheet-done{background:var(--blue);color:#fff;border:0;border-radius:10px;width:100%;height:45px;margin-top:21px;font-weight:720}@media (width<=374px){.phone-shell{padding-inline:14px}.brand-bar{margin-inline:-14px;padding-inline:14px}.hero h1{font-size:28px}.mode-tabs button{font-size:11px}}@media (width>=431px){body{background:#edf1f7}.phone-shell{background:var(--background);box-shadow:0 0 40px #1b2d4614}}