:root{
  --bg:#0b0f14; --panel:#121922; --line:#1f2a36; --ink:#e8eef5; --muted:#8aa0b4;
  --gold:#f2b441; --green:#36d399; --red:#f25f5c; --blue:#5ab0ff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:920px;margin:0 auto;padding:0 20px}
a{color:var(--blue)}
.muted{color:var(--muted);font-size:.86rem}

header{padding:54px 0 26px;border-bottom:1px solid var(--line);
  background:radial-gradient(1200px 300px at 50% -120px,rgba(242,180,65,.12),transparent)}
h1{font-size:2.5rem;margin:0;letter-spacing:-.5px}
h1 span{color:var(--gold)}
.tag{margin:.2rem 0 1rem;color:var(--gold);font-weight:600;letter-spacing:.5px;text-transform:lowercase}
.lede{max-width:680px;color:#c4d2df}

#verify-banner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:22px 20px}
.chainstate{font-weight:700;padding:8px 14px;border-radius:8px;border:1px solid var(--line)}
.chainstate.checking{color:var(--muted)}
.chainstate.ok{color:var(--green);border-color:rgba(54,211,153,.4);background:rgba(54,211,153,.08)}
.chainstate.bad{color:var(--red);border-color:rgba(242,95,92,.4);background:rgba(242,95,92,.08)}
button{background:var(--gold);color:#1a1205;border:0;font-weight:700;padding:9px 16px;
  border-radius:8px;cursor:pointer;font-size:.95rem}
button:hover{filter:brightness(1.07)}

.totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding-top:8px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
.card .n{font-size:1.7rem;font-weight:800;letter-spacing:-.5px}
.card .l{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.6px}
.card.earn .n{color:var(--green)} .card.give .n{color:var(--gold)} .card.don .n{color:var(--blue)}

h2{margin:34px 0 6px}
#chain{display:flex;flex-direction:column;gap:10px;margin:16px 0 40px}
.rec{display:grid;grid-template-columns:46px 110px 1fr auto;gap:12px;align-items:center;
  background:var(--panel);border:1px solid var(--line);border-left-width:4px;border-radius:10px;padding:12px 14px}
.rec .seq{color:var(--muted);font-family:ui-monospace,monospace;font-size:.85rem}
.rec .kind{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}
.rec .body{font-size:.95rem}
.rec .body b{color:#fff}
.rec .amt{font-weight:800;white-space:nowrap}
.rec .hash{grid-column:1/-1;color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem;
  word-break:break-all;display:flex;gap:8px;align-items:center;margin-top:6px}
.rec .v{font-weight:800}
.rec .v.ok{color:var(--green)} .rec .v.bad{color:var(--red)}
.rec.donation{border-left-color:var(--blue)} .rec.donation .kind{color:var(--blue)}
.rec.asset{border-left-color:#9b8cff} .rec.asset .kind{color:#9b8cff}
.rec.income{border-left-color:var(--green)} .rec.income .kind{color:var(--green)}
.rec.give{border-left-color:var(--gold)} .rec.give .kind{color:var(--gold)}
.rec.job{border-left-color:#ff9d57} .rec.job .kind{color:#ff9d57}
footer{border-top:1px solid var(--line);padding:24px 20px 60px;margin-top:20px}