:root{color-scheme:dark;--bg:#111;--panel:#202020;--muted:#a5a5a5;--red:#ff3b48;--red-soft:#ff6570;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:#f8f8f8;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red-soft);outline-offset:4px}svg{display:block}.site-header{height:62px;padding:8px 10px 8px 14px;display:flex;align-items:center;gap:20px}.brand{width:30px;color:var(--red)}.brand svg{width:30px;height:30px}.icon-button{width:32px;height:36px;padding:2px;color:#a7a7a7;display:grid;place-items:center;border-radius:9px}.icon-button svg{width:28px;height:28px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{color:#fff;background:#ffffff0a}.header-spacer{flex:1}.more{font-size:32px;letter-spacing:1px}.compact{border-radius:17px;padding:12px 17px;background:var(--red);font-size:16px;font-weight:700;white-space:nowrap}.compact:hover{background:#ff5863;box-shadow:0 4px 22px #ff3b4825}.exchange-widget{position:relative;width:min(600px,calc(100% - 44px));margin:45px auto 0}.tabs{height:51px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 6px}.tabs nav{display:flex;gap:13px}.tab{height:45px;border-radius:28px;font-size:16px;font-weight:600;color:var(--muted);padding:0 15px}.tab.active{color:#fff;background:#2e2e2e}.tab:hover{color:#fff}.settings{font-size:31px;margin-top:4px}.amount-card{position:relative;height:170px;border-radius:26px;padding:20px;overflow:hidden}.sell-card{border:1px solid #303030}.buy-card{height:165px;margin-top:5px;background:#202020;padding-top:21px}.amount-card>label{display:block;color:#aaa;font-size:18px;font-weight:600;line-height:23px}.amount-wrap{position:relative;width:calc(100% - 175px);height:64px;margin-top:7px}.amount-wrap input{position:absolute;inset:0;background:none;border:0;width:100%;padding:0;font-size:44px;line-height:58px;letter-spacing:-1.2px;color:transparent;caret-color:white;outline:none}.amount-wrap input::placeholder{color:transparent}.digits{font-size:44px;line-height:58px;letter-spacing:-1.2px;white-space:nowrap;overflow:hidden;pointer-events:none}.digits span{display:inline-block;animation:digit-in .3s var(--ease) both}.digits.empty{color:#686868}.fiat{display:block;font-size:16px;line-height:21px;color:#aaa;font-weight:500;margin-top:2px}.token{position:absolute;right:20px;top:59px;display:flex;align-items:center;gap:7px;border:1px solid #373737;border-radius:30px;padding:5px 14px 5px 5px;min-height:47px;background:#111;font-size:20px;font-weight:600;white-space:nowrap}.token:hover{background:#292929;border-color:#555}.coin{display:inline-grid;place-items:center;border-radius:50%;width:35px;height:35px;font-size:23px;font-weight:700;flex-shrink:0;position:relative}.coin.eth{background:#7881e9}.coin.weth{background:#eee;color:#20242c}.coin.usdt{background:#27ae8c}.coin.usdc{background:#347bc7}.coin.btc{background:#f49725}.coin.sol{background:#18151f;color:#b4f4d4}.coin.gbp{background:#414141}.coin svg{height:30px;width:22px}.network{position:absolute;bottom:-1px;right:-2px;background:#eee;color:#454852;width:13px;height:13px;border-radius:3px;font-size:9px;display:grid;place-items:center}.chevron{display:inline-block;width:11px;height:11px;border-bottom:2px solid #aaa;border-right:2px solid #aaa;transform:rotate(45deg);margin:-5px 5px 0 4px}.select-token{background:var(--red);border-color:transparent;color:white;top:61px;min-height:42px;padding:8px 13px;font-size:18px}.select-token .chevron{border-color:white}.select-token:hover{background:#ff5661}.reverse{position:absolute;top:201px;left:50%;transform:translateX(-50%);z-index:2;width:58px;height:56px;border:5px solid #111;border-radius:20px;background:#202020;display:grid;place-items:center}.reverse svg{width:28px;height:28px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.reverse:hover{background:#333}.reverse:hover svg{transform:rotate(180deg)}.receive-amount{font-size:44px;line-height:58px;margin-top:10px;letter-spacing:-1.2px;max-width:calc(100% - 165px);overflow:hidden;white-space:nowrap}.receive-amount.empty{color:#686868}.quick-tokens{position:absolute;right:20px;top:9px;display:flex;gap:4px;opacity:0;transform:translateY(7px);pointer-events:none}.quick-tokens button{padding:0}.quick-tokens .coin{width:23px;height:23px;font-size:16px}.quick-tokens svg{height:21px;width:16px}.quick-tokens .network{width:8px;height:8px;font-size:6px}.buy-card:hover .quick-tokens,.buy-card:focus-within .quick-tokens{opacity:1;transform:translateY(0);pointer-events:auto}.main-action{width:100%;height:68px;margin-top:5px;border-radius:25px;background:#2c171a;color:var(--red-soft);font-size:21px;font-weight:600}.main-action:hover{background:#402025;color:#ff8088}.main-action.ready{background:#37191d}.rate-line{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 8px;font-size:16px;color:#aaa;text-align:left}.rate-line span:last-child{font-size:20px}.error{color:#ff929a;font-size:14px;margin:10px 0}.error:empty{display:none}.quote-details{background:#1b1b1b;border-radius:18px;padding:18px;color:#aaa;line-height:1.7;font-size:14px}.detail-line{display:flex;justify-content:space-between;gap:14px;margin:6px 0}.detail-line strong{color:#eee;font-weight:500;text-align:right}#limit-panel{margin-top:8px;background:#202020;border-radius:22px;padding:20px;color:#aaa}#limit-panel label{font-size:15px}.limit-input{display:flex;align-items:center;gap:15px;margin:12px 0}.limit-input input{background:none;border:0;min-width:0;width:100%;font-size:30px;color:white}#limit-panel small{font-size:12px}.information{max-width:960px;margin:280px auto 0;padding:0 24px 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--red-soft);font-weight:bold}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1.3px;margin:16px 0}.information>p{color:#999;line-height:1.7;max-width:550px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0 50px}.info-grid article>span{font-size:13px;color:var(--red-soft)}.info-grid h2{font-size:17px;letter-spacing:-.3px;margin:15px 0 10px}.info-grid p{color:#999;font-size:14px;line-height:1.7}details{border-top:1px solid #292929;padding:20px 0;font-size:15px}summary{cursor:pointer}details p{color:#999;line-height:1.7;max-width:700px}footer{margin-top:50px;border-top:1px solid #292929;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:12px}.footer-brand{color:#aaa;font-weight:bold;font-size:15px}
dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(646px,100%);max-width:100%;max-height:min(82dvh,720px);background:#111;border:1px solid #333;border-bottom:0;border-radius:22px 22px 0 0;padding:47px 8px max(20px,env(safe-area-inset-bottom));color:white;overflow:hidden;box-shadow:0 -10px 70px #0003}dialog::backdrop{background:#0009}dialog[open]{animation:sheet-in .42s var(--ease) both}dialog.closing{animation:sheet-out .24s ease-in both}.sheet-handle{position:absolute;width:40px;height:5px;border-radius:5px;background:#666;top:11px;left:calc(50% - 20px)}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.sheet-header h2{font-size:21px;letter-spacing:-.5px;margin:0;font-weight:600}.sheet-header .icon-button{font-size:35px;font-weight:300}#sheet-body{max-height:calc(82dvh - 125px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}.token-search{display:flex;align-items:center;background:#202020;border-radius:22px;height:60px;padding:0 20px;gap:12px;margin-bottom:18px}.token-search input{background:none;border:0;outline:none;color:#fff;font-size:20px;width:100%;min-width:0}.token-search span{font-size:28px;color:#888}.token-chips{display:flex;gap:8px;margin-bottom:22px}.token-chip{flex:1;background:#1b1b1b;border-radius:16px;padding:10px 3px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:12px}.token-chip:hover{background:#2b2b2b}.list-label{color:#aaa;font-size:16px;padding:0 8px 13px}.token-row{display:flex;align-items:center;width:100%;padding:13px 8px;gap:13px;text-align:left;border-radius:13px}.token-row:hover{background:#202020}.token-row .coin{width:46px;height:46px;font-size:31px}.token-row .coin svg{height:39px;width:28px}.token-row strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.3px}.token-row small{display:block;color:#888;font-size:15px;margin-top:5px}.token-row .symbol{margin-left:auto;color:#888;font-size:12px}.sheet-copy{color:#999;line-height:1.7;font-size:14px;padding:0 10px}.wallet-list{background:#202020;border-radius:16px;overflow:hidden;margin:20px 8px}.wallet-row{display:flex;align-items:center;width:100%;padding:17px 15px;gap:12px;text-align:left;border-bottom:1px solid #333;font-size:15px}.wallet-row:last-child{border:0}.wallet-row:hover{background:#2b2b2b}.wallet-logo{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#303030;color:var(--red)}.wallet-row>span:last-child{margin-left:auto;color:#888}.sheet-action{display:block;width:calc(100% - 16px);margin:25px 8px 12px;background:var(--red);padding:15px;border-radius:14px;font-size:16px;font-weight:600}.sheet-action:hover{background:#ff5964}.sheet-note{text-align:center;color:#777;font-size:11px;line-height:1.7;margin:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 10px;color:#bbb}.setting-row select{border:1px solid #444;border-radius:12px;padding:10px;background:#202020;color:#fff}.checkmark{font-size:45px;text-align:center;color:var(--red);padding:20px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(min-width:900px){.site-header{padding:14px 30px;height:72px}.exchange-widget{margin-top:75px;width:520px}.amount-card{height:155px}.buy-card{height:155px}.reverse{top:186px}.information{margin-top:190px}dialog{bottom:24px;border-bottom:1px solid #333;border-radius:24px;max-height:80dvh;width:520px}}
@media(max-width:480px){.site-header{gap:12px;height:58px;padding:8px 12px}.brand,.brand svg{width:25px;height:25px}.icon-button{width:27px}.compact{font-size:14px;padding:11px 13px;border-radius:15px}.exchange-widget{width:calc(100% - 24px);margin-top:30px}.tabs{padding:0 4px;height:49px}.tabs nav{gap:4px}.tab{padding:0 13px;font-size:14px;height:40px}.settings{font-size:27px;margin-top:0}.amount-card{padding:16px;height:151px;border-radius:22px}.buy-card{height:151px}.amount-card>label{font-size:16px}.amount-wrap{width:calc(100% - 135px);margin-top:4px;height:58px}.amount-wrap input,.digits,.receive-amount{font-size:36px;line-height:52px;letter-spacing:-1px}.token{right:14px;top:56px;font-size:16px;gap:4px;min-height:40px;padding:4px 10px 4px 4px}.coin{width:29px;height:29px;font-size:20px}.coin svg{height:26px;width:19px}.select-token{font-size:15px;padding:7px 10px}.fiat{font-size:13px}.receive-amount{max-width:calc(100% - 135px);margin-top:7px}.reverse{top:184px;width:50px;height:50px;border-radius:17px}.reverse svg{width:24px;height:24px}.main-action{height:59px;border-radius:21px;font-size:18px}.quick-tokens{right:14px;top:7px;gap:3px}.quick-tokens .coin{width:19px;height:19px;font-size:13px}.rate-line{font-size:12px;padding:19px 4px}.info-grid{grid-template-columns:1fr;gap:20px}.information{margin-top:220px;padding:0 20px 25px}footer{flex-direction:column;gap:10px}.token-row strong{font-size:17px}.token-row small{font-size:13px}}
@media(hover:none){.quick-tokens{opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:no-preference){button{transition:background .2s,color .2s,box-shadow .25s,opacity .2s}.reverse svg{transition:transform .4s var(--ease)}.quick-tokens{transition:opacity .25s,transform .35s var(--ease)}.quick-tokens button:hover{transform:translateY(-3px)}.quick-tokens button{transition:transform .25s var(--ease)}.token:active,.compact:active,.main-action:active,.sheet-action:active{scale:.98}.exchange-widget{animation:page-in .5s var(--ease)}dialog::backdrop{animation:fade-in .3s ease}.quote-details{animation:page-in .3s var(--ease)}}
@keyframes digit-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out{to{transform:translateY(100%);opacity:.6}}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Locally hosted token artwork and explicit network identities. */
.real-coin{background:transparent!important;isolation:isolate}.token-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.real-coin .network{width:16px;height:16px;right:-3px;bottom:-2px;background:#161616;border:2px solid #161616;border-radius:50%;overflow:hidden}.network img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.token-row .real-coin .network{width:19px;height:19px}.quick-tokens .real-coin .network{width:10px;height:10px;border-width:1px}.token-identity{flex:1;min-width:0}.token-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-identity small{line-height:1.4}.network-separator{color:#555;margin:0 4px}.network-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 6px 18px;font-size:14px;color:#aaa}.network-filter select{max-width:75%;background:#202020;border:1px solid #363636;border-radius:12px;padding:10px 12px;color:#eee;font:inherit}.network-filter select:focus-visible{outline:2px solid var(--red)}.token-search input{font-size:17px}.token-row .symbol{flex-shrink:0}.token-row small{font-size:13px}@media(max-width:480px){.token-search{padding:0 14px;gap:8px}.token-search input{font-size:15px}.token-row strong{font-size:16px}.token-row small{font-size:12px}.token-row .symbol{font-size:11px}.token-row{gap:10px}}