body {
    margin:0;
    font-family: Arial;
    background:#0f0f0f;
    color:white;
}

.chat-container {
    width: 420px;
    height: 700px;
    margin: 30px auto;
    display:flex;
    flex-direction:column;
    border:1px solid #333;
    border-radius:10px;
    overflow:hidden;
}

.chat-header {
    background:#111;
    padding:15px;
    text-align:center;
    font-weight:bold;
}

.chat-box {
    flex:1;
    padding:10px;
    overflow-y:auto;
    background:#1a1a1a;
}

.msg {
    margin:10px 0;
    padding:10px;
    border-radius:8px;
}

.user {
    background:#2b6fff;
    text-align:right;
}

.bot {
    background:#333;
}

.chat-input {
    display:flex;
    background:#111;
}

.chat-input input {
    flex:1;
    padding:10px;
    border:none;
    outline:none;
}

.chat-input button {
    padding:10px 15px;
    background:#2b6fff;
    color:white;
    border:none;
    cursor:pointer;
}