:root{--fg:#111;--bg:#fff;--muted:#666;--primary:#0d6efd;--border:#e5e7eb}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
.container{max-width:920px;margin:0 auto;padding:16px}
.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:8px}
label{display:block;margin:12px 0 4px}
input,button,.btn{font-size:16px}
input{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px}
button,.btn{padding:10px 14px;border:1px solid var(--border);background:#f8fafc;border-radius:8px;cursor:pointer}
button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.list{display:grid;grid-template-columns:1fr;gap:8px}
.card{border:1px solid var(--border);border-radius:10px;padding:12px}
.muted{color:var(--muted)}
@media (min-width:768px){.list{grid-template-columns:1fr 1fr}}