:root{--chaticon-color: #fff;--chat-bg: #fff;--chat-text: #000;--chat-border: #ddd;--input-bg: #f9f9f9;--input-border: transparent;--button-bg: #161616;--button-bg-hover: #1b1b1b;--bubble-user: #dcf8c6;--bubble-bot: #f1f1f1;--shadow-color: rgb(153 132 132 / 10%)}@media (prefers-color-scheme: dark){:root{--chat-bg: #343434;--chat-text: #f0f0f0;--chat-border: #444;--input-bg: #2a2a2a;--input-border: transparent;--button-bg: #161616;--button-bg-hover: #1b1b1b;--bubble-user: #2f7d46;--bubble-bot: #2a2a2a;--shadow-color: rgb(153 132 132 / 10%)}}#chatbot-toggle{position:fixed;max-width:86px;height:auto;cursor:pointer;z-index:10000;padding:0;border:0;bottom:20px;right:20px;margin:0}#chatbot-toggle img{width:100%}.chatbox{border:1px solid var(--input-bg);position:fixed;bottom:100px;right:20px;width:100%;max-width:480px;background:var(--chat-bg);color:var(--chat-text);border-radius:20px;box-shadow:0 4px 20px var(--chat-bg);display:flex;flex-direction:column;padding:20px;font-family:system-ui,sans-serif;z-index:10000}@media (max-width: 768px){.chatbox{max-width:calc(100vw - 86px)}}.chat-status{margin-bottom:24px;line-height:33px;font-weight:500;color:var(--chat-text)!important;position:relative;font-size:1rem;padding:0 16px 10px 0}.chat-status:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;box-shadow:0 1px 0 0 var(--shadow-color);z-index:-1;background:var(--input-bg)}.chat-status .logo{max-height:48px;position:absolute;top:-4px}.chat-status .hello{display:flex;font-size:1rem}.chat-status .label{position:relative;margin:0 2px 6px 60px}.chat-status .label .flicker{position:absolute;top:-13px;font-size:9px;left:-27px;opacity:.7}.title{margin-bottom:12px;font-size:1em}.chatbox input{width:100%;margin-bottom:12px;padding:10px 16px;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--chat-text)}.chatbox button{width:100%;margin:0 0 12px;background:var(--button-bg);color:#fff;padding:6px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.chatbox button:hover{background:var(--button-bg-hover)}.messages{flex:1;overflow-y:auto;margin-bottom:12px;padding-right:12px;max-height:500px}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.messages{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.user,.assistant{display:flex;align-items:flex-start;margin-top:8px}.user{justify-content:flex-end}.assistant{justify-content:flex-start}.user .avatar,.assistant .avatar{border-radius:50%}.avatar{width:32px;height:32px;margin:0 6px}.text-bubble{background:var(--bubble-bot);padding:10px 14px;border-radius:6px;max-width:80%;font-size:.95em;line-height:1.4}.text-bubble li{margin-left:16px}.user .text-bubble{background:var(--bubble-user);text-align:right}.footer{margin-top:20px}.footer .note{font-size:.7rem;padding:0 5px;color:var(--chat-text);font-weight:500}.footer .chat-input{display:flex;width:100%;gap:6px;margin-top:4px;margin-bottom:4px}.footer .chat-input input{flex:1;padding:6px 16px;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--chat-text);margin-bottom:0}.footer .chat-input button{max-width:100px;padding:6px 16px;margin:0;border-radius:6px;background:var(--button-bg);color:#fff;border:none;cursor:pointer;transition:background .3s}.footer .chat-input button:hover{background:var(--button-bg-hover)}