:root{
  --accent:#2b6ef6;
  --bg:#fff;
  --card:#f7f8fb;
  --radius:12px;
}
body{
  font-family: Inter, Arial, sans-serif;
  margin:0;
  padding:24px;
  background:var(--bg);
  color:#111;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
h1{font-size:36px;margin:8px 0 16px;text-align:center;}
#connect{display:block;margin:12px auto;padding:14px 20px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;}
.card{background:var(--card);border-radius:var(--radius);padding:18px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 18px rgba(15,15,15,0.06);}
.card .meta{display:flex;flex-direction:column;}
.card button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;}
#stats{margin-top:28px;padding:12px 8px;}
.small{color:#555;font-size:14px;}
.center{ text-align:center; }