.thinking-container {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    line-height: 1;
    vertical-align: bottom;
}

.thinking-text {
    margin-right: 2px;
    font-size: 0.75em;
    font-weight: 600;
    color: #4b5563;
    line-height: 1.2;
}

.thinking-dots {
    display: flex;
    gap: 2px;
    align-items: flex-end;
    position: relative;
    top: -2px;
    margin-left: 2px;
}

.thinking-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    opacity: 0.8;
}

.thinking-dot:nth-child(1) { background-color: #3b82f6; } /* Blue */
.thinking-dot:nth-child(2) { background-color: #10b981; } /* Green */
.thinking-dot:nth-child(3) { background-color: #ff4500; } /* Orange Red */

.thinking-dot:nth-child(1) { animation: bounce 1.2s infinite 0.0s; }
.thinking-dot:nth-child(2) { animation: bounce 1.2s infinite 0.2s; }
.thinking-dot:nth-child(3) { animation: bounce 1.2s infinite 0.4s; }

@keyframes bounce {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.6;
    }
    30% {
        transform: translateY(-4px);
        opacity: 1;
    }
}