*{margin:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0810;--sheet:#1a1524;--sheet-2:#2a2238;--text:#f5f2ff;--muted:#a89bc2;--accent:#bf5af2;--accent-dim:#9d44c7;--accent-deep:#5e2a82;--danger:#ff453a;--success:#c77dff;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.35}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 24px);background:radial-gradient(ellipse 120% 80% at 50% -20%, #3d1f6b 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 100% 0%, #2a1548 0%, transparent 45%), var(--bg)}button,input{font:inherit}.app{max-width:420px;margin:0 auto}.top h1{letter-spacing:-.02em;margin:4px 0 8px;font-size:28px;font-weight:700}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.sub{color:var(--muted);margin:0;font-size:15px}.steps{justify-content:center;gap:8px;margin:24px 0 16px;display:flex}.step-dot{background:var(--sheet-2);width:32px;height:32px;color:var(--muted);border:2px solid #0000;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.step-dot.active{background:var(--sheet);color:var(--text)}.step-dot.current{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px #bf5af244}.sheet{background:color-mix(in srgb, var(--sheet) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:calc(var(--radius) + 4px);border:1px solid #bf5af222;padding:20px 18px 22px;box-shadow:0 24px 48px #0006}.sheet h2{margin:0 0 8px;font-size:22px}.hint{color:var(--muted);margin:0 0 18px;font-size:15px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field span{color:var(--muted);font-size:13px}.field input{background:var(--bg);color:var(--text);border:1px solid #bf5af228;border-radius:12px;outline:none;padding:14px}.field input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #bf5af222}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:15px 16px;font-weight:600;transition:transform .12s,opacity .12s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1a0a24;background:linear-gradient(135deg,#d084ff 0%,#bf5af2 45%,#9d44c7 100%)}.btn.ghost{background:var(--sheet-2);color:var(--text)}.stat{background:var(--bg);border:1px solid #ffffff0a;border-radius:12px;margin-bottom:8px;padding:12px}.stat span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.stat strong{font-size:18px}.tag{color:var(--accent);margin:0 0 12px;font-size:13px}.mono{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.connected{flex-direction:column;gap:10px;display:flex}.banner.error{color:#ffb4af;background:#ff453a22;border:1px solid #ff453a55;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:15px}.banner.success{color:#e9c7ff;background:#bf5af222;border:1px solid #bf5af255;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:15px}.foot{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.foot p{margin:0}.network-grid{gap:12px;display:grid}.network-card{text-align:left;background:var(--bg);cursor:pointer;color:var(--text);border:2px solid #ffffff12;border-radius:14px;padding:16px;transition:border-color .15s,box-shadow .15s}.network-card.selected,.network-card:hover{border-color:var(--accent);box-shadow:0 0 20px #bf5af233}.network-card strong{margin:8px 0 4px;font-size:18px;display:block}.network-card small{color:var(--muted);font-size:13px}.network-badge{letter-spacing:.05em;color:var(--accent);background:#bf5af233;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.network-badge.eth{color:#8fa8ff;background:#627eea33}.gen-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0810dd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.gen-card{text-align:center;background:var(--sheet);border:1px solid #bf5af244;border-radius:20px;width:min(100%,360px);padding:24px 20px;box-shadow:0 0 40px #bf5af233}.gen-orbit{width:88px;height:88px;margin:0 auto 16px;position:relative}.gen-ring{border:3px solid #0000;border-top-color:var(--accent);border-right-color:#d084ff;border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:0}.gen-core{color:#1a0a24;background:linear-gradient(145deg,#e9c7ff,#bf5af2);border-radius:50%;place-items:center;font-size:28px;font-weight:700;animation:1.4s ease-in-out infinite pulse;display:grid;position:absolute;inset:16px}.gen-card h3{margin:0 0 6px}.gen-meta{color:var(--muted);margin:0;font-size:14px}.gen-addr{opacity:.85;margin:8px 0 16px;font-size:11px}.gen-bar{background:#ffffff12;border-radius:999px;height:8px;margin-bottom:10px;overflow:hidden}.gen-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#9d44c7,#d084ff);height:100%;transition:width .12s linear}.gen-phase{color:var(--text);margin:0;font-size:14px}.gen-pct{color:var(--accent);margin:6px 0 0;font-size:22px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.site{max-width:520px;margin:0 auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{cursor:pointer;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.brand-logo{object-fit:cover;border-radius:10px}.brand-name{max-width:140px;font-size:14px;font-weight:700;line-height:1.2}.site-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none}.nav-link.active,.nav-link:hover{color:var(--accent);background:#bf5af218}.nav-link.support{color:var(--accent)}.site-body.compact .app{margin:0}.site-footer{color:var(--muted);border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:16px;font-size:13px;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--accent);text-decoration:none}.landing-hero{text-align:center;padding:12px 0 28px}.landing-logo{border-radius:24px;margin-bottom:16px;box-shadow:0 0 40px #bf5af244}.landing h1{letter-spacing:-.02em;margin:0 0 12px;font-size:26px}.landing-lead{max-width:360px;color:var(--muted);margin:0 auto 20px;font-size:16px}.landing-actions{flex-direction:column;gap:8px;max-width:280px;margin:0 auto;display:flex}.feature-grid{gap:10px;margin-bottom:24px;display:grid}.feature-card{background:var(--sheet);border:1px solid #bf5af222;border-radius:14px;padding:16px}.feature-card h3{color:var(--accent);margin:0 0 6px;font-size:16px}.feature-card p{color:var(--muted);margin:0;font-size:14px}.landing-support{text-align:center;background:#bf5af212;border-radius:14px;padding:16px}.landing-support p{color:var(--muted);margin:0 0 8px}.support-btn{width:auto;margin:0;display:inline-flex}.docs h1{margin:0 0 8px;font-size:26px}.docs-intro{color:var(--muted);margin:0 0 24px}.docs section{margin-bottom:22px}.docs h2{color:var(--accent);margin:0 0 8px;font-size:18px}.docs p,.docs li{color:var(--muted);font-size:15px}.docs ul{margin:0;padding-left:20px}.faq dt{color:var(--text);margin-top:12px;font-weight:600}.faq dd{color:var(--muted);margin:4px 0 0;font-size:14px}.docs-cta{flex-direction:column;gap:8px;margin-top:28px;display:flex}.docs-cta .btn.ghost{text-align:center;text-decoration:none}