.chat-container[data-v-321dd697]{display:flex;flex-direction:column;flex:1;width:100%;height:80%;border-radius:12px;box-shadow:0 6px 20px #0000000f;padding:16px;background:#fff;box-sizing:border-box}.messages[data-v-321dd697]{flex:1;overflow-y:auto;scroll-behavior:smooth;margin-bottom:12px}.message[data-v-321dd697]{padding:8px 12px;border-radius:12px;margin:4px 0;max-width:80%;word-wrap:break-word;transition:all .2s ease-in-out}.user[data-v-321dd697]{background:#d0f0fd;align-self:flex-end;text-align:right}.ai[data-v-321dd697]{background:#f1f1f1;align-self:flex-start;text-align:left}.input-area[data-v-321dd697]{display:flex;gap:8px}input[data-v-321dd697]{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #ccc}button[data-v-321dd697]{padding:8px 16px;border-radius:8px;background:#07f;color:#fff;border:none;cursor:pointer}button[data-v-321dd697]:hover{background:#005fcc}.app-container[data-v-9e5eee17]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:24px;box-sizing:border-box}.chat-wrapper[data-v-9e5eee17]{display:flex;flex-direction:column;width:80%;height:90%;border-radius:20px;padding:32px;box-shadow:0 10px 40px #00000026;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.title[data-v-9e5eee17]{text-align:center;font-size:28px;color:#333;font-weight:600;margin-bottom:16px}html,body,#app{height:100%;margin:0;padding:0;width:100%;font-family:system-ui,sans-serif;background:linear-gradient(135deg,#6a11cb,#2575fc)}