@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap");
.wallet-search { padding: 32px; border-bottom: 1px solid var(--line); }
.wallet-search h2 { font-family: "Azeret Mono", monospace; letter-spacing: -.04em; }
.wallet-search p { color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
.search-scope, #scanCoverage { font-size: 12px; }
.scan-result { padding: 20px; margin: 14px 0; border: 1px solid var(--line); }
.scan-result h3 { color: var(--acid); font-size: 17px; }
.scan-result code { display: block; overflow-wrap: anywhere; margin: 12px 0; }
.scan-open { margin-top: 12px; }
[hidden] { display: none !important; }
:root { color-scheme: dark; --ink:#0a0b0b; --panel:#121414; --panel-soft:#171a19; --line:#303532; --paper:#e9eee7; --muted:#939c95; --acid:#b8ff31; --orange:#ff6b35; --green:#5ce08b; --red:#ff6c6c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:radial-gradient(circle at 80% 2%,rgba(184,255,49,.08),transparent 26rem),var(--ink); font-family:"DM Sans",sans-serif; min-height:100vh; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.22; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E"); }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.42; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:22px clamp(20px,5vw,76px); border-bottom:1px solid var(--line); font-family:"Azeret Mono",monospace; }
.brand { color:var(--paper); text-decoration:none; display:flex; align-items:center; gap:12px; font-size:13px; letter-spacing:.08em; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; background:var(--acid); color:var(--ink); font-weight:700; letter-spacing:-.09em; }
.network-pill { border:1px solid var(--line); padding:9px 13px; color:var(--muted); font-size:11px; }
.network-pill i { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); margin-right:7px; box-shadow:0 0 14px var(--green); }
main { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.hero { padding:clamp(72px,11vw,140px) 0 76px; max-width:980px; }
.eyebrow,.step-label { margin:0 0 18px; color:var(--acid); font:600 11px/1.4 "Azeret Mono",monospace; letter-spacing:.14em; }
.hero h1 { margin:0; font:500 clamp(50px,8vw,104px)/.94 "Azeret Mono",monospace; letter-spacing:-.075em; }
.hero h1 em { color:var(--acid); font-style:normal; }
.hero-copy { width:min(660px,100%); margin:32px 0; color:#b8c0ba; font-size:clamp(17px,2vw,21px); line-height:1.55; }
.trust-strip { display:flex; flex-wrap:wrap; gap:10px 26px; color:var(--muted); font:500 10px/1.5 "Azeret Mono",monospace; }
.console { border:1px solid var(--line); background:rgba(18,20,20,.9); box-shadow:18px 18px 0 rgba(184,255,49,.04); }
.console-head { padding:28px 32px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:flex-end; }
.console-head h2 { margin:0; font:500 30px "Azeret Mono",monospace; letter-spacing:-.04em; }
.step-label { margin-bottom:7px; }
.status-badge { padding:8px 10px; border:1px solid var(--line); color:var(--muted); font:600 10px "Azeret Mono",monospace; }
.status-badge.good { color:var(--green); border-color:rgba(92,224,139,.5); }
.status-badge.bad { color:var(--red); border-color:rgba(255,108,108,.5); }
form { padding:32px; border-bottom:1px solid var(--line); }
label { display:block; margin-bottom:10px; color:var(--muted); font:600 10px "Azeret Mono",monospace; letter-spacing:.08em; }
.input-row { display:grid; grid-template-columns:1fr auto; gap:10px; }
input,select { min-width:0; color:var(--paper); background:#090a0a; border:1px solid var(--line); outline:none; }
input { padding:17px; font:500 14px "Azeret Mono",monospace; }
input:focus,select:focus { border-color:var(--acid); box-shadow:0 0 0 2px rgba(184,255,49,.09); }
.source-row { margin-top:18px; width:min(300px,100%); }
select { width:100%; padding:11px 13px; }
.primary,.secondary,.fee-button { border:0; padding:0 22px; font:700 11px "Azeret Mono",monospace; letter-spacing:.04em; }
.primary { background:var(--acid); color:var(--ink); }
.primary:not(:disabled):hover { background:#d4ff7f; }
.secondary { min-height:48px; border:1px solid var(--paper); color:var(--paper); background:transparent; }
.fee-button { min-height:52px; background:var(--orange); color:var(--ink); }
.wide { grid-column:1/-1; min-height:54px; }
.notice { margin:24px 32px 0; padding:14px 16px; background:rgba(255,108,108,.08); border-left:3px solid var(--red); color:#ffc0c0; font:500 12px/1.6 "Azeret Mono",monospace; overflow-wrap:anywhere; }
.notice.success { border-color:var(--green); color:#a9f7c3; background:rgba(92,224,139,.08); }
.result { padding:32px; }
.route-line { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:22px; border:1px solid var(--line); }
.route-line div:last-child { text-align:right; }
.route-line small,.wallet-copy small { display:block; color:var(--muted); font:600 9px "Azeret Mono",monospace; margin-bottom:7px; }
.route-line strong { font:600 clamp(16px,3vw,23px) "Azeret Mono",monospace; }
.route-arrow { color:var(--acid); font-size:28px; }
.ledger { margin:20px 0; border-top:1px solid var(--line); }
.ledger>div { display:grid; grid-template-columns:minmax(120px,1fr) 2fr; gap:20px; padding:14px 2px; border-bottom:1px solid var(--line); align-items:center; }
.ledger span { color:var(--muted); font-size:13px; }
.ledger b,.ledger code { justify-self:end; text-align:right; font:500 12px/1.5 "Azeret Mono",monospace; overflow-wrap:anywhere; }
.ledger .net b { color:var(--acid); font-size:19px; }
.progress-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.progress-card { padding:20px; background:var(--panel-soft); min-height:140px; }
.progress-card>span { color:var(--acid); font:600 10px "Azeret Mono",monospace; }
.progress-card h3 { margin:24px 0 7px; font:600 14px "Azeret Mono",monospace; }
.progress-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.progress-card.done { box-shadow:inset 0 -3px var(--green); }
.progress-card.error { box-shadow:inset 0 -3px var(--red); }
.action-panel { margin-top:20px; padding:20px; background:#090a0a; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; }
.wallet-copy strong { font:500 12px "Azeret Mono",monospace; overflow-wrap:anywhere; }
.how-it-works { padding:110px 0; }
.explain-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.explain-grid article { padding:28px; min-height:220px; border-right:1px solid var(--line); }
.explain-grid article:last-child { border-right:0; }
.explain-grid span { color:var(--acid); font:600 12px "Azeret Mono",monospace; }
.explain-grid h3 { margin:54px 0 12px; font:500 24px "Azeret Mono",monospace; }
.explain-grid p { color:var(--muted); line-height:1.6; }
.explain-grid code { font-family:"Azeret Mono",monospace; color:var(--paper); }
footer { display:flex; justify-content:space-between; gap:30px; padding:28px clamp(20px,5vw,76px); border-top:1px solid var(--line); color:var(--muted); font:500 10px/1.6 "Azeret Mono",monospace; }
footer p { margin:0; max-width:720px; }
@media(max-width:740px){.site-header{padding:16px 20px}.brand>span:last-child{display:none}main{width:min(100% - 24px,1180px)}.hero{padding:68px 0 52px}.hero h1{font-size:clamp(42px,13vw,68px)}.console-head,form,.result{padding:20px}.input-row{grid-template-columns:1fr}.input-row .primary{min-height:50px}.status-badge{display:none}.progress-grid,.explain-grid{grid-template-columns:1fr}.progress-card{min-height:auto}.progress-card h3{margin-top:18px}.explain-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.explain-grid article:last-child{border-bottom:0}.explain-grid h3{margin-top:30px}.action-panel{grid-template-columns:1fr}footer{flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.console{animation:rise 500ms ease-out both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}