:root{--accent: #0052ff;--accent-deep: #003ccc;--bg: #f3f6fc;--card: #ffffff;--panel: #f3f6fc;--panel-hover: #e9eef9;--text: #0a1129;--muted: #6b738c;--line: #e3e8f3;--ok: #128c5a;--err: #d63a4a;--radius: 24px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(900px 480px at 50% -8%,#d8e4ff,#d8e4ff00 70%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;max-width:1100px;margin:0 auto}.brand{font-weight:700;font-size:18px;display:flex;align-items:center;gap:8px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:16px}.account{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .15s}.account:hover{border-color:var(--accent)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.wrap{display:flex;flex-direction:column;align-items:center;padding:40px 16px 64px;gap:18px}.card{width:100%;max-width:480px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px;box-shadow:0 12px 40px #00286e14}.card-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px}.card-head h1{margin:0;font-size:18px;font-weight:600}.gear{background:none;border:none;font-size:17px;cursor:pointer;color:var(--muted);width:34px;height:34px;border-radius:10px}.gear:hover,.gear.on{background:var(--panel);color:var(--text)}.settings{background:var(--panel);border-radius:16px;margin:4px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.slip{display:flex;gap:6px}.slip button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer}.slip button.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.panel{background:var(--panel);border:1px solid transparent;border-radius:20px;padding:16px;margin:4px;transition:border-color .15s,background .15s}.panel:focus-within{border-color:var(--line);background:var(--panel-hover)}.panel-label{font-size:13px;color:var(--muted);margin-bottom:6px}.panel-row{display:flex;align-items:center;gap:10px}.amount{flex:1;min-width:0;border:none;background:none;font-size:34px;font-weight:500;color:var(--text);outline:none;padding:0;letter-spacing:-.02em}.amount::placeholder{color:#c8c8d0}.amount.out{color:var(--text)}.amount.out.pulse{color:var(--muted);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.token-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 32px 8px 14px;font-size:15px;font-weight:700;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5L6 8l3-3.5' stroke='%237d7d8c' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.token-addr{width:168px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.token-addr:focus{border-color:var(--accent)}.panel-sub{font-size:12px;color:var(--muted);margin-top:8px;min-height:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.arrow-wrap{display:flex;justify-content:center;height:0}.arrow{position:relative;top:-14px;width:36px;height:36px;display:grid;place-items:center;background:var(--card);border:4px solid var(--card);border-radius:12px;box-shadow:0 0 0 1px var(--line);font-size:16px;color:var(--muted)}.details{margin:8px 4px 4px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:8px;font-size:13px}.details>div{display:flex;justify-content:space-between}.details span:first-child{color:var(--muted)}.details span:last-child{font-weight:600}.cta{width:calc(100% - 8px);margin:8px 4px 4px;padding:16px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:filter .15s,transform .05s}.cta:hover:not(:disabled){filter:brightness(1.05)}.cta:active:not(:disabled){transform:scale(.99)}.cta:disabled{background:var(--panel);color:var(--muted);cursor:not-allowed}.msg{margin:8px 4px 4px;padding:11px 14px;border-radius:14px;font-size:13px}.msg.ok{background:#e7f7ef;color:var(--ok)}.msg.err{background:#fdeced;color:var(--err);word-break:break-word}.msg a{color:inherit;font-weight:700}.pitch{max-width:480px;text-align:center;font-size:13px;line-height:1.6;color:var(--muted);margin:0}.pitch strong{color:var(--accent-deep)}