@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--primary-color: #1b3632;--primary-dark: #0f3732;--background-hover: #f5f5f5;--background-light: #f6f6f6;--border-color: #e0e0e0;--text-color: #333;--text-secondary: #666;--text-muted: #00000085;--user-message-bg: #f6f1dc;--hover-bg: #c9f0ab;--hover-text: #181918;--purple-hover: #d5cbfb60;--purple-background: #f5f4fe;--white: white;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--disabled-opacity: .5;--tooltip-bg: #00000070;--feedback-bg: #00000012;--feedback-active: #efeafd;--feedback-active-text: #ad91f4;--typing-dot-1: #00000040;--typing-dot-2: #00000060;--typing-dot-3: #00000080;--text-muted-light: #00000050;--black: #000;--gray: gray;--gradient-dark: #343030}body{margin:0;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Courier New,Courier,monospace}.chat-widget{height:100vh;width:100vw;display:flex;flex-direction:column;background-color:var(--white);overflow:hidden}.chat-content{height:100vh;flex:1;overflow-y:auto;display:flex;flex-direction:column}.chat-header{color:var(--white);padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);position:relative}.sub-header{display:flex;align-items:center}.chat-header h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--primary-color)}.close-button{background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;padding:0;margin-left:10px}.chat-messages{flex:1;gap:16px;overflow-x:hidden;padding:16px;display:flex;flex-direction:column}.message{max-width:100%;border-radius:8px;font-size:.8rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.user{color:var(--text-color);align-self:flex-end;border-bottom-right-radius:2px;margin-left:40px}.user-message-container{display:flex;flex-direction:column;align-items:flex-end;width:100%}.user-header{font-weight:600;align-self:flex-end}.user-content{display:flex;flex-direction:row;align-items:flex-end;gap:20px}.user-timestamp{color:var(--text-color);margin-bottom:2px}.user-message-bubble{min-width:15px;margin-top:8px;padding:12px 10px;border-radius:8px 8px 2px;background-color:var(--user-message-bg);box-shadow:0 2px 5px var(--shadow-light)}.assistant{color:var(--text-color);align-self:flex-start;margin-right:40px;width:100%}.message.assistant .message-content .message-content-header{display:flex;justify-content:space-between}.message.assistant .message-content{opacity:1;transition:opacity .1s ease-in-out}.message.assistant.typing .message-content{opacity:.7}.message.assistant.typing:after{content:"|";display:inline-block;margin-left:2px;animation:cursor-blink 1s infinite;color:var(--primary-color)}.response-content{display:flex;flex-direction:row;align-items:flex-end;gap:20px}.response-message-bubble{margin-top:8px;padding:1px 10px;border-radius:8px;max-width:90%;background:var(--purple-background)}.assistant-name{font-weight:600;color:var(--primary-color)}.assistant .markdown-content{white-space:pre-wrap}.assistant .markdown-content p{margin:0 0 10px}.assistant .markdown-content code{background-color:var(--background-light);padding:2px 4px;border-radius:4px}.assistant .markdown-content pre{background-color:var(--background-light);padding:10px;border-radius:4px;overflow-x:auto}.assistant .markdown-content ul,.assistant .markdown-content ol{margin:0 0 10px 20px;padding:0}.assistant .markdown-content h1,.assistant .markdown-content h2,.assistant .markdown-content h3,.assistant .markdown-content h4,.assistant .markdown-content h5,.assistant .markdown-content h6{margin:15px 0 10px}.clickable-image-container{position:relative;display:inline-block;margin:8px 0;max-width:100%}.clickable-image{max-width:100%;max-height:300px;height:auto;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px var(--shadow-light)}.clickable-image:hover{transform:scale(1.02);box-shadow:0 4px 16px var(--shadow-medium)}.clickable-image:focus{outline:2px solid var(--primary-color);outline-offset:2px}.image-magnify-hint{position:absolute;top:8px;right:8px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .2s ease;pointer-events:none}.clickable-image-container:hover .image-magnify-hint{opacity:1}.image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:8px;background-color:var(--background-light);border-radius:8px;min-height:100px}.image-loading span{font-size:12px;color:var(--text-secondary)}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:8px;background-color:var(--background-light);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:12px}.image-alt-text{font-style:italic;opacity:.7}.image-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .2s ease-out}.image-modal-content{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0000004d}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#fff}.image-modal-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-color);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-modal-close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.image-modal-close:hover{background-color:var(--background-light);color:var(--text-color)}.image-modal-close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.image-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#fafafa;overflow:hidden}.image-modal-image{max-width:100%;max-height:100%;height:auto;width:auto;border-radius:8px;box-shadow:0 4px 20px #0000001a}.image-modal-footer{padding:12px 20px;border-top:1px solid var(--border-color);background:#fff;text-align:center}.image-modal-description{margin:0;font-size:.75rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.image-modal-overlay{padding:10px}.image-modal-content{max-width:100%;max-height:100%}.image-modal-header{padding:12px 16px}.image-modal-body{padding:16px}.image-modal-footer{padding:8px 16px}.clickable-image{max-height:200px}}.chat-input-form{display:flex;background-color:var(--background-light);border-radius:8px}.chat-input-form textarea{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:.875rem;font-family:inherit;box-sizing:border-box;min-height:2.5em;max-height:12em;resize:none;overflow-y:auto;background-color:var(--background-light)}.chat-input-form textarea:focus{outline:none}.chat-input-form button{display:flex;justify-content:center;gap:8px;align-items:center;margin-left:16px;padding:2px 16px;background-color:var(--background-light);color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.chat-input-form button.has-text{background-color:var(--background-light);color:var(--primary-dark)}.chat-input-form button.has-text:hover{background-color:var(--hover-bg);color:var(--hover-text)}.chat-input-form button.empty{background-color:var(--background-light);border:none;color:var(--primary-color);cursor:default;opacity:var(--disabled-opacity)}.widget-navigation{display:flex;justify-content:space-around;padding:6px;background-color:var(--background-light);border-top:1px solid var(--border-color);margin-top:auto}.new-button{display:flex;flex-direction:row;align-items:center;gap:8px;background:none;border:none;border-radius:8px;padding:8px;height:40px;color:var(--primary-dark);cursor:pointer;transition:background-color .3s ease}.new-button:hover{color:var(--primary-dark);background-color:var(--purple-hover)}.new-button.ACTIVE{color:var(--primary-dark);background-color:var(--purple-hover);font-weight:600}.new-button:focus{outline:none}.menu-toggle-button{display:flex;flex-direction:row;align-items:center;justify-content:center;background:none;padding:0 8px;border:none;cursor:pointer;color:var(--primary-color);border-radius:8px;transition:background-color .3s ease;height:40px;gap:8px}.menu-toggle-button:hover{background-color:var(--shadow-light)}.menu-toggle-button:focus{outline:none;box-shadow:0 0 0 2px var(--shadow-light)}.nav-button.active{color:var(--primary-color)}.chat-bubble{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px var(--shadow-medium);transition:all .3s ease}.chat-bubble:hover{transform:scale(1.1)}.chat-bubble-image{width:40px;height:40px;object-fit:contain}.spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner{border:3px solid var(--background-light);border-top:3px solid var(--primary-color);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.typing-indicator{margin-top:4px;display:flex;align-items:center;gap:6px}.typing-indicator :nth-child(1){background-color:var(--typing-dot-1)}.typing-indicator :nth-child(2){background-color:var(--typing-dot-2)}.typing-indicator :nth-child(3){background-color:var(--typing-dot-3)}.typing-indicator span{width:6px;height:6px;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.using-tool-shine{background:linear-gradient(to right,var(--gray) 20%,var(--gradient-dark) 40%,var(--gradient-dark) 60%,var(--gray) 80%);background-size:50% auto;color:var(--black);background-clip:text;-text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12px;font-weight:500;font-family:inherit;font-style:italic;animation:shine 1.5s linear infinite}.message-actions{display:flex;flex-direction:column;align-items:flex-start;margin:8px 0 0;padding:0;gap:8px}.feedback-bubble{padding:12px 10px;border-radius:8px;background:var(--purple-background);max-width:90%;font-size:12px}.message-feedback-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;font-size:12px}.feedback-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feedback-buttons-wrapper{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.feedback-button{display:inline-flex;padding:8px 16px;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--background-light);border:none;color:var(--text-color);font-size:12px;cursor:pointer;min-width:60px;transition:background-color .2s ease}.feedback-button:hover:not(.disabled):not(.clicked){background-color:var(--background-hover)}.feedback-button.disabled{color:var(--text-muted-light);cursor:default}.feedback-button.clicked{background:var(--feedback-active)!important;color:var(--feedback-active-text)!important;font-weight:600!important;cursor:default}.feedback-response-text{color:var(--text-muted);font-size:12px;margin-bottom:8px}.source-links-list{display:flex;flex-direction:row;gap:4px}.source-link{position:relative;display:inline-block;padding:4px;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;height:20px}.tooltip{position:absolute;padding:4px 8px;background-color:var(--tooltip-bg);color:var(--white);font-size:.7rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s ease;animation:tooltipFade .2s ease forwards;bottom:100%}.intro-message{font-size:.875rem}.example-responses{opacity:.7}.example-prompts-label{font-size:.875rem;font-weight:600}.example-responses h4{font-size:.9rem;color:var(--text-color);margin:8px}.example-message{font-size:.875rem;color:var(--text-color);background-color:var(--background-light);padding:12px 16px;border-radius:4px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.example-message:hover{background-color:var(--user-message-bg);opacity:.9}.chat-history-container{position:relative}.chat-history-panel{position:fixed;top:73px;left:0;width:100%;height:calc(100vh - 65px);background:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.chat-history-panel.open{transform:translate(0)}.close-history{display:flex;flex-direction:row;align-items:center;justify-content:center;background:none;padding:0 8px;border:none;cursor:pointer;color:var(--primary-color);border-radius:8px;transition:background-color .3s ease;height:40px;gap:8px}.close-history:hover{background-color:var(--shadow-light)}.close-history:focus{outline:none;box-shadow:0 0 0 2px var(--shadow-light)}.chat-history-content{flex:1;overflow-y:auto;scroll-behavior:smooth}.conversation-group{margin-bottom:24px;padding:0 16px;background-color:var(--white)}.conversation-group-title{font-size:1rem;color:var(--text-color);margin-top:16px;padding:8px 0;font-weight:700}.conversation-item{padding:12px 6px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .2s ease}.conversation-item:hover{background-color:var(--background-hover)}.conversation-title{font-size:.875rem;color:var(--text-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:var(--text-secondary)}.loading-more-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px}.loading-more-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.no-more-conversations{display:flex;justify-content:center;padding:20px;margin-top:8px}.no-more-text{font-size:.75rem;color:var(--text-secondary);font-style:italic;opacity:.7}.resource-center-container{width:100%;height:calc(100vh - 200px);overflow:auto;background:#fff;border-radius:8px;margin-bottom:16px}.history-section{display:flex;flex-direction:column;padding:20px;height:100%}.chat-footer{border-top:1px solid var(--border-color);font-size:.75rem;gap:8px;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.info-text{padding-left:8px;font-size:.75rem}.chat-footer p{margin:0;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@keyframes shine{to{background-position:-100% center}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
