body { font-family: 'Space Grotesk', sans-serif; }

/* --- filter buttons --- */
.filter-btn {
    @apply px-4 py-1.5 text-sm rounded-lg border border-slate-600/30 text-slate-400 bg-transparent hover:bg-slate-700/30 hover:text-slate-200 transition-all duration-200 cursor-pointer;
}
.filter-btn.active {
    @apply bg-indigo-500/20 border-indigo-500/40 text-indigo-300;
}

/* --- scrollbar --- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100,116,139,0.3); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(100,116,139,0.5); }