@media (max-width: 768px) {
    .toolbar {
        width: 150px;
        font-size: 0.9em;
    }
    
    chat-container {
        width: 280px;
        bottom: 80px;
    }
    
    input-box {
        width: 90%;
        max-width: 350px;
    }
    
    .mobile-chat-button {
        display: block;
    }
}

@media (max-width: 480px) {
    .toolbar {
        width: 120px;
        font-size: 0.8em;
        padding: 8px;
    }
    
    tool-button {
        padding: 6px 2px;
        font-size: 0.75em;
    }
    
    chat-container {
        width: 200px;
        left: 10px;
    }
}