body{margin:0;font-family:Roboto,sans-serif}#app{height:100svh}main{padding:2em;height:100%;box-sizing:border-box}.chat-container[data-v-a7ef4a0f]{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;border:1px solid #ccc}.chat-messages[data-v-a7ef4a0f]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.message[data-v-a7ef4a0f]{max-width:70%;padding:10px;margin-bottom:10px;border-radius:20px;word-wrap:break-word}.user[data-v-a7ef4a0f]{align-self:flex-end;background-color:#007bff;color:#fff}.assistant[data-v-a7ef4a0f]{align-self:flex-start;background-color:#f1f0f0;color:#000}.system[data-v-a7ef4a0f]{display:none}.chat-input[data-v-a7ef4a0f]{display:flex;padding:20px;border-top:1px solid #ccc}input[data-v-a7ef4a0f]{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}button[data-v-a7ef4a0f]{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;margin-left:10px;cursor:pointer}button[data-v-a7ef4a0f]:hover{background-color:#0056b3}.chat-container[data-v-8e8f048f]{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;border:1px solid #ccc}.chat-messages[data-v-8e8f048f]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.message[data-v-8e8f048f]{max-width:70%;padding:10px;margin-bottom:10px;border-radius:20px;word-wrap:break-word}.user[data-v-8e8f048f]{align-self:flex-end;background-color:#007bff;color:#fff}.assistant[data-v-8e8f048f]{align-self:flex-start;background-color:#f1f0f0;color:#000}.system[data-v-8e8f048f]{display:none}.chat-input[data-v-8e8f048f]{display:flex;padding:20px;border-top:1px solid #ccc}input[data-v-8e8f048f]{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}button[data-v-8e8f048f]{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;margin-left:10px;cursor:pointer}button[data-v-8e8f048f]:hover{background-color:#0056b3}