:root{--bg: #f7f4ef;--surface: #fffdf9;--ink: #1f2937;--muted: #6b7280;--line: #e6dfd5;--accent: #3f5e8c;--danger: #b42318;--shadow: 0 8px 24px rgba(29, 41, 57, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f9f7f3,#f5f7fb 52%,#f8f5f0);line-height:1.45}code{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh;padding:26px 22px}.surface{max-width:1000px;margin:0 auto;padding:0}.header-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:26px}.eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}h1{margin:10px 0 8px;line-height:1.14;font-size:clamp(30px,4vw,42px);font-weight:560}.subtle{margin:0;max-width:44ch;font-size:15px;line-height:1.5;color:var(--muted)}.status-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;font-size:12.5px;color:#7d8595}.status-address{border:0;padding:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.status-address:hover{color:var(--accent)}.status-address:focus-visible{outline:2px solid rgba(63,94,140,.45);outline-offset:2px;border-radius:4px}.status-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#fff;color:#667085;font:inherit;font-size:12px;line-height:1.1;cursor:pointer}.status-action:disabled{opacity:.65;cursor:wait}.notice-stack{display:grid;gap:10px;margin-bottom:22px}.primary-connect-row{margin:0 0 18px}.primary-connect-cta{margin-top:0;width:100%;max-width:none}.notice{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fffefb}.notice-error{border-color:#f0c7bc;background:#fff8f6}.notice-warn{border-color:#efe3c7;background:#fffdf6}.notice-title{margin:0;font-size:13px;font-weight:560}.notice-detail{margin:2px 0 0;font-size:12.5px;color:#6f7889}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding-top:24px;border-top:1px solid var(--line)}.layout-grid-executing{grid-template-columns:minmax(0,680px);justify-content:center;gap:0}.layout-grid-executing .quote-column{border-left:0;padding-left:0}.column{min-width:0}.column-primary{transition:transform .36s cubic-bezier(.2,.75,.3,1)}.quote-column{border-left:1px solid var(--line);padding-left:34px}@media (min-width: 921px){.layout-grid{transition:grid-template-columns .36s cubic-bezier(.2,.75,.3,1),gap .36s cubic-bezier(.2,.75,.3,1)}.layout-grid-initial{grid-template-columns:minmax(0,640px) 0fr;justify-content:center;gap:0}.layout-grid-initial .column-primary{transform:translate(0)}.layout-grid-initial .quote-column{opacity:0;transform:translate(18px);pointer-events:none;border-left:0;padding-left:0}.quote-column{transition:opacity .22s ease,transform .36s cubic-bezier(.2,.75,.3,1),padding-left .36s cubic-bezier(.2,.75,.3,1),border-color .22s ease}}h2{margin:0 0 15px;font-size:17px;font-weight:560}.fields{display:grid;grid-template-columns:1fr;gap:16px}.fields-locked{opacity:.58}.field-amount{grid-column:1 / -1}.field-slippage{max-width:210px}.asset-source-hint{margin:-2px 0 2px;font-size:12px;color:#7d8799}.amount-cap-hint{font-size:12px;color:#7d8799}.recipient-toggle-row{margin-top:-4px}.toggle-control{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:#616c80}.toggle-control input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:20px;border:1px solid #d5dbe5;border-radius:999px;padding:0;margin:0;background:#e9edf4;position:relative;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.toggle-control input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #1d293940;transition:transform .12s ease}.toggle-control input:checked{border-color:#3f5e8c;background:#3f5e8c}.toggle-control input:checked:after{transform:translate(14px)}.toggle-control input:focus-visible{outline:2px solid rgba(63,94,140,.35);outline-offset:2px}.field-recipient{max-width:420px}.label-with-help{display:inline-flex;align-items:center;gap:6px}.help-inline{position:relative;display:inline-flex}.help-trigger{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #d7cfbf;border-radius:50%;background:#f8f4ec;color:#7d7568;font-size:11px;font-weight:600;line-height:1;padding:0;cursor:help}.help-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);width:240px;border:1px solid var(--line);border-radius:10px;background:#fffdfa;color:var(--muted);font-size:12px;line-height:1.45;padding:8px 10px;box-shadow:0 8px 20px #2933451f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease;z-index:10}.help-inline:hover .help-tooltip,.help-inline:focus-within .help-tooltip{opacity:1;visibility:visible}.route-group{display:grid;gap:12px}.route-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-group-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8794ab}label{display:grid;gap:6px;font-size:12px;font-weight:500;color:#757d8d}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fffefb;color:var(--ink);font:inherit;font-size:14px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3f5e8c1f}.icon-select{position:relative}.icon-select-trigger{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fffefb;color:var(--ink);font:inherit;font-size:14px;outline:none;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.icon-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #3f5e8c1f}.icon-select-trigger:disabled{cursor:not-allowed;opacity:.7}.icon-select-value{display:flex;align-items:center;gap:10px;min-width:0}.icon-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-select-icon{width:18px;height:18px;border-radius:50%;object-fit:cover;background:#f3f1eb;flex-shrink:0}.icon-select-icon-fallback{border:1px solid #d7cfbf;display:inline-flex;align-items:center;justify-content:center;color:#8a90a0;font-size:10px;font-weight:600;text-transform:uppercase}.icon-select-chevron{color:#8a90a0;font-size:12px;flex-shrink:0}.icon-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:5px;list-style:none;border:1px solid var(--line);border-radius:10px;background:#fffefb;box-shadow:0 8px 20px #2933451f;z-index:30;max-height:230px;overflow-y:auto}.icon-select-option{width:100%;border:0;border-radius:8px;padding:8px;background:transparent;color:var(--ink);text-align:left;display:flex;align-items:center;gap:10px;font:inherit;font-size:14px;cursor:pointer}.icon-select-option:hover{background:#f6f2ea}.icon-select-option[aria-selected=true]{background:#eef2f9;color:#1f3658}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:28px}.input-suffix{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:13px;color:var(--muted);pointer-events:none}.cta{margin-top:18px;width:100%;border:1px solid var(--accent);border-radius:10px;padding:12px 14px;background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .12s ease}.cta:hover:not(:disabled){opacity:.92}.cta:disabled{cursor:wait;opacity:.6}.cta-secondary{margin-top:0}.metric-list{margin:0;padding:0}.quote-content{transition:opacity .14s ease}.quote-content-stale{opacity:.5}.quote-loading{margin:0 0 10px;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#667085}.quote-spinner{width:14px;height:14px;border:2px solid #c9d2e0;border-top-color:#4f6f9e;border-radius:50%;animation:quote-spin .75s linear infinite}@keyframes quote-spin{to{transform:rotate(360deg)}}.metric-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.metric-list dt{margin:0;font-size:12.5px;color:#727b8c}.metric-list dd{margin:0;font-size:15px;font-weight:560}.quote-details{margin-top:14px}.quote-details-title{margin:0 0 8px;font-size:13px;font-weight:560;color:#4f5b71;cursor:pointer;-webkit-user-select:none;user-select:none}.detail-list{margin:0;padding:0}.detail-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.detail-list dt{margin:0;font-size:12.5px;color:#727b8c}.detail-list dd{margin:0;font-size:12.5px;color:#2f3a4e;text-align:right}.detail-list .detail-item-fee dt{position:relative;padding-left:14px}.detail-list .detail-item-fee dt:before{content:"↳";position:absolute;left:0;top:0;color:#98a2b3;font-size:11px}.detail-list .detail-item-fee dd{color:#4e5a70}.detail-list .detail-item-total dt,.detail-list .detail-item-total dd{font-weight:600;color:#25324a}.empty{margin:0;font-size:14px;color:var(--muted)}.checkout-row{margin-top:18px}.execution-reset-button{margin-top:14px}.checkout-note{margin:0;font-size:13px;color:#7b8190}.delivery-widget{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fffefb}.delivery-widget-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.delivery-widget-title{margin:0;font-size:12.5px;font-weight:600;color:#31405b}.delivery-widget-status{margin:0;font-size:12px;color:#637088}.delivery-track{position:relative;height:20px;margin-bottom:10px}.delivery-track-base,.delivery-track-progress{position:absolute;left:0;top:9px;height:2px;border-radius:999px}.delivery-track-base{width:100%;background:#dde3ec}.delivery-track-progress{background:#4f6f9e;transition:width .24s ease}.delivery-package{position:absolute;top:0;transform:translate(-50%);font-size:10px;color:#2f466d;transition:left .24s ease}.delivery-package-moving{animation:delivery-bob .9s ease-in-out infinite}@keyframes delivery-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-2px)}}.delivery-stop-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.delivery-stop{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:start}.delivery-stop-dot{margin-top:3px;width:8px;height:8px;border-radius:999px;border:1px solid #b8c2d2;background:#fff}.delivery-stop-copy p{margin:0}.delivery-stop-title{font-size:12.5px;color:#2f3a4e}.delivery-stop-detail{font-size:12px;color:#73809a}.delivery-stop-copy a,.delivery-stop-hash{display:inline-block;margin-top:1px;font-size:11.5px;color:#4f6f9e}.delivery-stop-confirmed .delivery-stop-dot{border-color:#7db28b;background:#7db28b}.delivery-stop-pending .delivery-stop-dot{border-color:#8fa7cb;background:#d6e1f2}.delivery-stop-failed .delivery-stop-dot,.delivery-stop-aborted .delivery-stop-dot{border-color:#b42318;background:#f6d7d3}.delivery-stop-active .delivery-stop-title{font-weight:600}.execute-result{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fffefb}.execute-result-title{margin:0 0 4px;font-size:12.5px;font-weight:600;color:#31405b}.execute-result p{margin:2px 0;font-size:12.5px;color:#5f6d84}.execute-result a{color:#3f5e8c}.error{margin:10px 0 0;font-size:13px;color:var(--danger)}.app-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fffefb;color:#4f5b71;font-size:12.5px;box-shadow:0 10px 20px #1f29371f;z-index:40}@media (max-width: 920px){.app-shell{padding:16px 14px}.surface{padding:0}.header-row{gap:12px;margin-bottom:18px}.primary-connect-row{margin:0 0 14px}.status-row{justify-content:flex-start}.layout-grid{grid-template-columns:1fr;gap:24px}.quote-column{border-left:0;padding-left:0;padding-top:24px;border-top:1px solid var(--line)}.layout-grid-executing .quote-column{border-top:0;padding-top:0}.fields{grid-template-columns:1fr}.field-slippage{max-width:none}.route-inline-fields{grid-template-columns:1fr}}