:root{--body-bg:#fffdf9;--btn-color:#6b777b;--border:2px solid #ddd;--msg-bubble-bg:#f1ede3;--white-bg:#fff;--text-color-dark:#000;--text-color-light:#555}body{background:var(--body-bg);font-family:"Open Sans",sans-serif}html{box-sizing:border-box}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}.msger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99vw;height:94vh;margin:0 auto}#chatArea{width:100%;height:400px;overflow-x:hidden;overflow-y:auto;padding:0 10px}#upChat{width:50%}.msger-header{position:sticky;top:0;display:-ms-flexbox;display:grid;-ms-flex-pack:justify;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding:10px 0;z-index:51;background:var(--white-bg);transition:all 0.25s ease-out;border-bottom:2px solid #ddd;border-top:4px solid var(--btn-color);width:100%;height:70px}.logo-name{display:flex;justify-content:center;align-items:center}.logo-name a:focus-visible{outline:none}.logo-name a img:focus-visible{outline:none}.msger-header-title{font-size:12px;text-align:center}.msger-header-title>span{font-size:10px;color:var(--text-color-light)}#chatArea .msg:first-child{display:flex;align-items:center;margin-bottom:10px;justify-content:center}#chatArea .msg:first-child .msg-img{display:none}#chatArea .msg:first-child .msg-bubble{background:#fff0;color:var(--text-color-dark);text-align:center}#chatArea .msg:first-child .msg-info{display:none}#chatArea .msg:first-child .msg-text{margin:15px 0;font-weight:700;line-height:1.25;font-size:26px}.msger-chat{flex:1;overflow-y:auto;padding:10px}.msger-chat::-webkit-scrollbar{width:6px}.msger-chat::-webkit-scrollbar-track{background:#ddd}.msger-chat::-webkit-scrollbar-thumb{background:#bdbdbd}.msg{display:flex;align-items:flex-end;margin-bottom:10px}.msg:last-of-type{margin:0}.msg-img{width:50px;height:50px;margin-right:10px;background:#ddd;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:50%}.msg-bubble{max-width:450px;padding:15px;border-radius:15px;background:var(--msg-bubble-bg)}.left-msg .msg-bubble{max-width:90%;padding:15px;border-radius:15px;background:var(--msg-bubble-bg)}.msg-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.msg-info-name{margin-right:10px;font-weight:700}.msg-info-time{font-size:.85em}.left-msg .msg-bubble{border-bottom-left-radius:0}.right-msg{flex-direction:row-reverse}.right-msg .msg-bubble{background:var(--msg-bubble-bg);color:var(--text-color-dark);border-bottom-right-radius:0}.left-msg .msg-bubble{background:#fff0;color:var(--text-color-light);border-bottom-right-radius:0;font-size:16px}.left-msg .msg-info{display:none}.right-msg .msg-img{margin:0 0 0 10px}.msger-inputarea{display:flex;padding:10px;border-top:var(--border);background:var(--white-bg);width:100%;padding:14px 10px}.msger-inputarea *{padding:10px;border:none;border-radius:3px;font-size:1em;background:#fff;border:1px solid #b4b4b4}.msger-input{flex:1;color:var(--text-color-dark);padding:0 10px;background:var(--white-bg);border:1px solid #b4b4b4}.msger-input:focus{border:#6B777B solid 2px}.msger-send-btn{margin-left:10px;background:var(--btn-color);color:#fff;font-weight:700;cursor:pointer;transition:background 0.23s}.msger-send-btn:hover{background:#565656}.msger-chat{background-color:#fff0}.imgLoader{height:100px;position:relative;left:55px;top:-40px}.loader-indicator{display:flex;align-items:center;margin-left:60px;margin-top:5px}.loader-indicator .imgLoader{width:20px;height:20px}.chat-disclaimer{font-size:11px;padding:10px;text-align:center;color:var(--text-color-light);background:var(--white-bg)}.msg-img{display:none}.ai-msg-header .msger-header-title{font-size:18px;text-align:center;display:grid}.ai-msg-header .msger-header-title>span{font-size:12px;color:var(--text-color-light)}.markdown-response{font-family:"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6;color:#333}.markdown-response ul{list-style-type:disc;margin:5px 0 5px 15px;padding-left:20px}.markdown-response ul ul{list-style-type:circle;margin:5px 0 5px 0;padding-left:25px}.markdown-response li{margin-bottom:6px}.markdown-response ul ul li{margin-bottom:4px;color:#555}.markdown-response .sub-item{margin-left:20px;color:#555}.chat-bot-link{color:#007bff;text-decoration:underline;cursor:pointer;transition:color 0.2s ease-in-out}.chat-bot-link:hover{color:#004a99}@media screen and (max-width:767.98px){html,body{height:100%;overflow:hidden}#chatArea .msg:first-child .msg-text{margin:15px 0;font-weight:700;line-height:1.25;font-size:18px}section.msger{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;margin:0 auto;position:relative;height:100vh;height:100dvh;min-height:-webkit-fill-available}#chatArea.msger-chat{flex:1 1 auto!important;overflow-y:auto!important;padding:10px 10px 80px!important}.msger-inputarea{position:sticky!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #ccc!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:10!important}.msger-input{flex:1 1 auto!important;height:38px!important;font-size:14px!important}.msger-send-btn{height:38px!important;margin-left:6px!important;padding:0 12px!important;font-size:14px!important}#upChat{width:100%}}