/* style.css */

/* Плавная прокрутка */
html {
    scroll-behavior: smooth;
}

/* Красивый скроллбар (как в Telegram) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Анимация появления сообщений */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.message-anim {
    animation: fadeIn 0.3s ease-out forwards;
}

/* Стили для аудио-плеера (кастомные цвета) */
audio::-webkit-media-controls-panel {
    background-color: #f3f4f6;
}
.dark audio::-webkit-media-controls-panel {
    background-color: #374151;
    color: white;
}

/* Убираем синюю обводку при клике */
button:focus, input:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.5);
}