:root{--bg:#000000;--bg-soft:#0a0a0a;--panel:#0e0e0e;--panel-2:#161616;--border:#232323;--border-strong:#333333;--text:#f5f5f5;--muted:#a0a0a0;--muted-2:#6e6e6e;--link:#7aa2ff;--good:#3fb950;--bad:#f85149;--warn:#d29922;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:680px;margin:0 auto;padding:24px 20px 96px}.header{justify-content:space-between;gap:16px;padding:22px 0 18px;flex-wrap:wrap}.brand,.header{display:flex;align-items:center}.brand{gap:12px}.brand .dot{width:9px;height:9px;border-radius:2px;background:var(--text)}.steps{display:flex;gap:6px;margin:10px 0 4px}.step{flex:1 1;height:3px;border-radius:2px;background:var(--border);transition:background .2s ease}.step.active{background:var(--text)}.step.done{background:var(--muted-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-top:18px}.card h2{margin:0 0 5px;font-size:19px;font-weight:650;letter-spacing:-.01em}.card p.sub{margin:0 0 22px;color:var(--muted);font-size:14.5px}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.field{margin-bottom:17px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:500}.field input[type=number],.field input[type=text],.field input[type=url]{width:100%;padding:12px 14px;border-radius:9px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font-size:15.5px;transition:border-color .12s ease}.field input::placeholder{color:var(--muted-2)}.field input:focus{outline:none;border-color:var(--border-strong)}.row{display:flex;gap:12px}.row>.field{flex:1 1;min-width:0}.logo-input-row{display:flex;gap:12px;align-items:flex-start}.logo-input-field{flex:1 1;margin-bottom:0;min-width:0}.toggle-row{margin:4px 0}.toggle,.toggle-row{display:flex;gap:10px}.toggle{align-items:center;cursor:pointer;background:var(--bg-soft);border:1px solid var(--border);border-radius:9px;padding:12px 14px;flex:1 1;transition:border-color .12s ease}.toggle:hover{border-color:var(--border-strong)}.toggle input{width:17px;height:17px;accent-color:var(--text);flex-shrink:0}.toggle .t-label{font-size:14.5px;font-weight:500}.toggle .t-hint{font-size:12.5px;color:var(--muted-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;border:1px solid transparent;font-size:14.5px;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease;font-family:inherit}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--text);color:#000}.btn-primary:hover:not(:disabled){background:#ffffff}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--muted);background:var(--panel-2)}.btn-block{width:100%}.pill{font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);color:var(--muted);background:var(--bg-soft)}.pill.good{color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,var(--border))}.note{font-size:13px;padding:10px 12px;border-radius:9px;margin-top:14px;border:1px solid var(--border)}.note.err{background:color-mix(in srgb,var(--bad) 8%,var(--bg));border-color:color-mix(in srgb,var(--bad) 35%,var(--border));color:#ffb3ad}.note.ok{background:color-mix(in srgb,var(--good) 8%,var(--bg));border-color:color-mix(in srgb,var(--good) 35%,var(--border));color:#9fe0a8}.note.info{background:var(--bg-soft);color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;color:var(--text)}.addr-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:9px;padding:11px 13px}.spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}.btn-ghost .spinner{border:2px solid rgba(255,255,255,.25);border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}.logo-preview{width:52px;height:52px;border-radius:10px;border:1px solid var(--border);object-fit:cover;background:var(--bg-soft);flex-shrink:0}.app-footer{margin-top:44px;padding-top:22px;border-top:1px solid var(--border);text-align:center}.app-footer-brand{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.footer-logo{width:18px;height:18px;border-radius:5px;object-fit:cover;background:#f5f7fb}.footer-note{margin:0 auto;max-width:420px;color:var(--muted-2);font-size:13px;line-height:1.6}.app-footer-copy{margin:12px 0 0;color:var(--muted-2);font-size:12px}.btn-group{display:flex;gap:10px;flex-wrap:wrap}.logo-mark{width:48px;height:48px;border-radius:11px;object-fit:cover;background:#f5f7fb;flex:0 0 auto}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:22px;font-weight:700;letter-spacing:-.015em}.brand-sub{font-size:13.5px;color:var(--muted);font-weight:500}.net-dot{width:7px;height:7px;border-radius:50%;background:var(--good);flex:0 0 auto}.wallet-menu{position:relative}.wallet-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg-soft);color:var(--text);padding:8px 12px;font-size:13px;cursor:pointer;font-family:inherit;transition:border-color .12s ease,background .12s ease}.wallet-trigger:hover{border-color:var(--border-strong);background:var(--panel-2)}.wallet-trigger .chevron{color:var(--muted);font-size:10px;transition:transform .15s ease}.wallet-trigger .chevron.up{transform:rotate(180deg)}.wallet-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.5)}.wallet-dropdown-label{padding:6px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}.wallet-dropdown-divider{border-top:1px solid var(--border);margin:6px 2px}.wallet-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:9px 10px;font-size:13.5px;border-radius:7px;cursor:pointer;font-family:inherit;transition:background .12s ease}.wallet-dropdown-item:hover:not(:disabled){background:var(--panel-2);text-decoration:none}.wallet-dropdown-item.danger{color:var(--bad)}.wallet-dropdown-item.network-item:disabled{cursor:default;opacity:1}.network-item-name{flex:1 1}.network-item-id{color:var(--muted-2);font-size:12px}.network-item .check{color:var(--good);font-size:13px}.btn-warn{background:var(--warn);color:#000}.btn-warn:hover:not(:disabled){filter:brightness(1.06)}.copy-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:7px;padding:5px 10px;font-size:12px;cursor:pointer;font-family:inherit;transition:color .12s ease,border-color .12s ease;flex:0 0 auto}.copy-btn:hover{color:var(--text);border-color:var(--border-strong)}.addr-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hint{font-size:12.5px;color:var(--muted);margin-top:6px;margin-bottom:14px}.hint strong{color:var(--text);font-weight:600}.tx-link{display:inline-flex;align-items:center;gap:6px}.done{text-align:center}.done-check{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--good) 14%,var(--bg));border:1px solid color-mix(in srgb,var(--good) 40%,var(--border));color:var(--good);display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin:2px auto 14px}.recap{display:flex;align-items:center;gap:14px;text-align:left;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:14px;margin:18px 0}.recap-info{display:flex;flex-direction:column;gap:5px;min-width:0}.recap-info strong{font-size:14.5px}.recap-addr{display:flex;align-items:center;gap:8px;min-width:0}.recap-addr .mono{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.done .btn-group{justify-content:center}.link-btn{background:none;border:none;color:var(--muted);font-size:12.5px;cursor:pointer;font-family:inherit;text-decoration:underline;padding:0}.link-btn:hover{color:var(--text)}@media (max-width:560px){.container{padding:16px 14px 72px}.header{padding:16px 0 12px;gap:12px}.brand-text strong{font-size:19px}.card{padding:18px;margin-top:14px}.card h2{font-size:17px}.row{gap:0}.logo-input-row,.row,.toggle-row{flex-direction:column}.logo-input-row{align-items:center;text-align:center}.logo-input-field{width:100%}.logo-input-field label{text-align:left}.btn-group{flex-direction:column;align-items:stretch}.btn-group .btn{width:100%}.recap{flex-direction:column;text-align:center}.recap-info{align-items:center}.recap-addr .mono{max-width:220px}}@media (max-width:380px){.brand-text strong{font-size:17px}.logo-mark{width:40px;height:40px}}.kv{display:grid;grid-template-columns:150px 1fr;grid-gap:8px 14px;gap:8px 14px;font-size:14.5px;margin:6px 0 4px}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.state{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;border:1px solid var(--border-strong)}.state.active{border-color:var(--good);color:var(--good)}.state.exiting,.state.failed{border-color:var(--warn);color:var(--warn)}.timeline{list-style:none;padding:0;margin:8px 0 0;font-size:13.5px;color:var(--muted)}.timeline li{padding:4px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px}.pay-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media (max-width:520px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}}