body{font-family:Arial,sans-serif;max-width:600px;margin:0 auto;padding:20px;overflow-x:hidden}.chatBox{width:100%;width:600px;border:1px solid #ccc;border-radius:8px;padding:15px;height:700px;overflow-y:auto;margin-bottom:15px;background-color:#f9f9f9}.userMessage{text-align:right;background-color:#d1e7dd}.aiMessage,.userMessage{border-radius:8px;padding:8px;margin:5px 0}.aiMessage{text-align:left;background-color:#f8d7da}.form{display:flex;margin-top:10px}.input{flex:1 1;padding:10px;font-size:16px;border-radius:4px;border:1px solid #ccc}.button{padding:10px 20px;font-size:16px;margin-left:10px;border-radius:4px;border:none;background-color:#0070f3;color:#fff;cursor:pointer}.formContainer{margin-top:10px;padding:10px;background-color:#eef;border-radius:8px}.questionBlock{margin-bottom:10px}.questionLabel{display:block;margin-bottom:5px;font-weight:700}.formInput{width:100%;padding:8px;font-size:14px;border-radius:4px;border:1px solid #ccc}.restartContainer{text-align:center;margin-top:10px}.external-link-icon{width:12px;height:12px;vertical-align:middle;margin-left:4px}@media (max-width:768px){body{padding:10px}.chatBox,.form,.formContainer{max-width:90%}.chatBox{min-height:400px;max-height:500px}.button{max-width:100%}}