.custom-scrollbar::-webkit-scrollbar { 
    width: 8px; 
    height: 8px; 
} 

.custom-scrollbar::-webkit-scrollbar-thumb { 
    background-color: #cbd5e1; 
    border-radius: 20px; 
    border: 2px solid white; 
}

.custom-scrollbar::-webkit-scrollbar-track { 
    background: transparent; 
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in { 
    animation: fadeIn 0.4s ease-out forwards; 
}

mark { 
    background-color: #fef08a; 
    color: #854d0e; 
    border-radius: 0.25rem; 
    padding: 0 0.25rem; 
    font-weight: bold; 
}