.chat-app{max-width:600px;margin:50px auto;display:flex;flex-direction:column;height:80vh;border:1px solid #ccc;border-radius:8px;overflow:hidden;font-family:Arial,sans-serif}.chat-app .chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#007bff;color:#fff}.chat-app .chat-header .reset-btn{background:#fff;color:#007bff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:.2s}.chat-app .chat-header .reset-btn:hover{background:#e0e0e0}.chat-app .chat-window{flex:1;padding:20px;background:#f5f5f5;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-app .chat-window .msg{max-width:80%;padding:10px 15px;border-radius:20px;word-wrap:break-word}.chat-app .chat-window .msg.user{background:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:0}.chat-app .chat-window .msg.assistant{background:#e0e0e0;color:#000;align-self:flex-start;border-bottom-left-radius:0}.chat-app .input-box{display:flex;border-top:1px solid #ccc}.chat-app .input-box input{flex:1;padding:10px 15px;border:none;outline:none}.chat-app .input-box button{padding:0 20px;background:#007bff;color:#fff;border:none;cursor:pointer;transition:.2s}.chat-app .input-box button:hover{background:#0056b3}