:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body { margin: 0; background: #0b0c10; color: #e6e6e6; }
header { padding: 18px 18px 10px; border-bottom: 1px solid #20222a; position: sticky; top: 0; background: #0b0c10; }
h1 { margin: 0 0 10px; font-size: 18px; }
.controls { display: grid; grid-template-columns: 1fr 150px 260px 150px; gap: 10px; }
input, select { padding: 10px; border-radius: 10px; border: 1px solid #2a2d39; background: #11131a; color: #e6e6e6; }
main { padding: 16px 18px; }
#stats { opacity: 0.8; font-size: 12px; margin-bottom: 10px; }
.list { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.card { border: 1px solid #20222a; background: #0f1118; border-radius: 14px; padding: 12px; }
.title { font-weight: 700; margin-bottom: 6px; }
.meta { font-size: 12px; opacity: 0.85; display: flex; gap: 8px; flex-wrap: wrap; }
.desc { margin-top: 8px; font-size: 12px; opacity: 0.9; line-height: 1.35; }
a { color: #7aa2ff; text-decoration: none; }
.badge { padding: 2px 8px; border-radius: 999px; border: 1px solid #2a2d39; font-size: 11px; }