.chat-container{color:#f1f1f1;background:#4e225d;border-radius:16px;padding:10px;box-shadow:0 8px 24px #00000040}header{text-align:center;border-radius:5px;margin-bottom:20px}header h2{color:#e6b7f6;font-size:1.8rem}.user-inputs .input-group{margin-bottom:16px}.user-inputs .input-group label{color:#ccc;margin-bottom:6px;font-weight:700;display:block}.user-inputs input{color:#f1f1f1;background-color:#2c2c3e;border:1px solid #444;border-radius:8px;width:100%;padding:10px;font-size:1rem}.user-inputs input:focus{background-color:#35354c;border-color:gold;outline:none}.user-inputs .message-box{gap:10px;display:flex}.user-inputs button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:8px;padding:10px 16px;font-weight:700;transition:background-color .2s}.user-inputs button:hover{background-color:#0056b3}.typing-indicator{color:#aaa;margin-top:10px;font-style:italic}.chat-log{max-height:200px;overflow:scroll}.chat-log ul{background:#2c2c3e;border-radius:8px;margin-bottom:20px;padding:12px;list-style:none;overflow-y:auto}.chat-log li{color:#fff;background:#620303;border-radius:6px;margin-bottom:8px;padding:10px}.chat-log li.you{color:#fff;background:#025502;font-weight:700}.chat-log ul::-webkit-scrollbar{width:6px}.chat-log ul::-webkit-scrollbar-thumb{background-color:#444;border-radius:3px}