.chat-toggle-btn{position:absolute;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:var(--color-section-dark);color:var(--color-section-text-dark);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,background .2s,cursor .1s;z-index:20;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.chat-toggle-btn:hover{cursor:grab}.chat-toggle-btn:active{cursor:grabbing}.chat-toggle-btn:hover{transform:translateY(-2px);background:var(--color-section-active-dark);color:var(--color-section-text-dark)}body.dark-mode .chat-toggle-btn{background:var(--color-section-dark);color:var(--color-section-text-dark)}body.dark-mode .chat-toggle-btn:hover{background:var(--color-section-active-dark);color:var(--color-section-text-dark)}.chat-toggle-btn svg{width:16px;height:16px}.resizable-chat.desktop .chat-toggle-btn-closed{left:-5px;top:55%;transform:translateY(-50%);border-radius:8px;padding:16px 12px;z-index:20}.resizable-chat.desktop .chat-toggle-btn-closed:hover{transform:translateY(-50%) translateY(-2px)}.resizable-chat.desktop .chat-toggle-btn-closed:hover,body.dark-mode .resizable-chat.desktop .chat-toggle-btn-closed:hover{background:var(--color-section-active-dark);color:var(--color-section-text-dark)}.resizable-chat.desktop .chat-toggle-btn-open{position:absolute;left:0;top:55%;transform:translateY(-50%);border-radius:8px;padding:16px 12px;z-index:100}.resizable-chat.desktop .chat-toggle-btn-open:hover{transform:translateY(-50%) translateY(-2px)}.resizable-chat.desktop .chat-toggle-btn-open:hover,body.dark-mode .resizable-chat.desktop .chat-toggle-btn-open:hover{background:var(--color-chat-interface-hover-dark);color:var(--color-text-dark)}.resizable-chat.mobile .chat-toggle-btn-closed{top:0;left:50%;transform:translateX(-50%);border-radius:8px;padding:16px 24px;z-index:20}.resizable-chat.mobile .chat-toggle-btn-closed:hover{transform:translateX(-50%) translateY(-2px)}.resizable-chat.mobile .chat-toggle-btn-closed:hover,body.dark-mode .resizable-chat.mobile .chat-toggle-btn-closed:hover{background:var(--color-section-active-dark);color:var(--color-section-text-dark)}.resizable-chat.mobile .chat-toggle-btn-open{position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-radius:8px;padding:16px 24px;z-index:100}.resizable-chat.mobile .chat-toggle-btn-open:hover{transform:translateX(-50%) translateY(2px)}.resizable-chat.mobile .chat-toggle-btn-open:hover,body.dark-mode .resizable-chat.mobile .chat-toggle-btn-open:hover{background:var(--color-chat-interface-hover-dark);color:var(--color-text-dark)}.resizable-chat{position:fixed;z-index:98;background:var(--color-surface-light);border:1px solid var(--color-border-light);box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;transition:transform .3s ease-out;visibility:visible;opacity:1;min-height:0}body.dark-mode .resizable-chat{background:var(--color-chat-interface-dark);border:1px solid var(--color-border-dark);box-shadow:0 4px 20px rgba(0,0,0,.4)}.resizable-chat.desktop{top:0;right:0;transform:translateX(calc(100% - 40px));border-radius:8px 0 0 8px;border-right:none;height:100vh;max-height:100vh}.resizable-chat.desktop.open{transform:translateX(0)}.resizable-chat.mobile{left:0;bottom:0;transform:translateY(calc(100% - 40px));border-radius:8px 8px 0 0;border-bottom:none;height:calc(100vh - 140px);max-height:calc(100vh - 140px)}.resizable-chat.mobile.open{transform:translateY(0)}@media (max-width:800px){.resizable-chat.mobile{position:fixed!important;left:0!important;bottom:0!important;height:33vh;max-height:80vh;width:100vw!important;z-index:98}.resizable-chat.mobile.open{transform:translateY(0)}}body.chat-open .page-layout{margin-right:var(--chat-width,400px);transition:margin-right .1s ease-out}body.chat-open .page-layout main{max-width:calc(100% - 40px)}body.chat-open .dashboard-article-header .header-info{width:100%}body.chat-open .dashboard-article-header .header-top-row{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap;min-height:40px;justify-content:flex-start}body.chat-open .dashboard-article-header .read-time,body.chat-open .dashboard-article-header .word-count{flex:0 0 auto;white-space:nowrap;min-width:fit-content}body.chat-open .dashboard-article-header .back-button{flex:0 0 auto;min-width:fit-content}body.chat-open .dashboard-article-header .version-history-button{flex:0 0 auto!important;min-width:fit-content!important}body.chat-open .dashboard-article-header .actions-toggle-btn{margin-left:0!important;flex:0 0 auto!important;min-width:fit-content!important}body.chat-open .dashboard-article-header .version-icon{font-size:12px!important}body.chat-open .dashboard-article-header .dropdown-arrow{font-size:10px!important}@media (max-width:800px){body.chat-open .page-layout{margin-right:0}body.chat-open .dashboard-article-header .header-top-row{gap:12px;flex-wrap:nowrap;min-height:auto}body.chat-open .dashboard-article-header .read-time,body.chat-open .dashboard-article-header .word-count{font-size:13px;padding:.6rem 1rem;flex:none;min-width:auto}body.chat-open .dashboard-article-header .back-button{padding:.6rem 1rem;font-size:.9rem;flex:none;min-width:auto}body.chat-open .dashboard-article-header .actions-toggle-btn,body.chat-open .dashboard-article-header .version-history-button{padding:.6rem 1rem!important;font-size:.9rem!important;flex:none!important;min-width:auto!important}body.chat-open .dashboard-article-header .version-icon{font-size:14px!important}body.chat-open .dashboard-article-header .dropdown-arrow{font-size:12px!important}.resizable-chat.desktop{transform:translateX(calc(100% - 40px))}.resizable-chat.desktop.open{transform:translateX(0)}}.resize-handle{position:absolute;width:4px;background:var(--color-border-light);cursor:col-resize;z-index:10;transition:background .2s,width .2s,height .2s}body.dark-mode .resize-handle{background:var(--color-border-dark)}.resize-handle-closed{width:8px!important;background:var(--color-bubble-light)!important;cursor:pointer!important;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}body.dark-mode .resize-handle-closed{background:var(--color-bubble-dark)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)}.resize-handle-closed:hover{width:12px!important;transform:scaleX(1.2)}.resize-handle-closed:hover,body.dark-mode .resize-handle-closed:hover{background:var(--color-chat-interface-hover-dark)!important}.resize-handle-open{width:10px;background:var(--color-bubble-light);cursor:pointer;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.1)}body.dark-mode .resize-handle-open{background:var(--color-bubble-dark);box-shadow:0 1px 4px rgba(0,0,0,.3)}.resize-handle-open:hover{width:12px;transform:scaleX(1.1)}.resize-handle-open:hover,body.dark-mode .resize-handle-open:hover{background:var(--color-chat-interface-hover-dark)}.resizable-chat.desktop .resize-handle{left:-5px;top:0;bottom:0;width:6px;cursor:col-resize}.resizable-chat.mobile .resize-handle{left:50%;top:0;transform:translateX(-50%);width:60px;height:8px;cursor:row-resize;border-radius:4px}.resizable-chat.mobile .resize-handle-closed{height:12px!important;width:60px!important;background:var(--color-bubble-light)!important;cursor:row-resize!important;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);left:50%!important;top:0!important;transform:translateX(-50%)!important;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.dark-mode .resizable-chat.mobile .resize-handle-closed{background:var(--color-bubble-dark)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)}.resizable-chat.mobile .resize-handle-closed:hover{height:16px!important;transform:translateX(-50%) scaleY(1.2)}.resizable-chat.mobile .resize-handle-closed:hover,body.dark-mode .resizable-chat.mobile .resize-handle-closed:hover{background:var(--color-chat-interface-hover-dark)!important}.resizable-chat.mobile .resize-handle-open{height:12px;width:60px;background:var(--color-bubble-light);cursor:row-resize;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.1);left:50%;top:0;transform:translateX(-50%);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.dark-mode .resizable-chat.mobile .resize-handle-open{background:var(--color-bubble-dark);box-shadow:0 1px 4px rgba(0,0,0,.3)}.resizable-chat.mobile .resize-handle-open:hover{height:16px;transform:translateX(-50%) scaleY(1.2)}.resizable-chat.mobile .resize-handle-open:hover,body.dark-mode .resizable-chat.mobile .resize-handle-open:hover{background:var(--color-chat-interface-hover-dark)}.resizable-chat{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.chat-header{height:32px;background:var(--color-surface-light);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:flex-end;align-items:center;padding:0 12px;gap:8px;transition:background .2s,border-color .2s}body.dark-mode .chat-header{background:var(--color-surface-dark);border-bottom:1px solid var(--color-border-dark)}.chat-close-btn{background:transparent;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:var(--color-text-light);transition:background-color .2s ease,color .2s ease;line-height:1;transform:translateY(-1px)}body.dark-mode .chat-close-btn{color:var(--color-text-dark)}.chat-close-btn:hover{background:rgba(0,0,0,.1);color:var(--color-muted-light)}body.dark-mode .chat-close-btn:hover{background:rgba(255,255,255,.1);color:var(--color-muted-dark)}.chat-options-button{background:transparent;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;color:var(--color-text-light);transition:background-color .2s ease,color .2s ease}.chat-options-button:hover{background:rgba(0,0,0,.1);color:var(--color-muted-light)}body.dark-mode .chat-options-button:hover{background:rgba(255,255,255,.1);color:var(--color-muted-dark)}body.dark-mode .chat-options-button{color:var(--color-text-dark)}.chat-options-menu{position:absolute;top:32px;right:12px;background:white;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:4px 0;min-width:120px;display:none;z-index:10003}body.dark-mode .chat-options-menu{background:var(--color-main-principle-bg-dark-gradient);border-color:var(--color-border-dark);color:var(--color-text-dark)}.chat-options-menu-item{width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#dc2626;transition:background-color .2s ease}.chat-options-menu-item:hover{background:#fef2f2}body.dark-mode .chat-options-menu-item:hover{background:var(--color-main-principle-bg-dark-gradient-2)}@media (max-width:800px){.resizable-chat.mobile{width:100vw!important}.chat-toggle-btn{margin:4px 0;padding:10px 12px;font-size:13px}.chat-toggle-btn svg{width:14px;height:14px}.chat-header{height:40px;padding:0 16px;gap:12px}.chat-close-btn,.chat-options-button{width:32px;height:32px;font-size:20px}.chat-options-menu{top:40px;right:16px;min-width:140px;padding:8px 0}.chat-options-menu-item{padding:12px 16px;font-size:16px}}.chat-messages{flex:1;height:100%;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:var(--color-surface-light);transition:background .2s;scrollbar-width:thin;scrollbar-color:#e0e7ef #f8f8f8}.chat-messages::-webkit-scrollbar{width:6px;background:#f8f8f8}.chat-messages::-webkit-scrollbar-thumb{background:#e0e7ef;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#c0c7d1}body.dark-mode .chat-messages{scrollbar-color:var(--color-muted-light) var(--color-accent-bg-dark)}body.dark-mode .chat-messages::-webkit-scrollbar{width:6px;background:var(--color-accent-bg-dark)}body.dark-mode .chat-messages::-webkit-scrollbar-thumb{background:var(--color-muted-dark);border-radius:4px}body.dark-mode .chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-chat-interface-hover-dark)}body.dark-mode .chat-messages{background:var(--color-surface-dark)}.chat-welcome{text-align:center;color:var(--color-muted-light);font-size:14px;line-height:1.5;transition:color .2s}body.dark-mode .chat-welcome{color:var(--color-muted-dark)}.chat-welcome p{margin:0 0 12px}.chat-welcome ul{text-align:left;margin:8px 0;padding-left:20px}.chat-welcome li{margin:4px 0;font-style:italic}.chat-message{display:flex;flex-direction:column;max-width:80%}.chat-message.user{align-self:flex-end;margin-left:20px}.chat-message.assistant{align-self:flex-start;margin-right:20px}.message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.4;transition:background .2s,color .2s,border-color .2s;box-shadow:0 2px 8px rgba(0,0,0,.08)}body.dark-mode .message-content{box-shadow:0 2px 12px rgba(0,0,0,.18)}.chat-message.assistant .message-content,.chat-message.user .message-content{background:var(--color-bubble-light);color:var(--color-text-light);border:1px solid var(--color-border-light)}body.dark-mode .chat-message.assistant .message-content,body.dark-mode .chat-message.user .message-content{background:var(--color-bubble-dark);color:var(--color-text-dark);border:1px solid var(--color-border-dark)}.message-timestamp{font-size:11px;color:var(--color-muted-light);margin-top:4px;align-self:flex-end;transition:color .2s}body.dark-mode .message-timestamp{color:var(--color-muted-dark)}.chat-message.user .message-timestamp{align-self:flex-end}.chat-message.assistant .message-timestamp{align-self:flex-start}.chat-loading-indicator{display:flex;align-items:center;gap:8px;color:var(--color-muted-light);transition:color .2s;font-size:14px;line-height:1.2;padding:0}body.dark-mode .chat-loading-indicator{color:var(--color-muted-dark)}.loading-text{font-weight:500;color:var(--color-text-light)}body.dark-mode .loading-text{color:var(--color-text-dark)}.bouncing-dots{display:flex;align-items:center;gap:3px;margin-left:4px}.bouncing-dots .dot{width:4px;height:4px;border-radius:50%;background-color:var(--color-primary);animation:bounce 1.4s ease-in-out infinite both}.bouncing-dots .dot:first-child{animation-delay:-.32s}.bouncing-dots .dot:nth-child(2){animation-delay:-.16s}.bouncing-dots .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.chat-input{padding:16px 20px;border-top:1px solid var(--color-border-light);display:flex;gap:12px;align-items:flex-end;background:var(--color-surface-light);transition:background .2s,border-color .2s}body.dark-mode .chat-input{border-top:1px solid var(--color-border-dark);background:var(--color-surface-dark)}.chat-input textarea{flex:1;border:1px solid var(--color-border-light);border-radius:6px;padding:8px 12px;font-size:14px;resize:none;font-family:inherit;line-height:1.4;background:#fff;color:#111;transition:border-color .2s,background .2s,color .2s}body.dark-mode .chat-input textarea{border:1px solid var(--color-border-dark);background:var(--color-bubble-dark);color:var(--color-text-dark)}.chat-input textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.chat-input textarea:disabled{background:var(--color-surface-light-alt);color:var(--color-muted-light);cursor:not-allowed}body.dark-mode .chat-input textarea:disabled{background:var(--color-surface-dark-alt);color:var(--color-muted-dark)}.send-button{padding:.8rem 1.5rem;background:var(--color-section-light);color:var(--color-section-text-light);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s;white-space:nowrap}.send-button:hover:not(:disabled){transform:translateY(-2px);background:var(--color-section-active-dark);color:var(--color-section-active-text)}body.dark-mode .send-button{background:var(--color-section-dark);color:var(--color-section-text-dark)}body.dark-mode .send-button:hover:not(:disabled){background:var(--color-section-active-dark);color:var(--color-section-active-text)}.send-button:disabled{background:var(--color-section-light);color:var(--color-section-text-light);cursor:not-allowed}body.dark-mode .send-button:disabled{background:var(--color-section-dark);color:var(--color-section-text-dark)}.markdown-content{line-height:1.5}.markdown-content p{margin:0 0 8px}.markdown-content p:last-child{margin-bottom:0}.markdown-content ol,.markdown-content ul{margin:8px 0;padding-left:20px}.markdown-content li{margin:4px 0}.markdown-content code{background:var(--color-surface-light-alt);padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;transition:background .2s}body.dark-mode .markdown-content code{background:var(--color-surface-dark-alt)}.markdown-content pre{background:var(--color-surface-light-alt);padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0;transition:background .2s}body.dark-mode .markdown-content pre{background:var(--color-surface-dark-alt)}.markdown-content pre code{background:none;padding:0}.chat-message,.message-content{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.message-content{word-break:break-word;overflow-wrap:anywhere}.chat-input textarea::placeholder{color:#111;opacity:1}.chat-input textarea::-webkit-input-placeholder{color:#8d8d8d;opacity:1}.chat-input textarea::-moz-placeholder{color:#111;opacity:1}.chat-input textarea:-ms-input-placeholder{color:#111;opacity:1}.chat-input textarea::-ms-input-placeholder{color:#111;opacity:1}body.dark-mode .chat-input textarea:-ms-input-placeholder,body.dark-mode .chat-input textarea::-moz-placeholder,body.dark-mode .chat-input textarea::-ms-input-placeholder,body.dark-mode .chat-input textarea::-webkit-input-placeholder,body.dark-mode .chat-input textarea::placeholder{color:#b0b0b0;opacity:1}.ai-chat-tooltip{position:fixed;z-index:10001;background:#fff;color:#333;padding:12px 16px;border-radius:20px;font-size:14px;font-weight:600;max-width:220px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid #e0e0e0;transition:background .2s,color .2s,border-color .2s;pointer-events:none}.ai-chat-tooltip:before{content:"";position:absolute;bottom:-13px;right:18px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #e0e0e0;z-index:-1}.ai-chat-tooltip:after{content:"";position:absolute;bottom:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}body.dark-mode .ai-chat-tooltip{background:var(--color-bubble-dark);color:var(--color-text-dark);border-color:var(--color-border-dark);box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark-mode .ai-chat-tooltip:before{border-top-color:var(--color-border-dark)}body.dark-mode .ai-chat-tooltip:after{border-top-color:var(--color-bubble-dark)}