:root{--bg:#04060b;--halo:#4d8dff17;--grid:#1b253659;--cta-text:#03060c;--placeholder:#22304a;--shadow-card:0 24px 60px #00000080;--shadow-menu:0 16px 44px #0009, 0 0 24px var(--glow);--topbar-bg:#04060bd9;--bg-2:#070b12;--surface:#0a0f18;--surface-2:#101725;--line:#1b2536;--line-soft:#121a28;--ink:#e6edf7;--muted:#7d8ca3;--accent:#4d8dff;--accent-bright:#7aa8ff;--accent-dim:#24457e;--glow:#4d8dff40;--ok:#3fd68f;--err:#ff6b6b;--mono:"JetBrains Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--sans)}:root[data-theme=light]{--bg:#eef1f7;--bg-2:#e7ebf3;--surface:#fff;--surface-2:#f6f8fc;--line:#d4dce9;--line-soft:#e2e8f1;--ink:#16202e;--muted:#5c6b80;--accent:#2563eb;--accent-bright:#1d4fd7;--accent-dim:#a9c3f0;--glow:#2563eb26;--ok:#178a54;--err:#d43f3f;--halo:#2563eb12;--grid:#5a6e8c24;--cta-text:#fff;--placeholder:#c3cddd;--shadow-card:0 16px 40px #1428501a;--shadow-menu:0 12px 32px #14285029;--topbar-bg:#ffffffd9}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--ink);margin:0}body{background-image:radial-gradient(900px 480px at 50% -8%, var(--halo), transparent 65%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:100% 100%,44px 44px,44px 44px;background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}.brand-logo{object-fit:contain;border-radius:4px;display:block}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line-soft);background:var(--topbar-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex}.brand{color:var(--accent);align-items:center;gap:10px;display:flex}.brand-name{font-family:var(--mono);letter-spacing:1px;color:var(--ink);text-transform:uppercase;font-size:17px;font-weight:700}.brand-name em{color:var(--accent);font-style:normal}.nav{gap:4px;display:flex}.nav-link{font-family:var(--mono);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:8px 14px;font-size:12.5px}.nav-link:hover{color:var(--ink)}.nav-active{color:var(--accent);border-color:var(--accent-dim);background:#4d8dff0f}.wallet-chip{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.4px;background:var(--surface);border-radius:4px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.wallet-connect{border-color:var(--accent-dim);color:var(--accent)}.wallet-connect:hover{border-color:var(--accent);color:var(--accent-bright);box-shadow:0 0 12px var(--glow)}.dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 6px var(--ok);border-radius:50%}.wallet-slot{align-items:center;gap:10px;display:flex}.theme-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--surface);border-radius:4px;font-size:15px;line-height:1}.theme-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.wallet-menu-wrap{position:relative}.wallet-icon{object-fit:contain;border-radius:4px;width:20px;height:20px;display:inline-flex}.wallet-icon-badge{color:#fff;font-size:11px;font-weight:800;font-family:var(--sans);justify-content:center;align-items:center}.wallet-menu{background:var(--surface-2);border:1px solid var(--line);z-index:40;min-width:240px;box-shadow:var(--shadow-menu);border-radius:8px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.wallet-menu-title{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:4px 8px 8px;font-size:10.5px}.wallet-option{text-align:left;width:100%;color:var(--ink);border-radius:5px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;display:flex}.wallet-option:hover{background:var(--surface);color:var(--ink)}.wallet-option-name{font-weight:600}.wallet-option-tag{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:10px}.wallet-option-active .wallet-option-name{color:var(--accent)}.wallet-option-active .wallet-option-tag{color:var(--ok)}.wallet-option-install .wallet-option-tag{color:var(--accent)}.wallet-option-disconnect{border-top:1px dashed var(--line);color:var(--muted);border-radius:0 0 5px 5px;margin-top:4px;padding-top:11px}.wallet-menu-empty{color:var(--muted);padding:8px;font-size:12.5px}.wallet-menu-error{color:var(--err);padding:8px 10px 4px;font-size:12px}.main{flex:1;justify-content:center;align-items:flex-start;padding:40px 20px 24px;display:flex}.stage{width:100%;max-width:720px}.footer{text-align:center;color:var(--muted);font-family:var(--mono);letter-spacing:.4px;border-top:1px solid var(--line-soft);padding:18px;font-size:11.5px}.brand-row{justify-content:center;margin:6px 0 18px;display:flex}.brand-select{position:relative}.brand-select-btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;display:flex}.brand-select-btn:hover{border-color:var(--accent-dim);box-shadow:0 0 14px var(--glow)}.brand-select-name{font-weight:700}.brand-select-sym{font-family:var(--mono);color:var(--muted);letter-spacing:.5px;font-size:12px}.brand-caret{color:var(--accent);margin-top:-4px}.brand-menu{background:var(--surface-2);border:1px solid var(--line);z-index:30;min-width:330px;max-height:340px;box-shadow:var(--shadow-menu);border-radius:8px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}.brand-option{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;display:flex}.brand-option:hover{background:var(--surface)}.brand-option-active .brand-option-name{color:var(--accent)}.brand-option-name{font-weight:700}.brand-option-sym{font-family:var(--mono);color:var(--muted);font-size:11.5px}.brand-soon{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:3px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.info-note{border:1px solid var(--accent-dim);color:var(--ink);background:#4d8dff0f;border-radius:6px;margin-bottom:18px;padding:10px 14px;font-size:13.5px}.info-note b{color:var(--accent)}.pending-note{color:var(--err);background:#ff6b6b0f;border:1px solid #ff6b6b4d;border-radius:6px;margin-bottom:18px;padding:10px 14px;font-size:13.5px}.shell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:8px;padding:26px;position:relative}.shell:before,.shell:after{content:"";border:2px solid var(--accent-dim);pointer-events:none;width:18px;height:18px;position:absolute}.shell:before{border-bottom:none;border-right:none;border-top-left-radius:8px;top:-1px;left:-1px}.shell:after{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:-1px;right:-1px}.route{grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;display:grid}.route-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.route-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:11px}.route-label:before{content:"// ";color:var(--muted)}.route-balance{font-family:var(--mono);color:var(--muted);font-size:11px}.route-swap{border:1px solid var(--accent-dim);width:40px;height:40px;color:var(--accent);border-radius:6px;align-self:center;margin-top:18px;font-size:17px;transition:all .15s}.route-swap:hover:not(:disabled){border-color:var(--accent);color:var(--accent-bright);box-shadow:0 0 14px var(--glow)}.route-swap:disabled{opacity:.6;cursor:default}.tiles{flex-direction:column;gap:8px;display:flex}.tile{text-align:left;border:1px solid var(--line);background:var(--bg-2);border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:10px 14px;transition:border-color .12s,box-shadow .12s;display:grid}.tile svg,.tile img,.tile>span:first-child{grid-row:1/span 2}.tile:hover{border-color:var(--accent-dim)}.tile-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px var(--glow);background:#4d8dff0f}.tile-name{font-size:14.5px;font-weight:700}.tile-sub{font-family:var(--mono);color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:10px}.amount-stage{border-bottom:1px solid var(--line-soft);text-align:center;margin-bottom:18px;padding:28px 0 20px}.amount-line{justify-content:center;align-items:baseline;gap:12px;display:flex}.big-amount{color:var(--ink);font-family:var(--mono);text-align:right;min-width:40px;max-width:60%;caret-color:var(--accent);background:0 0;border:none;outline:none;font-size:46px;font-weight:700}.big-amount::placeholder{color:var(--placeholder)}.big-unit{font-family:var(--mono);color:var(--accent);letter-spacing:1px;font-size:18px;font-weight:600}.balance-line{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:10px;font-size:12.5px;display:flex}.use-max{font-family:var(--mono);color:var(--accent);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--accent-dim);border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700}.use-max:hover:not(:disabled){color:var(--accent-bright);border-color:var(--accent)}.use-max:disabled{opacity:.4;cursor:default}.receipt{flex-direction:column;gap:10px;padding:4px 2px 18px;display:flex}.receipt-row{color:var(--muted);align-items:baseline;font-size:13px;display:flex}.receipt-row .dots{border-bottom:1px dashed var(--line);flex:1;margin:0 10px;transform:translateY(-3px)}.receipt-val{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.receipt-strong{color:var(--ink);font-size:14px}.receipt-strong .receipt-val{color:var(--accent-bright);font-size:13.5px;font-weight:800}.receipt-usd{color:var(--muted);font-size:11px;font-weight:400}.validation{color:var(--err);text-align:center;margin:0 0 14px;font-size:13.5px}.cta{text-align:center;width:100%;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--cta-text);background:var(--accent);border:1px solid var(--accent-bright);box-shadow:0 0 20px var(--glow);border-radius:6px;padding:15px;font-size:14px;font-weight:700;transition:all .15s;display:block}.cta:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 0 28px var(--glow)}.cta:disabled{opacity:.35;cursor:default;box-shadow:none}.modal-backdrop{z-index:50;background:#020408cc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--accent-dim);width:100%;max-width:460px;box-shadow:0 0 40px var(--glow);border-radius:8px;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h3{margin:0;font-size:17px;font-weight:800}.icon-btn{color:var(--muted);border-radius:4px;padding:4px 8px;font-size:16px}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}.steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{align-items:flex-start;gap:14px;padding:10px 0;display:flex}.step+.step{border-top:1px dashed var(--line)}.step-badge{border-radius:4px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:12px;font-weight:800;display:inline-flex}.step-pending{border:1px solid var(--line)}.step-done{color:var(--ok);background:#3fd68f1f}.step-error{color:var(--err);background:#ff6b6b1f}.step-active.spinner{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.step-label{font-size:14.5px;font-weight:700}.step-detail{color:var(--muted);margin-top:2px;font-size:13px}.step-tx{font-family:var(--mono);margin-top:4px;font-size:12px;display:inline-block}.flow-error{color:var(--err);background:#ff6b6b12;border:1px solid #ff6b6b40;border-radius:6px;margin-top:14px;padding:10px 12px;font-size:13.5px}.flow-success{color:var(--ok);background:#3fd68f12;border:1px solid #3fd68f40;border-radius:6px;margin-top:14px;padding:10px 12px;font-size:13.5px}.btn-secondary{border:1px solid var(--line);width:100%;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;background:0 0;border-radius:6px;margin-top:16px;padding:12px;font-size:12.5px;font-weight:600;display:block}.btn-secondary:hover{border-color:var(--accent-dim);color:var(--accent)}.history,.docs{width:100%;max-width:680px}.history h2,.docs h2{font-size:22px;font-weight:800}.credits-note{border:1px solid var(--accent-dim);color:var(--accent);background:#4d8dff0f;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.empty{color:var(--muted)}.history-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.history-item{background:var(--surface);border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:14px 18px;display:grid}.history-route{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.route-arrow{color:var(--accent)}.history-amount{font-family:var(--mono);text-align:right;font-size:14px;font-weight:700}.history-meta{align-items:center;gap:10px;display:flex}.history-date{font-family:var(--mono);color:var(--muted);font-size:11px}.history-links{font-family:var(--mono);justify-content:flex-end;gap:12px;font-size:11.5px;display:flex}.pill{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.pill-locked{color:var(--ok);background:#3fd68f1a}.pill-failed{color:var(--err);background:#ff6b6b1a}.pill-in-progress{color:var(--accent);background:#4d8dff1a}.desk{width:100%;max-width:760px}.desk-head{align-items:center;gap:10px;display:flex}.desk-head h2{margin-right:auto;font-size:22px;font-weight:800}.desk-summary{align-items:center;gap:10px;margin:14px 0 16px;display:flex}.desk-chip{font-family:var(--mono);letter-spacing:.5px;border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:4px;padding:7px 14px;font-size:12px}.desk-chip-on{color:var(--accent);border-color:var(--accent-dim);background:#4d8dff0f}.desk-errors{color:var(--err);font-size:12px}.desk-nodest{color:var(--err);font-size:13px}.desk-addr{font-family:var(--mono);color:var(--muted);font-size:12.5px}.desk-net{color:var(--muted);font-size:12px;font-weight:400}.desk-copy{font-family:var(--mono);letter-spacing:.4px;color:var(--accent);border:1px solid var(--accent-dim);border-radius:3px;padding:2px 8px;font-size:11px}.desk-copy:hover{border-color:var(--accent);color:var(--accent-bright)}.docs section{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:14px;padding:6px 22px 16px}.docs h3{font-size:15px;font-weight:700}.docs h3:before{content:"# ";color:var(--accent);font-family:var(--mono)}.docs ol,.docs ul{color:var(--muted);padding-left:20px;font-size:14px;line-height:1.7}.docs b{color:var(--ink)}.docs code{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--line-soft);color:var(--accent);word-break:break-all;border-radius:3px;padding:1.5px 6px;font-size:12px}.contracts-table{border-collapse:collapse;width:100%;font-size:13px}.contracts-table th{text-align:left;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px 6px 0;font-size:11px}.contracts-table td{color:var(--muted);vertical-align:top;padding:7px 8px 7px 0}.docs-note{color:var(--muted);font-size:12.5px}@media (width<=700px){.topbar{flex-wrap:wrap;padding:12px 16px}.nav{order:3;justify-content:center;width:100%}.route{grid-template-columns:1fr}.route-swap{justify-self:center;margin:0;transform:rotate(90deg)}.tiles{flex-flow:wrap}.tile{flex:45%}.big-amount{font-size:34px}.shell{padding:18px}}