body{background-color:teal;font-family:MS Sans Serif,Tahoma,Arial,sans-serif;font-size:14px}.chat-box,.response-box{background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff;max-width:500px;margin:15px auto;padding:10px;box-shadow:1px 1px #000}.chat-box h1{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,navy,#1084d0);margin:-10px -10px 10px;padding:4px 6px;font-size:14px;font-weight:700}.chat-box textarea{box-sizing:border-box;color:#000;resize:none;background-color:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;width:100%;height:80px;padding:4px;font-family:inherit}.chat-box textarea:focus{outline:none}.chat-box button{color:#000;cursor:pointer;background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff;margin-top:8px;padding:4px 15px;font-family:inherit}.chat-box button:active{border:2px solid #fff;border-color:gray #fff #fff gray;padding:5px 14px 3px 16px}.response-box{background-color:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;max-height:300px;overflow-y:scroll}.response-box div{color:#000;border-bottom:1px dashed silver;padding:4px}.response-box::-webkit-scrollbar{width:16px}.response-box::-webkit-scrollbar-track{background:#e0e0e0}.response-box::-webkit-scrollbar-thumb{background:silver;border:2px solid gray;border-color:#fff gray gray #fff}.slider{width:100%}