/* Ultimate Auditor Pro Styles - ULTRA EDITION */

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

.animate-fade-in {
    animation: fadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 100px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.2);
}

/* Word Chips */
.word-chip {
    @apply px-4 py-2 rounded-xl text-[10px] font-black uppercase tracking-tighter transition-all duration-300 border;
}

.word-chip.valid {
    @apply bg-green-500/10 text-green-400 border-green-500/20 shadow-[0_0_15px_rgba(34,197,94,0.1)];
}

.word-chip.invalid {
    @apply bg-red-500/10 text-red-400 border-red-500/20 shadow-[0_0_15px_rgba(239,68,68,0.1)];
}

.word-chip.corrected {
    @apply bg-blue-500/10 text-blue-400 border-blue-500/20 shadow-[0_0_15px_rgba(59,130,246,0.1)];
}

/* Light Mode Overrides */
.light-mode {
    @apply bg-[#f8fafc] text-slate-900;
}

.light-mode .bg-[#161b22] {
    @apply bg-white border-slate-200 shadow-2xl shadow-slate-200/50;
}

.light-mode .bg-[#0f1115] {
    @apply bg-slate-50 border-slate-200 text-slate-900;
}

.light-mode .word-input {
    @apply bg-white border-slate-200 text-slate-900 placeholder:text-slate-300;
}

.light-mode .text-gray-500 {
    @apply text-slate-400;
}

.light-mode .bg-black\/40 {
    @apply bg-slate-50 border-slate-200;
}

.light-mode .bg-white\/\[0.02\] {
    @apply bg-white border-slate-200;
}

/* Hover Effects */
.word-input:focus {
    @apply border-blue-500/50 shadow-[0_0_20px_rgba(59,130,246,0.15)];
}

/* Tooltip Animation */
.suggestion-tooltip {
    backdrop-filter: blur(10px);
}