@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

        body {
            background-color: #EBEDF4 !important;
            font-family: 'Montserrat', sans-serif;
        }

        #chat-container {
            font-family: 'Montserrat', sans-serif;
        }
        .font-heading {
            font-family: 'Playfair Display', serif;
        }
        #chat-container {
            max-width: 500px;
            height: 100vh;
            max-height: 1200px;
        }
        #chat-window {
            background: #F7F7F7;
            border-radius: 12px;
            font-size: 15px;
            line-height: 1.46;
            scroll-behavior: smooth;
            /* Hide scrollbar like ChatGPT */
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE/Edge */
        }

        /* Hide scrollbar for WebKit browsers (Chrome, Safari) */
        #chat-window::-webkit-scrollbar {
            display: none;
        }

        .bg-olive { background-color: #365314; }
        .text-olive { color: #365314; }
        .text-gold { color: #B45309; }
        .text-brown { color: #78350F; }
        .bg-golden-brown { background-color: #92400E; }
        .hover\:text-brown:hover { color: #78350F; }
        .hover\:bg-golden-brown-dark:hover { background-color: #78350F; }

        /* Scroll down button styling */
        #scroll-down-btn {
            z-index: 10;
        }
        .chat-message {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeIn 0.5s forwards;
        }
        @keyframes fadeIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }