@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";body{margin:0;padding:0;height:100vh;background:linear-gradient(135deg,#6a11cb,#2575fc);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;justify-content:center;align-items:center}.app-container{display:flex;width:90vw;max-width:900px;height:90vh;background:#f9f9f9;border-radius:20px;box-shadow:0 15px 30px #0003;overflow:hidden}.chat-input-form{display:flex;padding:15px 20px;border-top:1px solid #ddd;background:#fafafa}.chat-input-textarea{flex-grow:1;resize:none;border-radius:20px;border:1px solid #ccc;padding:10px 15px;font-size:1rem;font-family:Inter,sans-serif;outline:none}.chat-input-button{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6c63ff,#836fff);color:#fff;border:none;border-radius:25px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer;margin-left:10px;box-shadow:0 4px 12px #0003;transition:all .3s ease;text-align:left;-webkit-user-select:none;user-select:none;white-space:normal;line-height:1.3}.chat-input-button:hover{transform:translateY(-3px);background:linear-gradient(135deg,#7a6cff,#9a86ff);box-shadow:0 6px 15px #0000004d}.chat-header{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #ddd;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;gap:1px;max-height:50px;overflow:hidden}.chat-header-photo{width:80px;height:80px;border-radius:50%;flex-shrink:0;margin:40px 15px 35px 0;object-fit:cover}.chat-header-title{font-weight:700;font-size:1.2rem;color:#333}.chat-section{flex:2;display:flex;flex-direction:column;background:#fff;border-right:20px solid #f9f9f9}.chat-messages-container{flex-grow:1;overflow-y:auto;padding:15px 20px;display:flex;flex-direction:column;gap:15px;scrollbar-width:none;scrollbar-color:#888 transparent}.chat-messages-container::-webkit-scrollbar{width:7px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.message{max-width:75%;padding:12px 18px;border-radius:25px;box-shadow:0 3px 8px #0000001a;font-size:1rem;line-height:1.4;opacity:0;transform:translateY(20px);animation:fadeInUp .3s forwards;word-wrap:break-word;position:relative}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.message.user{background:#4a90e2;color:#fff;align-self:flex-end;border-radius:25px 25px 4px}.message.bot{background:#e5e5ea;color:#333;align-self:flex-start;border-radius:25px 25px 25px 4px;white-space:pre-wrap}.message.bot:before{content:"";position:absolute;bottom:0;left:-12px;width:0;height:0;border-top:12px solid #e5e5ea;border-right:12px solid transparent}.message.user:after{content:"";position:absolute;bottom:0;right:-12px;width:0;height:0;border-top:12px solid #4a90e2;border-left:12px solid transparent}.options-section{flex:1;background:linear-gradient(180deg,#6a11cb,#2575fc);display:flex;flex-direction:column;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent;border-top-right-radius:20px;border-bottom-right-radius:20px}.group{display:flex;flex-direction:column;gap:12px;margin-bottom:45px}.group:last-child{margin-bottom:0}.option-button{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6c63ff,#836fff);color:#fff;border:none;border-radius:25px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s ease;text-align:left;-webkit-user-select:none;user-select:none;white-space:normal;line-height:1.3}.option-button:hover{transform:translateY(-3px);background:linear-gradient(135deg,#7a6cff,#9a86ff);box-shadow:0 6px 15px #0000004d}.start-button{display:block;margin:0 auto;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;font-weight:600;font-size:1.2rem;padding:12px 30px;border-color:beige;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px #2575fc99;transition:background .3s ease,box-shadow .3s ease}.welcome-text{text-align:center;color:#f0f0f5;font-weight:700;font-size:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:0 0 8px rgba(255,255,255,.6);margin-bottom:40px;-webkit-user-select:none;user-select:none}