.genre-filter-btn{padding:6px 16px;border:1px solid rgba(28,24,20,.18);border-radius:20px;background:#fff;color:#4f453d;font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.genre-filter-btn:hover{background:#f5ede8;border-color:#c97b5a}.genre-filter-btn.active{background:#8b4c37;border-color:#8b4c37;color:#fff}.tier-filter-btn{padding:5px 14px;border:1px solid rgba(28,24,20,.18);border-radius:20px;background:#fff;color:#4f453d;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tier-filter-btn:hover{background:#f5ede8;border-color:#c97b5a}.tier-filter-btn[data-tier="S"].active{background:#b8860b;border-color:#b8860b;color:#fff}.tier-filter-btn[data-tier="A"].active{background:#6b7280;border-color:#6b7280;color:#fff}.tier-filter-btn[data-tier="B"].active{background:#9ca3af;border-color:#9ca3af;color:#1a1a1a}