@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+Thai:wght@100..900&display=swap";@keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body{position:relative;width:100%;height:100vh;min-height:100vh;background:linear-gradient(#f4f0ff,#dacdff);background-size:cover;background-repeat:no-repeat;background-position:center}.container{position:relative;width:100%;height:100vh}.app-version{margin-left:-5px;font-size:11px;color:#999;display:block;position:relative;top:-7px;width:40px}.unseen-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:5%;top:calc(50% - 7vh);width:20%;gap:16px}.amg-logo{width:9vw}.unseen-logo{width:22vw}.tatai-character-container{position:absolute;top:calc(50% - 40vh);left:27%;border-radius:30%;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(-5%)}50%{transform:translateY(5%)}to{transform:translateY(-5%)}}.tatai-character{width:100%;max-height:80vh}#chatbot-toggler{position:fixed;bottom:20px;right:20px;border:none;height:50px;width:50px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:50%;background:#ec268f;box-shadow:0 0 20px #0000001a;transition:all .2s ease}.container.show-chatbot #chatbot-toggler{transform:rotate(90deg)}#chatbot-toggler span{color:#fff;position:absolute}#chatbot-toggler span:last-child,.container.show-chatbot #chatbot-toggler span:first-child{opacity:0}.container.show-chatbot #chatbot-toggler span:last-child{opacity:1}.chatbot-popup{position:fixed;width:420px;opacity:0;right:20px;bottom:80px;pointer-events:none;transform:scale(.2);overflow:hidden;background:#fff;border-radius:15px;transform-origin:bottom right;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080;transition:all .1s ease}.container.show-chatbot .chatbot-popup{opacity:1;pointer-events:auto;transform:scale(1)}.chatbot-popup .chat-header{display:flex;padding:8px 15px;align-items:center;background:#fff;border-bottom:1px solid #CCCCE5;-webkit-box-shadow:0 4px 6px -6px #222;-moz-box-shadow:0 4px 6px -6px #222;box-shadow:0 4px 6px -6px #222;justify-content:space-between}.chat-header .header-info{display:flex;gap:10px;align-items:center}.header-info svg{width:35px;height:35px;flex-shrink:0;padding:6px;fill:#ec268f;background:#fff;border-radius:50%}.header-info .logo-text{color:#fff;font-weight:600;font-size:1.31rem;letter-spacing:.02rem}.chat-header button{border:none;height:40px;width:40px;color:#ec268f;cursor:pointer;padding-top:2px;margin-right:-10px;font-size:1.9rem;border-radius:50%;background:none;transition:.2s ease}.chat-header button:hover{background:#ec268f;color:#fff}.chat-header .header-actions{width:58%;text-align:end}.chat-header .header-actions .ghost-button{background:none;border:1px solid #ec268f;color:#ec268f;cursor:pointer;width:auto;height:35px;padding:5px 10px;font-size:14px;border-radius:10px;transition:background-color .3s}.chat-header .header-actions .ghost-button:hover{background-color:#0000001a}.chat-body{display:flex;flex-direction:column;gap:20px;height:48vh;overflow-y:auto;margin-bottom:82px;padding:25px 22px;scrollbar-width:thin;scrollbar-color:#ddd3f9 transparent}.chat-body .message{display:flex;gap:11px;align-items:start}.chat-body .message svg{width:35px;height:35px;flex-shrink:0;padding:6px;fill:#fff;align-self:flex-start;margin-bottom:2px;background:#ec268f;border-radius:50%}.chat-body .message .message-text{padding:12px 16px;font-size:.87rem;word-wrap:break-word}.chat-body .message .message-text ul{list-style-type:none;padding:0 0 5px}.chat-body .message .message-text ol{margin-left:10px}.chat-body .message .message-text p:not(:last-child){padding-bottom:5px}.chat-body .message .message-text li:last-child{padding-bottom:5px}.chat-body .message .message-text br{content:"";display:block;margin:10px 0}.chat-body .message.error .message-text{color:red}.chat-body .bot-message .message-text{background:#f6f2ff;border-radius:13px 13px 13px 3px}.chat-body .bot-message .thinking{border-radius:13px 13px 13px 3px;background:linear-gradient(-45deg,#ddd6f3,#f8a1d2);background-size:600%;animation:anime 5s linear infinite}.chat-body .user-message{flex-direction:column;align-items:flex-end}.chat-body .user-message .message-text{color:#fff;background:#ec268f;border-radius:13px 13px 3px}.feedback img{width:18px}.feedback button{border-radius:5px;padding:6px;margin-top:5px;border:none;background:none;cursor:pointer}.feedback button:hover{background-color:#222 12!important}.feedback button:disabled{background-color:#f6f2ff!important;cursor:default}.chat-footer{position:absolute;bottom:0;width:100%;background:#fff;padding:15px 22px 20px}.chat-footer .chat-form{display:flex;align-items:center;position:relative;background:#fff;border-radius:32px;outline:1px solid #CCCCE5;box-shadow:0 0 8px #0000000f}.chat-form:focus-within{outline:2px solid #ec268f}.chat-form .message-input{width:100%;height:47px;border:none;outline:none;font-size:.95rem;padding:0 17px;background:none}.chat-form #send-message{height:35px;width:35px;border:none;flex-shrink:0;color:#fff;cursor:pointer;display:block;margin-right:6px;background:#ec268f;border-radius:50%;font-size:1.15rem;transition:.2s ease}.chat-form .message-input:valid~#send-message{display:block}.chat-form #send-message:hover{background:#593bab}.chatbot-icon{width:auto;height:25px}@media (max-width: 520px){#chatbot-toggler{right:20px;bottom:20px}.chatbot-popup{right:0;bottom:0;height:100%;border-radius:0;width:100%}.chatbot-popup .chat-header{padding:5px 15px}.chat-body{height:calc(90% - 55px);padding:25px 15px}.chat-footer{padding:10px 15px 15px}}