body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif;background:#0b0b0c;color:#fff}
.wrap{max-width:720px;margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:10px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
input,button{border-radius:12px;border:1px solid #2a2a2c;background:#111;color:#fff;padding:10px 12px;font-size:14px}
button{cursor:pointer;background:#1a1a1c;font-weight:800}
.pill{padding:6px 10px;border-radius:999px;border:1px solid #2a2a2c;background:#111;font-size:12px;color:#cfcfcf}
.grid{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:680px){.grid{grid-template-columns:1fr 1fr}}
.card{border:1px solid #1f1f1f;background:#0f0f10;border-radius:14px;padding:12px}
.card h3{margin:0 0 6px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#bdbdbd}
.val{font-size:28px;font-weight:800;letter-spacing:-.01em}
.small{font-size:12px;color:#a0a0a0;line-height:1.35}