body{font-family:Arial,Helvetica,sans-serif;margin:16px}
header{border-bottom:1px solid #ddd;margin-bottom:12px}
#filters{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #eee;padding:10px;border-radius:8px;background:#fafafa}
.filter{display:flex;flex-direction:column;min-width:180px}
.actions{display:flex;gap:8px;align-items:end;margin-top:auto}
.actions .btn,button{border:1px solid #888;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}
#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:14px}
.card{border:1px solid #e1e1e1;border-radius:8px;padding:10px;background:#fff;display:flex;flex-direction:column}
.card h3{margin:4px 0}
.badge{display:inline-block;padding:2px 6px;border-radius:4px;background:#f1f1f1;margin-left:6px;font-size:12px}
.meta{color:#666;font-size:13px;margin:4px 0}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tag{background:#eef;border:1px solid #dde;border-radius:6px;padding:2px 6px;font-size:12px}
.sources{font-size:12px;color:#333;margin-top:8px;word-break:break-all}
small.muted{color:#777}