/* Дополнительные стили поверх Tailwind (CDN) */

/* Элементы, скрытые до инициализации Alpine, не должны мигать */
[x-cloak] {
    display: none !important;
}

/* Плавное появление страницы */
body {
    animation: pageIn 240ms ease-out;
}
@keyframes pageIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Уважение к настройкам уменьшенной анимации */
@media (prefers-reduced-motion: reduce) {
    body { animation: none; }
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}