/* Базовые стили */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Прячем скроллбары для мобильного вида */
::-webkit-scrollbar {
    display: none;
}

/* Анимация появления шагов */
.step-content {
    display: none;
    animation: fadeIn 0.3s ease-in-out;
}
.step-content.active {
    display: block;
}

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

/* Стили для выбранного тега (аллергии) */
.tag.active {
    background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;
    box-shadow: 0 4px 6px -1px rgba(76, 175, 80, 0.3);
}