:root{--text: #16181d;--muted: #5a6070;--blue: #0a64f0;--warn: #6b4200;--err: #b3261e;--ok: #1b7f3b;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text)}.page{min-height:100vh;padding:0 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(300px 300px at 0% 12%,#6ea0ffd9,#6ea0ff00 70%),radial-gradient(280px 280px at 100% 52%,#ff96c8bf,#ff96c800 70%),radial-gradient(260px 260px at 4% 100%,#ffcd78cc,#ffcd7800 70%),linear-gradient(165deg,#e8f0ff,#f3eaff 52%,#fed)}.stage{max-width:440px;margin:0 auto;padding-top:40px}.brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px}.brand svg{height:34px;width:auto;flex:none;color:#706e6f}.brand h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em}.muted,small{color:var(--muted)}.link{background:none;border:0;padding:0;font:inherit;color:var(--blue);text-decoration:underline;cursor:pointer}.card{position:relative;border-radius:30px;padding:12px;background:linear-gradient(145deg,#ffffffa8,#ffffff57);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 24px 48px -12px #344ea038,0 2px 8px #344ea014,inset 0 1px #ffffffe6,inset 0 -1px #ffffff59}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#fff,#ffffff40 35%,#ffffff1f 62%,#ffffffd9);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card>*{position:relative}.box{background:#ffffff94;border:1px solid rgba(255,255,255,.85);border-radius:22px;padding:14px 16px;box-shadow:inset 0 1px 3px #3c508c14,0 1px #fff9}.box:focus-within{border-color:#0a64f073;box-shadow:0 0 0 3px #0a64f024,inset 0 1px 3px #3c508c14}.r1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;color:var(--muted);font-size:13px;min-height:30px}.r1>span{white-space:nowrap}.r1-end{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.r2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.chain{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:600;margin-left:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.wantos{background:#34c759}.dot.bsc{background:#f5b301}.tok{font-weight:700;font-size:17px;background:#fffc;border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:9px 16px;box-shadow:0 1px 3px #344ea01f}.amt{background:transparent;border:0;color:var(--text);font:inherit;font-size:34px;font-weight:600;text-align:right;width:100%;min-width:0;outline:none;letter-spacing:-.01em}.amt::placeholder{color:#8a90a2}.amt:disabled{opacity:.7}.chip{white-space:nowrap;font:inherit;font-size:13px;font-weight:600;color:var(--blue);background:#ffffffb8;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:5px 12px;min-height:30px;box-shadow:0 1px 3px #344ea01f,inset 0 1px #fff;cursor:pointer;position:relative}.chip:after{content:"";position:absolute;inset:-8px}.chip:disabled{opacity:.5;cursor:not-allowed}.puck{display:flex;margin:-20px auto;position:relative;z-index:2;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;border:0;padding:0;color:var(--blue);cursor:pointer;background:linear-gradient(160deg,#fffffff2,#ffffff8c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 16px #344ea038,inset 0 1px #fff,inset 0 -2px 4px #344ea01a,0 0 0 4px #ffffff59}.puck:disabled{color:#8a90a2;cursor:not-allowed}.cta{width:100%;margin-top:12px;min-height:56px;border-radius:28px;border:0;font:inherit;font-size:17px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(180deg,#1a6cf5,#0551cf);box-shadow:0 10px 22px -4px #0a64f073,inset 0 1px #ffffff8c,inset 0 -1px #00000024}.cta:disabled{color:#6a7080;cursor:not-allowed;background:linear-gradient(180deg,#ffffffb3,#ebeef899);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffffb3,0 1px 3px #344ea01a}.puck:focus-visible,.chip:focus-visible,.cta:focus-visible,.link:focus-visible{outline:3px solid rgba(10,100,240,.55);outline-offset:2px}.picker{margin-top:12px;padding:12px;border-radius:22px;background:#fff9;border:1px solid rgba(255,255,255,.85);display:flex;flex-direction:column;gap:8px}.picker-head{display:flex;justify-content:space-between;align-items:center;font-size:15px}.wallet-item{font:inherit;font-weight:600;font-size:16px;text-align:left;min-height:48px;padding:0 16px;border-radius:16px;color:var(--text);background:#fffc;border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #344ea01f,inset 0 1px #fff;cursor:pointer}.wallet-item:disabled{opacity:.5;cursor:not-allowed}.wallet-item:focus-visible{outline:3px solid rgba(10,100,240,.55);outline-offset:2px}.info{color:var(--muted);font-size:13px;margin:28px 6px 0;line-height:1.5}.info+.info{margin-top:6px}.bar,.notice{border-radius:18px;padding:12px 16px;margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.5;background:#ffffff8c;border:1px solid rgba(255,255,255,.7)}.bar.warn,.notice.warn{background:#ffc4404d;color:var(--warn);font-weight:600}.notice .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.notice button,.notice a{font:inherit;font-size:13px;font-weight:600}.notice button{color:#fff;background:var(--blue);border:0;border-radius:16px;padding:6px 12px;min-height:32px;margin-top:6px;cursor:pointer}.notice button.secondary{color:var(--blue);background:#ffffffb8;border:1px solid rgba(255,255,255,.9)}.error{color:var(--err);font-size:14px;margin:8px 6px 0}.ok{color:var(--ok);font-weight:600;font-size:14px;margin:8px 6px 0}.step{color:var(--muted);font-size:13px;margin:8px 6px 0}.confirm{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;margin:8px 6px 0}.hash{word-break:break-all}.warn-text{color:var(--warn)}.field{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px}.field input{font:inherit;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.85);background:#fff9;color:var(--text);min-width:0}.orders ul{list-style:none;padding:0 4px;margin:14px 0 0}.order{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 4px;border-top:1px solid rgba(60,70,110,.12);font-size:14px}.order-amount,.order-status{text-align:right}.order-status{font-weight:600;font-size:13px;color:#8a5200}.st-completed .order-status,.st-refunded .order-status{color:var(--ok)}.order a{color:var(--blue);font-weight:600;text-decoration:none;font-size:12px;margin-right:8px}.foot{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px;font-size:12px;color:var(--muted);text-align:center}.testnet-banner{position:sticky;top:0;z-index:20;background:#b42318;color:#fff;text-align:center;padding:8px;font-weight:700;margin:0 -16px}@media(prefers-reduced-transparency:reduce){.card{background:#fffffff0;-webkit-backdrop-filter:none;backdrop-filter:none}.puck{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card{background:#ffffffe0}}.foot .powered{letter-spacing:.04em;opacity:.85}.lang{display:flex;justify-content:center;gap:4px;margin-top:10px}.lang button{font:inherit;font-size:13px;color:var(--muted);background:transparent;border:0;border-radius:14px;padding:0 12px;min-height:32px;cursor:pointer}.lang button[aria-pressed=true]{color:var(--text);font-weight:600;background:#fff9}