:root { color-scheme: light dark; --fg:#101014; --muted:#6b6b76; --line:#e4e4ea; --bg:#fff; --accent:#6d3bf5; }
@media (prefers-color-scheme: dark){ :root { --fg:#f2f2f5; --muted:#9a9aa6; --line:#2a2a33; --bg:#111116; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
main { max-width:34rem; margin:0 auto; padding:2rem 1.25rem 4rem; }
h1 { font-size:1.5rem; margin:0 0 .25rem; }
.muted { color:var(--muted); }
.amount { font-size:2.5rem; font-weight:650; letter-spacing:-.02em; margin:1.5rem 0 .25rem; }
dl { display:grid; grid-template-columns:auto 1fr; gap:.6rem 1rem; margin:1.5rem 0; }
dt { color:var(--muted); }
dd { margin:0; word-break:break-all; font-variant-numeric:tabular-nums; }
.mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9rem; }
.card { border:1px solid var(--line); border-radius:14px; padding:1.25rem; }
.state { border-radius:999px; padding:.15rem .6rem; font-size:.8rem; border:1px solid var(--line); }
button { font:inherit; width:100%; padding:.9rem 1rem; border-radius:12px; border:0;
  background:var(--accent); color:#fff; font-weight:600; margin-top:1.5rem; }
button[disabled] { opacity:.45; }
.err { border:1px solid var(--line); border-radius:14px; padding:1.25rem; }