/* DezILE — shared styles on top of Tailwind CDN */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; transition: background-color 0.2s ease, color 0.2s ease; }

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

::-webkit-scrollbar { height: 6px; width: 6px; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 9999px; }

@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes scale-in { from { opacity: 0; transform: scale(0.96) translateY(8px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.animate-fade-in { animation: fade-in 0.2s ease-out; }
.animate-scale-in { animation: scale-in 0.22s cubic-bezier(0.16,1,0.3,1); }