@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#f4f0ef;--panel:#fff;--inset:#f7f5f4;--line:#e6e0dd;--text:#2f2e33;--muted:#78737c;--accent:#ff8c20;--purple:#9486bd;--success:#357357;--red:#a64137}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #886bb4}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.shell{max-width:1360px;min-height:100dvh;margin:auto;padding:0 40px 64px}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:96px;display:grid}.brand{color:#ff7c00;letter-spacing:-1.3px;align-items:center;gap:10px;font-size:29px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.wallet-button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;justify-self:end;align-items:center;gap:9px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;box-shadow:0 2px 8px #2f2e3308}.wallet-button:hover{background:#fff9f3}.wallet-button:disabled{opacity:.6}.status-dot{background:#a8a0b1;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.green{background:var(--success)}.primary-nav{border:1px solid var(--line);background:#ffffff8a;border-radius:14px;align-self:center;align-items:center;gap:8px;padding:4px;display:flex}.primary-nav a{min-width:88px;color:var(--muted);text-align:center;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.primary-nav a:hover{color:var(--text);text-decoration:none}.primary-nav a.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #2f2e3314}.workspace{width:100%;max-width:500px;margin:48px auto 0}.workspace.vault-workspace{max-width:760px}.swap-card{background:var(--panel);border:1px solid #e9e2de;border-radius:26px;padding:26px;box-shadow:0 18px 70px #43363d09}.card-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 2px 24px;display:flex}h1{letter-spacing:-1px;margin:0;font-size:26px;font-weight:500;line-height:1.2}.card-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.network-pill{color:var(--muted);text-align:right;font-size:13px}.vault-link{text-underline-offset:3px;text-decoration:underline}.amount-panel{background:var(--inset);border:1px solid #ede8e5;border-radius:18px;padding:18px}.panel-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.panel-label>span:last-child{overflow-wrap:anywhere;text-align:right;max-width:70%}.balance-button{max-width:72%;color:var(--muted);text-align:right;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;display:flex}.balance-button:hover:not(:disabled){color:var(--text)}.balance-button:disabled{cursor:default}.balance-button>span:last-child{color:#79578e;font-weight:600}.price-state{align-items:center;gap:7px;display:inline-flex}.price-state.refreshing:before{content:"";background:#8b799d;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate price-pulse}.amount-row{align-items:center;gap:12px;min-height:46px;margin-top:20px;display:flex}.amount-row input{width:100%;min-width:0;color:var(--text);letter-spacing:-1.5px;background:0 0;border:0;padding:0;font-size:38px}.amount-row input::placeholder{color:#bcb5be}.amount-row input:focus-visible{outline-offset:3px;border-radius:3px}.token-select{color:var(--text);background:#fff;border:1px solid #e9e3e0;border-radius:24px;flex-shrink:0;align-items:center;gap:8px;min-width:112px;min-height:44px;padding:7px 11px 7px 7px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 4px #302e3604}.token-select:hover:not(:disabled),.token-select[aria-expanded=true]{background:#fff9f3;border-color:#ebc9a9;box-shadow:0 2px 8px #8b54130a}.token-select:disabled{opacity:.55}.token-symbol{text-overflow:ellipsis;max-width:108px;font-size:14px;font-weight:600;overflow:hidden}.token-chevron{color:#938a95;flex-shrink:0;margin-left:auto;transition:transform .15s}.token-select[aria-expanded=true] .token-chevron{transform:rotate(180deg)}.token-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:500;display:inline-flex}.token-mark.dollar{color:#fff;background:#47786e}.token-mark.stock{color:#fff;background:#302e36}.token-mark.token-avatar{background:0 0}.token-mark.stock.token-avatar{background:#fff;padding:4px}.token-mark img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.token-dialog{background:var(--panel);width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border:1px solid #e9e2de;border-radius:26px;padding:24px 16px 0;overflow:hidden;box-shadow:0 24px 100px #302e3626}.token-dialog[open]{flex-direction:column;animation:.18s ease-out token-appear;display:flex}.token-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#302e3640}.token-dialog-handle{display:none}.token-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 8px;display:flex}.token-dialog-heading h2{letter-spacing:-.8px;margin:0;font-size:24px;font-weight:500;line-height:1.3}.token-dialog-heading p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.token-dialog-heading p span{color:#bcb5be;padding:0 4px}.token-close{background:var(--inset);width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px 0 0;display:flex}.token-close:hover{color:var(--text);background:#eee8e3}.token-search{border:1px solid var(--line);background:var(--inset);color:#9a929e;border-radius:13px;flex-shrink:0;align-items:center;gap:10px;min-height:48px;margin:23px 8px 22px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.token-search:focus-within{border-color:#b8a7cb;box-shadow:0 0 0 3px #9486bd12}.token-search>svg{flex-shrink:0}.token-search input{letter-spacing:normal;width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:14px 0;font-size:13px}.token-search input::placeholder{color:#908795}.token-search-clear{width:26px;height:30px;color:var(--muted);background:0 0;border:0;flex-shrink:0;padding:0;font-size:20px}.token-list-heading{color:var(--muted);justify-content:space-between;align-items:center;padding:0 12px 10px;font-size:11px;display:flex}.token-list-heading>span:last-child{color:#9a929e;font-variant-numeric:tabular-nums}.token-options{overscroll-behavior:contain;scrollbar-width:thin;min-height:92px;margin:-3px;padding:3px;overflow-y:auto}.token-option{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;margin-bottom:4px;padding:13px 12px;display:flex}.token-option:hover{background:var(--inset)}.token-option[aria-pressed=true]{background:#faf6f0;border-color:#f0e2d2}.token-option[aria-pressed=true]:hover{background:#f8f0e6}.token-option:focus-visible{outline-offset:0}.token-option .token-mark{width:40px;height:40px;font-size:18px}.token-option-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.token-option-info strong{overflow-wrap:anywhere;letter-spacing:-.25px;font-size:16px;font-weight:500}.token-option-info>span{letter-spacing:.1px;color:var(--muted);font-size:11px}.token-selected{color:#a86c31;flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.token-empty{text-align:center;padding:28px 12px 34px}.token-empty strong{font-size:14px;font-weight:500}.token-empty p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.token-dialog-foot{color:#908795;text-align:center;border-top:1px solid #f0ebe8;flex-shrink:0;margin-top:13px;padding:16px 8px 19px;font-size:11px;line-height:1.5}@keyframes token-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reverse-row{z-index:2;justify-content:center;align-items:center;height:10px;display:flex;position:relative}.reverse-button{color:#89729e;background:#fff;border:4px solid #fff;border-radius:13px;width:38px;height:38px;font-size:20px;line-height:20px;box-shadow:inset 0 0 0 1px #e8e1dc}.reverse-button:hover:not(:disabled){background:#f0eaf5}.reverse-button:disabled{color:#c3bbc7}.output-amount{overflow-wrap:anywhere;letter-spacing:-1.5px;color:#8b799d;flex:1;min-width:0;font-size:38px;transition:opacity .18s}.output-amount.loading-price{color:#b2a8b8;animation:.9s ease-in-out infinite alternate price-pulse}.output-amount.loading-price.empty{color:#0000;animation:none;position:relative}.output-amount.loading-price.empty:after{content:"";background:radial-gradient(circle,#9486bd 0 4px,#0000 4.5px) 0/14px 12px repeat-x;width:42px;height:12px;animation:1s ease-in-out infinite alternate price-loader;position:absolute;top:50%;left:0;transform:translateY(-50%)}.receive.expired .output-amount{color:#aba3af}.primary-button{background:var(--accent);color:#39220e;border:0;border-radius:15px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:20px;padding:17px 14px;font-size:15px;font-weight:600;display:flex}.primary-button:hover:not(:disabled){background:#ff9b3d}.primary-button:disabled{color:#91848c;background:#eee8e3}.primary-button>span{font-size:18px;font-weight:400}.quote-details{margin-top:20px}.quote-timer{color:#795e8e;background:#f0eaf5;border-radius:10px;justify-content:space-between;gap:12px;padding:12px;font-size:13px;display:flex}.quote-timer strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.quote-timer.urgent{color:#9d622c;background:#fcf0e5}dl{margin:16px 0 0}dl>div{justify-content:space-between;gap:14px;margin-top:8px;font-size:13px;line-height:1.6;display:flex}dt{color:var(--muted)}dd{text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.market-summary{color:var(--muted);justify-content:space-between;gap:14px;margin:10px 2px 0;font-size:12px;line-height:1.5;display:flex}.market-summary span:last-child{text-align:right}.text-button{color:#79578e;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:10px 0 0;font-size:13px;text-decoration:underline;display:block}.text-button:disabled{color:#aaa0b1}.swap-footnote{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.transaction{color:var(--success);background:#f8fcf9;border:1px solid #cfe1d7;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;font-size:13px;display:flex}.transaction div{flex-direction:column;gap:5px;display:flex}.transaction strong{font-weight:500}.transaction span{color:var(--muted);overflow-wrap:anywhere}.transaction code,.transaction a{white-space:nowrap;font-size:13px}.transaction.failed{color:var(--red);border-color:#edc8c0}.vault-assets{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.vault-card{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;column-gap:24px;display:grid}.vault-card>.card-heading{grid-column:1/-1}.vault-card>.vault-assets{grid-area:2/1/10;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-content:start}.vault-card>.action-tabs,.vault-card>.vault-amount-panel,.vault-card>.vault-note,.vault-card>.primary-button,.vault-card>.transaction{grid-column:2}.vault-card>.action-tabs{margin-top:0}.vault-card>.primary-button{margin-top:14px}.vault-asset{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.vault-asset:hover{background:#fffaf6}.vault-asset.selected{border-color:#e7b57f;box-shadow:inset 0 0 0 1px #f0c99e}.asset-name{align-items:center;gap:9px;min-width:0;display:flex}.asset-name>span:last-child,.asset-balance{flex-direction:column;gap:2px;min-width:0;display:flex}.asset-name strong,.asset-balance strong{text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.asset-name small,.asset-balance small{color:var(--muted);white-space:nowrap;font-size:11px}.asset-balance{text-align:right;align-items:flex-end;max-width:48%;overflow:hidden}.asset-balance strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.vault-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:16px;grid-column:1/-1;padding:22px}.action-tabs{background:var(--inset);border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin:20px 0 12px;padding:4px;display:grid}.action-tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:10px;font-size:13px;font-weight:500}.action-tabs button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #2f2e3314}.vault-amount-panel{margin-top:0}.vault-note{color:var(--muted);margin:10px 2px 0;font-size:12px;line-height:1.5}.async-vault-card>.vault-assets{grid-row:2;grid-template-columns:1fr}.async-vault-card .asset-name small,.async-vault-card .asset-balance small{white-space:normal;overflow-wrap:anywhere}.async-vault-card>.async-vault-details{color:var(--muted);grid-area:3/1;margin-top:16px;font-size:12px;line-height:1.5}.async-vault-card>.async-vault-window{border:1px solid var(--line);background:var(--inset);border-radius:12px;grid-area:2/1/auto/-1;margin:0 0 14px;padding:12px 14px}.async-vault-card.withdrawal-window-active>.vault-assets{grid-row:3}.async-vault-card.withdrawal-window-active>.async-vault-details{grid-row:4}.async-vault-details a{text-underline-offset:3px;text-decoration:underline}.async-vault-requests{gap:12px;margin-top:16px;display:grid}.async-vault-requests>div{border:1px solid var(--line);border-radius:13px;padding:13px}.async-vault-requests strong{color:var(--text);font-weight:500}.async-vault-requests p{margin:7px 0}.async-vault-requests button{margin-top:2px}.async-vault-card>.vault-note[role=status],.async-vault-card>.vault-note[role=alert]{grid-column:1/-1}.async-vault-card>.async-vault-reconcile{grid-column:2;justify-self:start;margin-top:10px}.legacy-vault-card{margin-top:20px}.legacy-vault-card>.vault-amount-panel{grid-row:2}.legacy-vault-card .vault-note a{text-decoration:underline}@media (max-width:600px){.shell{padding:0 16px 32px}.topbar{grid-template-rows:72px auto;grid-template-columns:1fr auto;gap:0 14px;min-height:132px;padding-bottom:10px}.primary-nav{grid-area:2/1/auto/-1;width:100%}.primary-nav a{flex:1}.brand{gap:8px;font-size:26px}.brand svg{width:23px}.wallet-button{padding:11px 13px;font-size:13px}.workspace{margin-top:24px}.swap-card{border-radius:22px;padding:20px 16px}.card-heading{margin-bottom:22px}.amount-panel{padding:16px 14px}.amount-row{gap:8px}.amount-row input,.output-amount{font-size:34px}.token-select{gap:6px;min-width:104px;padding-right:10px}.token-symbol{max-width:85px}.token-dialog{border-bottom:0;border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 16px);margin:auto 0 0;padding:12px 16px 0}.token-dialog-handle{background:#ddd5d0;border-radius:4px;flex-shrink:0;width:32px;height:4px;margin:0 auto 23px;display:block}.token-dialog-heading h2{font-size:23px}.token-search input{font-size:16px}.token-close{width:44px;height:44px;margin-top:-4px}.token-dialog-foot{padding-bottom:max(22px,env(safe-area-inset-bottom))}.market-summary{flex-direction:column;gap:2px}.market-summary span:last-child{text-align:left}.vault-assets{grid-template-columns:1fr}.asset-balance{max-width:60%}.vault-card{grid-template-columns:1fr}.vault-card>.card-heading,.vault-card>.vault-assets,.vault-card>.action-tabs,.vault-card>.vault-amount-panel,.vault-card>.vault-note,.vault-card>.primary-button,.vault-card>.transaction,.async-vault-card>.async-vault-details,.async-vault-card>.async-vault-reconcile,.async-vault-card>.async-vault-window,.async-vault-card.withdrawal-window-active>.vault-assets,.async-vault-card.withdrawal-window-active>.async-vault-details{grid-area:auto/1}.vault-card>.action-tabs{margin-top:20px}}@media (min-width:601px) and (max-width:820px){.vault-card{grid-template-columns:1fr}.vault-card>.card-heading,.vault-card>.vault-assets,.vault-card>.action-tabs,.vault-card>.vault-amount-panel,.vault-card>.vault-note,.vault-card>.primary-button,.vault-card>.transaction,.async-vault-card>.async-vault-details,.async-vault-card>.async-vault-reconcile,.async-vault-card>.async-vault-window,.async-vault-card.withdrawal-window-active>.vault-assets,.async-vault-card.withdrawal-window-active>.async-vault-details{grid-area:auto/1}.vault-card>.action-tabs{margin-top:20px}}@keyframes price-pulse{0%{opacity:.35}to{opacity:1}}@keyframes price-loader{0%{opacity:.25;transform:translateY(-50%)scale(.9)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){button,.token-chevron,.token-search{transition:none}.price-state.refreshing:before,.output-amount.loading-price,.output-amount.loading-price.empty:after,.token-dialog[open]{animation:none}}