*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#3b434f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif}.app,body{height:100vh;overflow:hidden}.app{display:flex;flex-direction:column}.app-body{display:flex;flex:1 1;overflow:hidden}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:2000px;padding:0 .2rem}.app-title{color:#9f9f9f;font-size:1rem;font-weight:600;padding-left:0}.header-actions{display:flex;gap:.75rem}.admin-btn,.new-chat-btn{background:#fff;border:0 solid #d1d5db;border-radius:24px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 0 0;transition:all .2s ease}.new-chat-btn:hover{background:#f9fafb;border-color:#9ca3af}.admin-btn{background:#374151;border-color:#374151;color:#fff}.admin-btn:hover{background:#1f2937;border-color:#1f2937}.invisible-button-container{display:inline-block;position:relative}.transparent-overlay{background:#0000;bottom:-10px;left:-10px;pointer-events:none;position:absolute;right:-10px;top:-10px;z-index:1}.invisible-btn{color:#0000!important;opacity:0;position:relative;z-index:2}.invisible-btn,.invisible-btn:hover{background:#0000!important;border:none!important}.app-main{flex:1 1;justify-content:center;padding:0}.app-main,.chat-interface{display:flex;height:100%;overflow:hidden}.chat-interface{background:#fff;border-radius:8px;flex-direction:column;max-width:900px;position:relative;width:100%}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;height:100%;overflow-y:auto;padding:.4rem .4rem 100px;scrollbar-width:none}.messages-container::-webkit-scrollbar{width:0}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.messages-container.scrolling{scrollbar-width:thin}.messages-container.scrolling::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.welcome-message{color:#6b7280;margin:auto;max-width:600px;text-align:center}.welcome-message h2{color:#111827;font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.welcome-message p{font-size:1rem;line-height:1.5}.message{animation:fadeIn .2s ease-in;margin-bottom:1rem;max-width:80%;position:relative}.user-message{align-self:flex-end;margin:2rem .8rem 1.5rem auto}.ai-message{align-self:flex-start}.message-content{border-radius:24px;padding:1rem 1.2rem;position:relative}.user-message .message-content{background:#f1f1f2;color:#313030;margin-left:auto;max-width:100%}.ai-message .message-content{background:#fff;border:0 solid #e5e7eb;color:#374151}.error-message .message-content{background:#fef2f2;border-color:#fecaca;color:#dc2626}.message-text{word-wrap:break-word;line-height:1.6}.message-timestamp{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:4px;color:#fff;font-size:.75rem;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:20}.user-message .message-timestamp{bottom:-1.5rem;right:0}.ai-message .message-timestamp{bottom:-1.5rem;left:4}.message:hover .message-timestamp{opacity:1;visibility:visible}.loading-message .message-content{padding:1rem 1.25rem}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-indicator-wrapper{display:inline-block;position:relative}.typing-indicator-overlay{align-items:center;display:flex;gap:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out}.typing-indicator-overlay.mode2-active{opacity:1}.typing-indicator-overlay span{animation:typing 1.4s ease-in-out infinite;background:#f44;border-radius:50%;height:6px;width:6px}.typing-indicator-overlay span:first-child{animation-delay:-.32s}.typing-indicator-overlay span:nth-child(2){animation-delay:-.16s}.typing-indicator-wrapper.pipeline-active .typing-indicator span{background:#f44}.pipeline-stage-text{animation:fadeIn .3s ease-in-out;color:#f28a8a;font-size:12px;font-style:italic;left:120%;margin-left:12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.message-form{background:linear-gradient(0deg,#ffffffe6 0,#ffffffb3 50%,#fff0);border-top:0 solid #e5e7eb;bottom:0;left:0;padding:1.5rem;position:absolute;right:0;z-index:30}.input-container{display:block;position:relative}.message-input{border:1px solid #d1d5db;border-radius:24px;box-shadow:none;font-family:inherit;font-size:.875rem;line-height:1.5;max-height:calc(10.5em + 1.5rem);min-height:44px;overflow-y:auto;padding:.75rem 3.5rem;resize:none;transition:all .25s ease;width:100%}.message-input:focus{border:none;box-shadow:0 0 18px #00000026,0 4px 10px #0000001a;outline:none}.message-input:disabled{border-color:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.5}.send-button{background:#111827;border:1px solid #111827;border-radius:50%;cursor:pointer;height:28px;padding:0;position:absolute;right:.63rem;top:44.5%;transform:translateY(-50%);transition:all .3s ease;width:28px}.send-button:hover:not(:disabled){background:#1f2937;border-color:#d1d5db;transform:translateY(-50%) scale(1.05)}.send-button:disabled{background:#fff0;border-color:#00000056;cursor:not-allowed}.send-button.waiting-reply{background:#111827!important;border-color:#111827!important;cursor:not-allowed;opacity:.3!important}.send-button *,.send-button svg,.send-button:before{display:none}.loading-spinner{border:2px solid #ffffff4d;height:18px;width:18px}.pipeline-toggle-btn{align-items:center;background:#ffffffe6;border:1px solid #d1d5db;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;left:.63rem;line-height:0;padding:0;position:absolute;top:44.5%;transform:translateY(-50%);transition:all .3s ease;width:28px}.pipeline-toggle-btn:before{content:"∞";transform:translateY(-2px)}.pipeline-toggle-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pipeline-toggle-btn:disabled{background:#ffffff80;cursor:not-allowed;opacity:.3}.pipeline-toggle-btn.active{background:#111827;border-color:#111827;color:#fff}.pipeline-toggle-btn.active:before{color:#fff}.pipeline-toggle-btn.active:hover:not(:disabled){background:#1f2937;border-color:#374151}.pipeline-config-form{margin:1rem 0}.pipeline-nodes{margin-top:1.5rem;position:relative}.pipeline-nodes h4{color:#374151;font-size:1.1rem;margin-bottom:1rem}.no-nodes-message{background:#f9fafb;border-radius:.5rem;color:#6b7280;margin:1rem 0;padding:2rem;text-align:center}.pipeline-node{border:1px solid #e5e7eb;border-radius:.5rem;cursor:move;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.pipeline-node.drag-over{background:#eff6ff;border-color:#3b82f6;transform:scale(1.02)}.pipeline-node[draggable=true]:active{opacity:.5}.node-header{align-items:center;background:#f9fafb;display:flex;justify-content:space-between;padding:1rem;transition:background .2s ease}.node-header:hover{background:#f3f4f6}.drag-handle{color:#9ca3af;cursor:grab;font-size:1.25rem;margin-right:.75rem;padding:0 .25rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.pipeline-node:hover .drag-handle{color:#6b7280}.drag-handle:active{color:#3b82f6;cursor:grabbing}.node-header-content{align-items:center;cursor:pointer;display:flex;flex:1 1}.node-order{color:#6b7280;font-weight:600;margin-right:1rem}.node-name{color:#111827;flex:1 1;font-weight:500}.node-status{align-items:center;display:flex;gap:.5rem}.enabled-badge{background:#10b981}.disabled-badge,.enabled-badge{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.disabled-badge{background:#ef4444}.node-details{background:#fff;border-top:1px solid #e5e7eb;padding:1.5rem}.config-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;width:100%}.config-range{margin-top:.5rem;width:100%}.delete-node-btn{background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:background .2s ease}.delete-node-btn:hover{background:#dc2626}.delete-node-icon-btn{background:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:1.25rem;margin-left:.5rem;padding:.25rem .5rem;transition:all .2s ease}.delete-node-icon-btn:hover{background:#fee2e2;color:#dc2626}.prompt-template-info{background:#f3f4f6;border-radius:.375rem;color:#4b5563;font-size:.875rem;margin-bottom:.75rem;padding:.75rem}.prompt-template-info code{background:#e5e7eb;border-radius:.25rem;color:#1f2937;font-family:monospace;font-size:.875rem;padding:.125rem .25rem}.prompt-template-container{position:relative}.drag-placeholder-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.placeholder-btn{align-items:center;background:#eff6ff;border:2px dashed #3b82f6;border-radius:.375rem;color:#2563eb;cursor:grab;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.placeholder-btn:hover{background:#dbeafe;border-color:#2563eb;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.placeholder-btn:active{cursor:grabbing;transform:translateY(0)}.placeholder-btn[draggable=true]:active{opacity:.7}.prompt-template-textarea{border:2px solid #e5e7eb;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9rem;min-height:120px;transition:border-color .2s}.prompt-template-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.prompt-template-textarea.drag-over{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.add-node-btn{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.75rem;transition:all .2s ease;width:100%}.add-node-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.countdown-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;color:#92400e;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}.success-message{background:#d1fae5;border:1px solid #10b981;border-radius:.5rem;color:#065f46;font-weight:500}.admin-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{animation:slideUp .2s ease;background:#fff;border-radius:8px;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.admin-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;transition:all .15s ease;width:36px}.close-btn:hover{background:#f3f4f6;color:#374151}.admin-content{max-height:60vh;overflow-y:auto;padding:2rem}.admin-step h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.admin-step p{color:#6b7280;line-height:1.5;margin-bottom:1.5rem}.password-form{display:flex;flex-direction:column;gap:1rem}.password-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem 1rem;transition:border-color .15s ease}.password-input:focus{border-color:#6b7280;outline:none}.submit-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .15s ease}.submit-btn:hover:not(:disabled){background:#1f2937}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.admin-buttons{display:flex;flex-direction:column;gap:.75rem}.admin-menu-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:1rem 1.25rem;text-align:left;transition:all .15s ease}.admin-menu-btn:hover{background:#f9fafb;border-color:#d1d5db}.admin-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;min-height:200px;padding:.75rem 1rem;resize:vertical;transition:border-color .15s ease;width:100%}.admin-textarea:focus{border-color:#6b7280;outline:none}.config-info{margin-bottom:.5rem}.config-info small{color:#6b7280;font-size:.75rem;font-weight:500}.admin-actions{justify-content:space-between}.actions-right,.admin-actions{display:flex;gap:.75rem}.admin-actions .success-message{margin-top:0}.back-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .15s ease}.back-btn:hover{background:#e5e7eb}.apply-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .15s ease}.apply-btn:hover:not(:disabled){background:#b91c1c}.apply-btn:disabled{cursor:not-allowed;opacity:.5}.admin-menu-btn small{color:#6b7280;display:block;font-size:.75rem;font-weight:400;margin-top:.25rem}.openai-config-form{gap:1.5rem;margin-bottom:2rem}.config-group,.openai-config-form{display:flex;flex-direction:column}.config-group{gap:.5rem}.config-group label{color:#374151;font-size:.875rem;font-weight:500}.config-input,.config-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem 1rem;transition:border-color .15s ease}.config-input:focus,.config-select:focus{border-color:#6b7280;outline:none}.config-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#111827;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.config-slider::-moz-range-thumb{background:#111827;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:20px;width:20px}.config-group small{color:#6b7280;font-size:.75rem;line-height:1.4}.config-status{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.5rem;padding:1rem}.status-configured{color:#059669;font-weight:500}.status-not-configured{color:#dc2626;font-weight:500}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-top:1rem;padding:.75rem}.success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669}.markdown-content{word-wrap:break-word;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#111827;font-weight:600;line-height:1.3;margin:1.5rem 0 1rem}.markdown-content h1{border-bottom:2px solid #e5e7eb;font-size:1.75rem;padding-bottom:.5rem}.markdown-content h2{border-bottom:1px solid #e5e7eb;font-size:1.5rem;padding-bottom:.25rem}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.125rem}.markdown-content h5,.markdown-content h6{color:#6b7280;font-size:1rem}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content p{line-height:1.6;margin:1rem 0}.markdown-content p:first-child{margin-top:0}.markdown-content p:last-child{margin-bottom:0}.markdown-content ol,.markdown-content ul{margin:1rem 0;padding-left:1.5rem}.markdown-content li{line-height:1.6;margin:.25rem 0}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li>ol,.markdown-content li>ul{margin:.5rem 0}.markdown-content blockquote{background:#f8fafc;border-left:4px solid #6b7280;border-radius:0 6px 6px 0;margin:1.5rem 0;padding:1rem 1.25rem}.markdown-content blockquote p{color:#4b5563;font-style:italic;margin:0}.markdown-content blockquote>:first-child{margin-top:0}.markdown-content blockquote>:last-child{margin-bottom:0}.markdown-content code{background:#f1f5f9;border-radius:4px;color:#363f4e;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.875em;font-weight:500;padding:.125rem .375rem}.markdown-content pre,.markdown-content pre[class*=language-]{background:#f8f8f8!important;border:0 solid #334155;border-radius:8px;color:#47484a!important;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace!important;margin:1rem 0;overflow:auto;padding:1.25rem}.markdown-content .codeblock{border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;overflow:hidden;position:relative}.markdown-content .codeblock-header{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:.4rem .75rem;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.markdown-content .codeblock-lang{background:#0000;border-radius:4px;color:#6b728087;font-size:.75rem;font-weight:600;opacity:1;padding:.25rem .5rem;pointer-events:none;transition:all .2s ease;visibility:visible}.markdown-content .codeblock-actions{display:flex;gap:.375rem;pointer-events:auto}.markdown-content .copy-code-btn,.markdown-content .toggle-code-btn{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,42%,.604);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;opacity:0;padding:.28rem .6rem;transition:all .2s ease;visibility:hidden}.markdown-content .copy-code-btn:hover,.markdown-content .toggle-code-btn:hover{background:#000000e6;transform:scale(1.05)}.markdown-content .copy-code-btn:disabled{cursor:default;opacity:.6;transform:none}.markdown-content .codeblock:hover .copy-code-btn,.markdown-content .codeblock:hover .toggle-code-btn{opacity:1;visibility:visible}.markdown-content .codeblock pre{border:none;border-radius:8px;margin:0;padding-top:3rem}.markdown-content .codeblock.collapsed pre{max-height:280px;overflow-x:auto;overflow-y:hidden;position:relative}.markdown-content .codeblock.collapsed pre:after{background:linear-gradient(0deg,#f8f8f8,#f8f8f800);bottom:0;content:"";height:64px;left:0;pointer-events:none;position:absolute;right:0}.markdown-content code[class*=language-],.markdown-content pre code{background:#0000!important;border-radius:0;color:inherit!important;font-size:.875rem;font-weight:400;padding:0;text-shadow:none!important}.markdown-content pre{scrollbar-width:none}.markdown-content pre::-webkit-scrollbar{background:#0000;height:0!important;width:0!important}.markdown-content pre.scrolling{scrollbar-width:thin}.markdown-content pre.scrolling::-webkit-scrollbar{height:8px!important;width:8px!important}.markdown-content pre.scrolling::-webkit-scrollbar-thumb{border-radius:4px}.markdown-content pre:hover{scrollbar-width:thin}.markdown-content pre:hover::-webkit-scrollbar{height:8px!important;width:8px!important}.markdown-content a{color:#2563eb;font-weight:500;text-decoration:none;transition:color .15s ease}.markdown-content a:hover{color:#1d4ed8;text-decoration:underline}.markdown-content a:visited{color:#7c3aed}.markdown-content table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;margin:1.5rem 0;overflow:hidden;width:100%}.markdown-content td,.markdown-content th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.markdown-content th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:nth-child(2n){background:#f9fafb}.markdown-content hr{background:#e5e7eb;border:none;height:1px;margin:2rem 0}.markdown-content img{border-radius:6px;box-shadow:0 1px 3px 0 #0000001a;height:auto;margin:1rem 0;max-width:100%}.markdown-content strong{color:#111827;font-weight:600}.markdown-content em{color:#4b5563;font-style:italic}.markdown-content del{color:#6b7280;text-decoration:line-through}.markdown-content .token.cdata,.markdown-content .token.comment,.markdown-content .token.doctype,.markdown-content .token.prolog{color:#a0a0a5;font-style:italic}.markdown-content .token.punctuation{color:#47484a}.markdown-content .token.constant,.markdown-content .token.deleted,.markdown-content .token.property,.markdown-content .token.symbol,.markdown-content .token.tag{color:#ff3146}.markdown-content .token.boolean,.markdown-content .token.number{color:#6b9cd5;font-weight:500}.markdown-content .token.attr-name,.markdown-content .token.builtin,.markdown-content .token.char,.markdown-content .token.inserted,.markdown-content .token.selector,.markdown-content .token.string{color:#5aab6d}.markdown-content .language-css .token.string,.markdown-content .style .token.string,.markdown-content .token.entity,.markdown-content .token.operator,.markdown-content .token.url,.markdown-content .token.variable{color:#e38f09}.markdown-content .token.atrule,.markdown-content .token.attr-value,.markdown-content .token.class-name,.markdown-content .token.function{color:#6f58ae;font-weight:500}.markdown-content .token.keyword{color:#e64a59;font-weight:600}.markdown-content .token.important,.markdown-content .token.regex{color:#cd946d;font-weight:500}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;width:100vw}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.user-info{align-items:center;display:flex;gap:12px;margin-right:20px}.user-email{color:#666}.logout-btn,.user-email{font-size:14px;font-weight:500}.logout-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background:#e8e8e8;border-color:#ccc}.logout-btn:active{transform:translateY(1px)}.account-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.account-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:380px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-popup-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.account-popup-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.account-popup-close{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.account-popup-close:hover{background:#f5f5f5;color:#333}.account-popup-content{padding:24px}.account-info-section{align-items:center;display:flex;gap:16px;margin-bottom:24px}.account-avatar{flex-shrink:0}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;text-transform:uppercase;width:60px}.account-details{flex:1 1;min-width:0}.account-email{color:#333;font-size:16px;font-weight:600;margin-bottom:4px;word-break:break-word}.account-username{color:#666;font-size:14px;margin-bottom:8px}.account-badge{background:linear-gradient(135deg,#667eea,#5f4ba0);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.account-stats{background:#f8f8f8;border-radius:12px;margin-bottom:20px;padding:16px}.account-stat{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.account-stat:not(:last-child){border-bottom:1px solid #e5e5e5}.stat-label{color:#666;font-size:14px}.stat-value{color:#333;font-size:14px;font-weight:600}.account-actions{display:flex;gap:12px}.account-action-btn{align-items:center;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:10px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.account-action-btn:hover{background:#e8e8e8;border-color:#d0d0d0;transform:translateY(-1px)}.account-action-btn:active{transform:translateY(0)}.account-action-btn svg{flex-shrink:0}.account-signout-btn{color:#dc3545!important}.account-signout-btn:hover{background:#fee!important;border-color:#dc3545!important;color:#dc3545!important}@media (max-width:768px){.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content h3{font-size:1.125rem}.markdown-content pre{margin:1rem 0;padding:1rem}.markdown-content table{font-size:.875rem}.markdown-content td,.markdown-content th{padding:.5rem .75rem}.ai-message{margin-left:0;margin-right:0;max-width:100%;width:100%}}.sidebar{background:#fcfcfc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:width .3s ease}.sidebar-expanded{width:280px}.sidebar-collapsed{width:60px}.sidebar-collapsed .sidebar-topbar{justify-content:center;padding:1rem .5rem}.sidebar-topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header,.sidebar-topbar{display:flex;flex-direction:row;padding:1rem}.sidebar-header{align-items:flex-start;gap:.5rem;margin-bottom:0;position:relative}.sidebar-action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-left:.2rem}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.sidebar-toggle:hover{background:#f3f4f6}.sidebar-toggle-circle{border-radius:50%;height:28px;margin-left:0;transition:all .2s ease;width:28px}.sidebar-toggle.collapsed .sidebar-toggle-circle{background:#111827;border:1px solid #111827}.sidebar-toggle.expanded .sidebar-toggle-circle{background:#0000;border:1px solid #111827}.sidebar-new-chat{align-items:center;background:#111827;border:1px solid #111827;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.sidebar-new-chat:hover{background:#1f2937;border-color:#1f2937}.sidebar-new-chat svg{transform:translate(.5px,.5px)}.sidebar-search-chat{align-items:center;background:#111827;border:1px solid #111827;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.sidebar-search-chat:hover{background:#1f2937;border-color:#1f2937}.sidebar-search-chat svg{transform:translate(.5px,.5px)}.sidebar-account{align-items:center;background:#111827;border:1px solid #111827;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:.2rem;padding:0;transition:all .15s ease;width:28px}.sidebar-account:hover{background:#1f2937;border-color:#1f2937}.sidebar-account svg{transform:translate(.5px,.5px)}.sidebar-history-label{color:#6b7280;font-size:.7rem;font-weight:500;left:1.3rem;line-height:1;position:absolute;top:7.4rem;-webkit-user-select:none;user-select:none;z-index:20}.sidebar-content{display:flex;flex:1 1;flex-direction:column;height:0;overflow:hidden}.conversations-list{flex:1 1;height:0;overflow-x:hidden;overflow-y:auto;padding:0 .5rem;scrollbar-width:none}.conversations-list::-webkit-scrollbar{width:0}.conversations-list::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.conversations-list.scrolling{scrollbar-width:thin}.conversations-list.scrolling::-webkit-scrollbar{width:4px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.conversation-item{border:1px solid #0000;border-radius:6px;cursor:pointer;padding:.5rem .75rem;position:relative;transition:all .2s ease}.conversation-item:hover{background:#f3f4f6}.conversation-item.active{background:#f3f4f6;border-color:#f0eeee}.conversation-title{color:#374151;font-size:.92rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:4px;color:#fff;font-size:.75rem;opacity:0;padding:.25rem .5rem;position:absolute;right:.75rem;top:.5rem;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.conversation-item:hover .conversation-date{opacity:1;visibility:visible}.conversation-item.loading .conversation-title{padding-right:30px;position:relative}.conversation-loading-indicator{align-items:center;display:inline-flex;gap:3px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.conversation-loading-indicator .loading-dot{animation:conversationLoadingPulse 1.4s infinite;background:#3b82f6;border-radius:50%;height:4px;width:4px}.conversation-loading-indicator .loading-dot:nth-child(2){animation-delay:.2s}.conversation-loading-indicator .loading-dot:nth-child(3){animation-delay:.4s}@keyframes conversationLoadingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.no-conversations{color:#6b7280;padding:2rem 1rem;text-align:center}.no-conversations p{font-size:.875rem;margin:0}.no-conversations-hint{font-size:.75rem!important;margin-top:.5rem!important;opacity:.7}.title-input{background:#fff;border:1px solid #6b7280;border-radius:4px;box-shadow:0 0 0 1px #6b72801a;color:#374151;font-family:inherit;font-size:.875rem;font-weight:500;outline:none;padding:2px 6px;width:100%}.title-input:focus{border-color:#67686b;box-shadow:0 0 0 1px #1118271a}.title-text{cursor:pointer;display:block;transition:opacity .15s ease;-webkit-user-select:none;user-select:none}.title-text:hover{opacity:.7}@media (max-width:768px){.app-header{display:none!important}.sidebar{box-shadow:2px 0 10px #0000001a;height:100vh;left:0;position:fixed;top:0;z-index:999}.sidebar-expanded{animation:slideIn .3s ease-out;width:280px}.sidebar-collapsed{display:none!important}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.app-body{height:100vh}.app-main{margin-left:0;width:100%}.mobile-sidebar-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;left:1rem;padding:0;position:fixed;top:1rem;transition:all .15s ease;width:28px;z-index:1000}.mobile-sidebar-toggle:hover{background:#f3f4f6}.mobile-sidebar-toggle-circle{background:#111827;border:1px solid #111827;border-radius:50%;height:28px;transition:all .2s ease;width:28px}.mobile-sidebar-backdrop{animation:fadeIn .2s ease-in-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.ai-message{margin-left:0;margin-right:0;max-width:100%;width:100%}}.context-menu{animation:contextMenuFadeIn .1s ease;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:120px;overflow:hidden}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.context-menu-item:hover{background:#f9fafb}.context-menu-item-danger{color:#dc2626}.context-menu-item-danger:hover{background:#fef2f2}.context-menu-icon{align-items:center;display:flex;font-size:.875rem;height:16px;justify-content:center;width:16px}.search-overlay-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.search-overlay-container{animation:slideDown .3s ease-out;left:50%;max-width:600px;position:fixed;top:30%;transform:translate(-50%,-50%);width:90%;z-index:1001}.search-overlay-input-wrapper{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000026,0 4px 10px #0000001a;margin-bottom:1rem;position:relative}.search-overlay-input{background:#0000;border:none;border-radius:24px;color:#111827;font-family:inherit;font-size:1rem;outline:none;padding:1rem 3rem 1rem 1.5rem;width:100%}.search-overlay-input::placeholder{color:#9ca3af}.search-overlay-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .15s ease;width:2rem}.search-overlay-close:hover{background:#f3f4f6;color:#374151}.search-overlay-results{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:400px;overflow-y:auto;padding:.5rem}.search-result-item{border-radius:8px;cursor:pointer;margin-bottom:.25rem;padding:.75rem 1rem;transition:background .15s ease}.search-result-item:hover{background:#f3f4f6}.search-result-title{color:#111827;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.search-result-title strong{background-color:#fef3c7;border-radius:2px;color:#92400e;font-weight:600;padding:0 2px}.search-result-preview{color:#6b7280;font-size:.85rem;line-height:1.4}.search-result-preview strong{background-color:#fef3c7;border-radius:2px;color:#92400e;font-weight:600;padding:0 2px}.search-no-results{color:#6b7280;font-size:.9rem;padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.login-page{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;width:100vw}.login-overlay,.login-page{align-items:center;display:flex;justify-content:center}.login-overlay{height:100%;width:100%}.login-popup{animation:loginSlideIn .3s ease-out;background:#fff;border-radius:20px;margin:20px;max-width:350px;padding:30px 20px;width:90%}@keyframes loginSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-title{-webkit-text-fill-color:#0000;background:#333;-webkit-background-clip:text;background-clip:text;color:#333;font-size:20px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#666;font-size:15px;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{width:100%}.login-input{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;font-size:12px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.login-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-input:disabled{cursor:not-allowed;opacity:.6}.login-input::placeholder{color:#999}.login-error{animation:shake .3s ease-out;background:#fee;border-radius:8px;color:#c33;font-size:14px;margin-top:-10px;padding:10px 14px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-button{background:#333;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-top:10px;text-align:center}.login-switch{color:#666;font-size:12px;line-height:3.5}.login-link{background:none;border:none;color:#52a6ff;cursor:pointer;font-weight:600;margin-left:5px;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#764ba2;text-decoration:underline}.login-link:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.login-popup{border-radius:15px;margin:20px;max-width:350px;padding:30px 20px;width:90%}.login-title{font-size:20px;margin-bottom:6px}.login-subtitle{font-size:13px;line-height:1.4}.login-header{margin-bottom:25px}.login-form{gap:18px}.login-input{appearance:none;-webkit-appearance:none;border-radius:8px;-webkit-border-radius:8px;padding:14px 16px}.login-button,.login-input{font-size:13px}.login-footer{margin-top:10px}.login-switch{font-size:13px;line-height:3.5}.login-link{border-radius:4px;display:inline-block}}@media (max-width:480px){.login-page{padding:10px}.login-popup{border-radius:12px;margin:10px;max-width:350;min-height:auto;padding:25px 15px;width:100%}.login-title{font-size:20px;margin-bottom:4px}.login-subtitle{font-size:13px;line-height:1.3}.login-header{margin-bottom:25px}.login-form{gap:18px}.login-input{border-radius:6px;padding:12px 14px}.login-button,.login-error,.login-input{font-size:13px}.login-error{border-radius:6px;margin-top:-8px;padding:8px 12px}.login-footer{margin-top:0}.login-switch{font-size:13px;line-height:3.5}}@media (max-width:360px){.login-popup{border-radius:10px;margin:8px;padding:20px 12px}.login-title{font-size:20px}.login-input,.login-subtitle{font-size:13px}.login-input{padding:10px 12px}}@media (max-height:600px) and (orientation:landscape){.login-popup{max-height:90vh;overflow-y:auto;padding:20px}.login-header{margin-bottom:25px}.login-title{font-size:20px;margin-bottom:2px}.login-subtitle{font-size:13px}.login-form{gap:18px}.login-footer{margin-top:0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-input{border-width:1px}.login-button{border:1px solid #0000}}@media (hover:none) and (pointer:coarse){.login-button:hover{box-shadow:0 4px 12px #667eea33;transform:none}.login-button:active{transform:scale(.98);transition:transform .1s ease}.login-link:hover{background-color:#52a6ff1a;text-decoration:none}.login-input:focus{transform:scale(1.02);transition:transform .2s ease}}@media (pointer:coarse){.login-button,.login-subtitle,.login-title{-webkit-user-select:none;user-select:none}.login-button{-webkit-tap-highlight-color:rgba(102,126,234,.2)}.login-link{-webkit-tap-highlight-color:rgba(82,166,255,.2)}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
/*# sourceMappingURL=main.e4a5b0e6.css.map*/