.cat-toolbar{display:flex;gap:8px;margin:4px -20px 0;padding:4px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.cat-toolbar::-webkit-scrollbar{display:none}.cat-filter-btn{flex:0 0 auto;min-height:var(--tap);padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-soft);font-size:15px;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.cat-filter-btn:hover{border-color:var(--text-soft);color:var(--text)}.cat-filter-btn-active,.cat-filter-btn-active:hover{background:var(--accent);border-color:var(--accent);color:#fff}.cat-grid{display:grid;grid-gap:14px;gap:14px;margin-top:20px;padding-bottom:64px}.cat-empty{padding:48px 0 64px;color:var(--text-soft)}.cat-head-actions{margin-top:18px}@media (min-width:480px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.cat-toolbar{margin-inline:0;padding-inline:0;flex-wrap:wrap}.cat-grid{gap:16px;margin-top:28px;padding-bottom:88px}}@media (min-width:900px){.cat-grid{grid-template-columns:repeat(3,1fr)}}