.chat-messages,html{overflow-y:scroll}.chat-messages{scrollbar-gutter:stable;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;background:rgba(0,0,0,.3);height:180px;padding:10px;color:#fff}.chat-messages div{margin-bottom:6px;color:#fff}body{margin:0;background:linear-gradient(135deg,#200834,#871c54);font-family:"Segoe UI",Roboto,sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}.app{max-width:600px;width:100%;padding:20px;box-sizing:border-box;background:hsla(0,0%,100%,.03);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.45)}.chat-window{display:flex;flex-direction:column;height:480px;max-height:80vh;background:hsla(0,0%,100%,.05);border-radius:12px;border:2px solid gold;overflow:hidden;padding:12px}.message-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;grid-gap:12px;gap:12px;scrollbar-width:thin;scrollbar-color:gold rgba(135,28,84,.7)}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.message{max-width:80%;padding:12px 18px;border-radius:20px 20px 4px 20px;font-size:1rem;line-height:1.4;word-break:break-word;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:fadeIn .3s ease forwards;transition:background .3s,color .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user-message{background:#05c46b;color:#fff;align-self:flex-end;border-bottom-right-radius:4px;border-bottom-left-radius:20px;border-top-right-radius:20px;border-top-left-radius:20px;box-shadow:0 2px 12px rgba(5,196,107,.3)}.message.bot-message{background:#ff5e3a;color:#fff;align-self:flex-start;border-bottom-left-radius:4px;border-bottom-right-radius:20px;border-top-right-radius:20px;border-top-left-radius:20px;border:none;box-shadow:0 2px 12px rgba(255,94,58,.3)}.spinner{border-top-color:gold}.message-input{display:flex;border-top:1px solid #292929;background:#871c54;padding:10px 8px;align-items:center;grid-gap:8px;gap:8px}.message-input input{flex:1 1;border:none;padding:12px 14px;outline:none;font-size:1rem;background:#bebece;color:#fff;border-radius:12px;margin-right:4px;transition:background .2s}.message-input input:focus{background:#5a1e54}.message-input button{border:none;background:#ff5e3a;color:#fff;font-size:1rem;font-weight:700;padding:12px 18px;border-radius:12px;cursor:pointer;transition:background .3s,color .3s;box-shadow:0 2px 8px rgba(255,94,58,.3)}.message-input button:hover{background:#e04a2d;color:#fff}.spinner{display:inline-block;width:16px;height:16px;margin-left:8px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e6a9412e.chunk.css.map */