
    /* Essential Neomorphic & Button Styles for Chat */
        .neo-glass {
            box-shadow: -8px -8px 16px #FFFFFF, 8px 8px 16px rgba(166, 180, 200, 0.4);
            border-top: 1.5px solid rgba(255, 255, 255, 0.8);
            border-left: 1.5px solid rgba(255, 255, 255, 0.4);
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }

        .neo-inset {
            box-shadow: inset 4px 4px 8px rgba(166, 180, 200, 0.4), inset -4px -4px 8px #FFFFFF;
            background: #F0F4F8;
            border: 1.5px solid transparent; 
        }

        .neo-inset:focus {
            outline: none;
            border-color: #10b981; /* Green glow for focus */
            background: rgba(240, 244, 248, 0.8);
        }

        .btn-primary {
            box-shadow: -8px -8px 16px #FFFFFF, 8px 8px 16px rgba(166, 180, 200, 0.4);
            border-top: 1.5px solid rgba(255, 255, 255, 0.8);
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.9), rgba(5, 150, 105, 0.9)); /* Green Gradient */
            color: #ffffff;
            transition: all 0.2s ease-in-out;
        }

        .btn-primary:hover {
            border-top: 1.5px solid rgba(255, 255, 255, 1);
            transform: translateY(-2px);
        }

        .btn-primary:active {
            box-shadow: inset 4px 4px 8px rgba(0,0,0, 0.2), inset -4px -4px 8px rgba(255,255,255,0.1);
            transform: translateY(1px);
        }

        /* Typing Indicator Animation */
        .typing-indicator span {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            margin: 0 2px;
            animation: typing 1.4s infinite ease-in-out both;
        }
        .typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
        .typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
        @keyframes typing {
            0%, 80%, 100% { transform: scale(0); }
            40% { transform: scale(1); }
        }

