:root{--bg:#f7f7f9;--panel:#fff;--text:#0f172a;--line:#e5e7eb;--accent:#2563eb}
html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial}
header{padding:16px;background:var(--panel);border-bottom:1px solid var(--line)}
#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}
a{color:var(--accent);text-decoration:none}
button{padding:.5rem .75rem;border-radius:.6rem;border:1px solid var(--line);background:#fff;cursor:pointer}