.swap-page,.swap-picker{--sw-bg:#0e1729;--sw-card:#141f36;--sw-panel:#1b2742;--sw-panel-hover:#202d4b;--sw-line:#2c3853;--sw-line-2:#3a4767;--sw-text:#eaeefa;--sw-text-2:#a3aec6;--sw-text-3:#8b96ae;--sw-accent:#71e5bf;--sw-accent-ink:#062218;--sw-warn:#f5b178;--sw-fall:#f0607e;--sw-radius:20px;--sw-radius-sm:14px;--sw-fast:.15s;--sw-ease:cubic-bezier(.16, 1, .3, 1)}.swap-page{isolation:isolate;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;padding:clamp(28px,6vh,72px) 16px 48px;display:grid;position:relative}.swap-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#71e5bf1f,#93a9fb0d 55%,#0000);width:min(720px,100%);height:420px;position:absolute;top:0;left:50%;transform:translate(-50%)}.swap-card{border:1px solid var(--sw-line);border-radius:calc(var(--sw-radius) + 6px);background:linear-gradient(180deg, #172340, var(--sw-card));width:100%;max-width:460px;padding:14px;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0d}.swap-card-head{justify-content:space-between;align-items:center;padding:4px 6px 12px;display:flex}.swap-card-head h1{color:var(--sw-text);letter-spacing:-.3px;margin:0;font-size:19px;font-weight:750}.swap-settings-button{border:1px solid var(--sw-line);background:var(--sw-panel);height:30px;color:var(--sw-text-2);cursor:pointer;transition:color var(--sw-fast), border-color var(--sw-fast);border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.swap-settings-button:hover,.swap-settings-button[aria-expanded=true]{border-color:var(--sw-line-2);color:var(--sw-text)}.swap-settings{border-radius:var(--sw-radius-sm);background:var(--sw-panel);color:var(--sw-text-3);flex-wrap:wrap;align-items:center;gap:6px;margin:0 2px 10px;padding:10px 12px;font-size:12px;display:flex}.swap-settings>span{margin-right:auto}.swap-settings button{border:1px solid var(--sw-line);min-width:52px;height:30px;color:var(--sw-text-2);cursor:pointer;background:0 0;border-radius:999px;font-weight:650}.swap-settings button[aria-pressed=true]{border-color:var(--sw-accent);color:var(--sw-accent);background:#71e5bf14}.swap-panel{border:1px solid var(--sw-line);border-radius:var(--sw-radius);background:var(--sw-panel);transition:border-color var(--sw-fast), box-shadow var(--sw-fast);padding:14px 16px 12px}.swap-panel[data-side=sell]:focus-within{border-color:color-mix(in oklab, var(--sw-accent) 55%, transparent);box-shadow:0 0 0 3px #71e5bf14,0 0 28px -6px #71e5bf40}.swap-panel[data-side=buy]{background:#172138;border-color:#0000}.swap-panel-top{min-height:24px;color:var(--sw-text-3);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.swap-balance{min-width:0;color:var(--sw-text-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.swap-balance .mono{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swap-balance button{height:auto;color:var(--sw-text-2);letter-spacing:.3px;cursor:pointer;transition:color var(--sw-fast);background:0 0;border:0;padding:0 2px;font-size:11.5px;font-weight:750}.swap-balance button:hover:not(:disabled){color:var(--sw-accent)}.swap-panel-row{align-items:center;gap:12px;margin-top:12px;display:flex}.swap-token-button{height:40px;color:var(--sw-text);cursor:pointer;transition:background var(--sw-fast), transform var(--sw-fast) var(--sw-ease);background:#ffffff0d;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:15.5px;font-weight:700;display:inline-flex}.swap-token-button:hover:not(:disabled){background:#ffffff17}.swap-token-button:active:not(:disabled){transform:scale(.97)}.swap-token-button span{text-overflow:ellipsis;white-space:nowrap;max-width:9ch;overflow:hidden}.swap-token-icon{object-fit:cover;background:var(--sw-panel-hover);border-radius:50%;flex:none}.swap-token-icon.is-blank{color:var(--sw-text-2);place-items:center;font-size:12px;font-weight:750;display:inline-grid}.swap-amount{min-width:0;height:44px;box-shadow:none;color:var(--sw-text);letter-spacing:-.5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:clamp(26px,6vw,32px);font-weight:600;line-height:44px;overflow:hidden}.swap-amount::placeholder{color:#4f5c78}.swap-card input.swap-amount,.swap-card input.swap-amount:hover,.swap-card input.swap-amount:focus-visible{background:0 0;border:0;outline:none}output.swap-amount[data-empty]{color:#4f5c78}.swap-amount[aria-invalid=true]{color:var(--sw-fall)}output.swap-amount[data-loading]{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08) 0 0/200% 100%;border-radius:8px;flex:0 140px;justify-self:end;max-width:140px;height:32px;animation:1.2s linear infinite swap-shimmer}@keyframes swap-shimmer{to{background-position:-200% 0}}.swap-panel-foot{min-height:18px;color:var(--sw-text-3);text-align:left;margin-top:2px;font-size:12px}.swap-flip-row{z-index:1;justify-content:center;height:6px;display:flex;position:relative}.swap-flip{border:3px solid var(--sw-card);background:var(--sw-panel-hover);width:34px;height:34px;color:var(--sw-text-2);cursor:pointer;transition:color var(--sw-fast), transform .25s var(--sw-ease);border-radius:50%;place-items:center;margin-top:-14px;display:grid}.swap-flip:hover:not(:disabled){color:var(--sw-accent);transform:rotate(180deg)}.swap-action{border-radius:var(--sw-radius-sm);background:var(--sw-accent);width:100%;height:54px;color:var(--sw-accent-ink);letter-spacing:-.1px;cursor:pointer;transition:filter var(--sw-fast), transform var(--sw-fast) var(--sw-ease), opacity var(--sw-fast);border:0;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:16px;font-weight:750;display:inline-flex}.swap-action:hover:not(:disabled){filter:brightness(1.08)}.swap-action:active:not(:disabled){transform:scale(.99)}.swap-action:disabled{background:var(--sw-panel);color:var(--sw-text-3);cursor:default}.swap-action[data-state=signing]:disabled,.swap-action[data-state=sending]:disabled{color:var(--sw-accent);background:#71e5bf33}.swap-card button:focus-visible,.swap-picker button:focus-visible{outline:2px solid var(--sw-accent);outline-offset:2px}.swap-note{margin:10px 4px 0;font-size:13px;line-height:1.45}.swap-note a{color:inherit;align-items:center;gap:3px;font-weight:650;display:inline-flex}.swap-note.is-ok{color:var(--sw-accent)}.swap-note.is-error{color:var(--sw-warn)}.swap-details{color:var(--sw-text-3);margin-top:10px;padding:2px 6px;font-size:12.5px}.swap-rate{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.swap-rate button{color:var(--sw-text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;display:inline-flex}.swap-rate-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.swap-rate-toggle svg{transition:transform var(--sw-fast)}.swap-details[data-open] .swap-rate-toggle svg{transform:rotate(180deg)}.swap-details dl{border-top:1px solid var(--sw-line);gap:8px;margin:6px 0 4px;padding-top:10px;display:grid}.swap-details dl>div{justify-content:space-between;gap:12px;display:flex}.swap-details dt{color:var(--sw-text-3)}.swap-details dd{color:var(--sw-text-2);text-align:right;margin:0}.swap-details dd[data-warn]{color:var(--sw-warn)}.swap-footnote{max-width:460px;color:var(--sw-text-3);text-align:center;margin:0;font-size:12px;line-height:1.5}.swap-picker{z-index:51;border:1px solid var(--sw-line);border-radius:var(--sw-radius);background:var(--sw-card);width:min(440px,100vw - 32px);max-height:min(640px,100dvh - 48px);color:var(--sw-text);animation:swap-pop .18s var(--sw-ease);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 100px -30px #000}@keyframes swap-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}.swap-picker-search,.swap-picker-chips,.swap-picker-tabs{flex:none}.swap-picker-search{border-bottom:1px solid var(--sw-line);height:56px;color:var(--sw-text-3);align-items:center;gap:10px;padding:0 12px 0 18px;display:flex}.swap-picker-search:focus-within{color:var(--sw-text-2)}.swap-picker-search input,.swap-picker-search input:hover,.swap-picker-search input:focus-visible{min-width:0;height:100%;box-shadow:none;color:var(--sw-text);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:15px}.swap-picker-esc{border:1px solid var(--sw-line);background:var(--sw-panel);height:26px;color:var(--sw-text-3);cursor:pointer;border-radius:7px;flex:none;padding:0 9px;font-size:11.5px;font-weight:650}.swap-picker-esc:hover{color:var(--sw-text)}.swap-picker-chips{scrollbar-width:none;gap:8px;padding:12px 14px 6px;display:flex;overflow-x:auto}.swap-picker-chip{border:1px solid var(--sw-line);height:34px;color:var(--sw-text);cursor:pointer;transition:background var(--sw-fast), border-color var(--sw-fast);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 11px 0 5px;font-size:13px;font-weight:650;display:inline-flex}.swap-picker-chip:hover{border-color:var(--sw-line-2);background:var(--sw-panel)}.swap-picker-tabs{gap:4px;padding:10px 14px 6px;display:flex}.swap-picker-tabs button{height:30px;color:var(--sw-text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:650}.swap-picker-tabs button:hover{color:var(--sw-text)}.swap-picker-tabs button[aria-selected=true]{background:var(--sw-panel);color:var(--sw-text)}.swap-picker-list{transition:opacity var(--sw-fast);flex:1;margin:0;padding:4px 8px 10px;list-style:none;overflow-y:auto}.swap-picker-list[data-loading]{opacity:.7}.swap-picker-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:9px 10px;display:flex}.swap-picker-row:hover,.swap-picker-row:focus-visible{background:var(--sw-panel)}.swap-picker-row[aria-current=true]{opacity:.55}.swap-picker-who{flex:1;gap:2px;min-width:0;display:grid}.swap-picker-who strong{align-items:center;gap:5px;font-size:14.5px;font-weight:700;display:inline-flex}.swap-picker-who strong svg{color:var(--sw-accent)}.swap-picker-who small{color:var(--sw-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.swap-picker-held{color:var(--sw-text);justify-items:end;gap:2px;font-size:13px;display:grid}.swap-picker-held small{color:var(--sw-text-3);font-size:11.5px}.swap-picker-empty{color:var(--sw-text-3);text-align:center;padding:28px 12px}.swap-picker-skeleton{background:linear-gradient(90deg,#ffffff06,#ffffff10,#ffffff06) 0 0/200% 100%;border-radius:12px;height:52px;margin:2px 0;animation:1.2s linear infinite swap-shimmer}@media (max-width:760px){.swap-page{padding-top:20px}.swap-card{padding:10px}}@media (prefers-reduced-motion:reduce){.swap-page *,.swap-picker,.swap-picker *{transition:none!important;animation:none!important}}.swap-toast{--sw-card:#141f36;--sw-line:#2c3853;--sw-text:#eaeefa;--sw-text-2:#a3aec6;--sw-text-3:#8b96ae;--sw-accent:#71e5bf;z-index:60;border:1px solid var(--sw-line);background:color-mix(in oklab, var(--sw-card) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(360px,100vw - 24px);color:var(--sw-text);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 14px 16px;animation:.26s cubic-bezier(.16,1,.3,1) swap-toast-in;display:flex;position:fixed;bottom:24px;left:24px;overflow:hidden;box-shadow:0 24px 60px -20px #000d}@keyframes swap-toast-in{0%{opacity:0;transform:translateY(12px)}}.swap-toast-icon{width:32px;height:32px;color:var(--sw-text-2);background:#ffffff0d;border-radius:50%;flex:none;place-items:center;display:grid}.swap-toast[data-tone=ok] .swap-toast-icon{color:var(--sw-accent);background:#71e5bf1f}.swap-toast-text{flex:1;gap:3px;min-width:0;padding-top:1px;display:grid}.swap-toast-text strong{font-size:14px;font-weight:700}.swap-toast-text span{color:var(--sw-text-2);overflow-wrap:anywhere;font-size:13px;line-height:1.4}.swap-toast-text a{width:fit-content;color:var(--sw-accent);align-items:center;gap:4px;margin-top:3px;font-size:12.5px;font-weight:650;display:inline-flex}.swap-toast-text a:hover{text-decoration:underline}.swap-toast-close{width:28px;height:28px;color:var(--sw-text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin:-4px -4px 0 0;display:grid}.swap-toast-close:hover{color:var(--sw-text);background:#ffffff0d}.swap-toast-timer{background:var(--sw-accent);transform-origin:0;width:100%;height:2px;animation:linear forwards swap-toast-timer;position:absolute;bottom:0;left:0}@keyframes swap-toast-timer{to{transform:scaleX(0)}}@media (max-width:760px){.swap-toast{left:12px;bottom:calc(76px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.swap-toast,.swap-toast-timer{animation:none}}.swap-modes{gap:4px;display:flex}.swap-modes button{height:32px;color:var(--sw-text-3);cursor:pointer;transition:color var(--sw-fast), background var(--sw-fast);background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:700}.swap-modes button:hover:not(:disabled){color:var(--sw-text)}.swap-modes button[aria-selected=true]{color:var(--sw-accent);background:#71e5bf1a}.swap-order-fields{gap:8px;margin-top:8px;display:grid}.swap-dca-grid{grid-template-columns:1fr 1fr}.swap-field-panel{padding:12px 14px}.swap-field-panel:focus-within{border-color:color-mix(in oklab, var(--sw-accent) 55%, transparent);box-shadow:0 0 0 3px #71e5bf14}.swap-field-panel .swap-panel-row{margin-top:6px}.swap-card input.swap-rate-input{height:36px;font-size:24px;line-height:36px}.swap-card input.swap-small-input{flex:0 4.5ch;height:34px;font-size:22px;line-height:34px}.swap-unit{color:var(--sw-text-2);flex:none;font-size:14px;font-weight:700}.swap-select{border:1px solid var(--sw-line);background:var(--sw-bg);min-width:0;height:34px;color:var(--sw-text);border-radius:10px;flex:1;padding:0 8px;font-size:14px;font-weight:650}.swap-diff{color:var(--sw-text-3);font-size:11.5px}.swap-diff[data-sign=up]{color:var(--sw-accent)}.swap-diff[data-sign=down]{color:var(--sw-warn)}.swap-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.swap-chips button{border:1px solid var(--sw-line);height:26px;color:var(--sw-text-2);cursor:pointer;transition:color var(--sw-fast), border-color var(--sw-fast);background:0 0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:650}.swap-chips button:hover:not(:disabled){border-color:var(--sw-line-2);color:var(--sw-text)}.swap-chips button[aria-pressed=true]{border-color:var(--sw-accent);color:var(--sw-accent);background:#71e5bf14}.swap-inline-field{color:var(--sw-text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:2px 4px;font-size:13px;font-weight:600;display:flex}.swap-inline-field .swap-chips{margin-top:0}.swap-order-note{color:var(--sw-text-3);margin:10px 4px 0;font-size:12px;line-height:1.5}.swap-orders{border:1px solid var(--sw-line);border-radius:var(--sw-radius);background:var(--sw-card);width:100%;max-width:460px;padding:14px 16px}.swap-orders header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.swap-orders h2{color:var(--sw-text);margin:0;font-size:14px;font-weight:700}.swap-orders-refresh,.swap-order-cancel,.swap-orders-signin{border:1px solid var(--sw-line);color:var(--sw-text-2);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.swap-orders-refresh{width:28px;height:28px}.swap-orders-signin{height:32px;padding:0 14px}.swap-order-cancel{flex:none;min-width:68px;height:28px;padding:0 10px}.swap-order-cancel:hover:not(:disabled){border-color:var(--sw-warn);color:var(--sw-warn)}.swap-orders ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.swap-order{border-top:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;display:flex}.swap-order:first-child{border-top:0}.swap-order-kind{color:#93a9fb;letter-spacing:.3px;background:#93a9fb1f;border-radius:6px;flex:none;padding:2px 7px;font-size:10.5px;font-weight:750}.swap-order-kind[data-kind=dca]{color:var(--sw-warn);background:#f5b1781f}.swap-order-text{flex:1;gap:2px;min-width:0;display:grid}.swap-order-text strong{color:var(--sw-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.swap-order-text small{color:var(--sw-text-3);font-size:11.5px}.swap-orders-empty{color:var(--sw-text-3);margin:4px 0;font-size:12.5px}.swap-orders-skeleton{background:linear-gradient(90deg,#ffffff06,#ffffff10,#ffffff06) 0 0/200% 100%;border-radius:10px;height:44px;animation:1.2s linear infinite swap-shimmer}@media (max-width:420px){.swap-settings-word{display:none}.swap-modes button{padding:0 11px}}