@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb:hover{background:#0ff}:root{--primary-slate:#2e3a59;--accent-cyan:#0ff;--background-light:#f8f9fa;--background-white:#fff;--text:#2e3a59;--text-light:#f8f9fa;--border:#e5e7eb;--primary-glow:#00ffff26;--code-bg-container:#f0f2f5;--code-bg-header:#e8ebf0;--code-text-header:#6c757d;--scrollbar-thumb:var(--accent-cyan);--scrollbar-track:var(--primary-slate)}body{color:#2e3a59;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow:hidden}.app-container,body{background:#f8f9fa;background:var(--background-light);height:100vh}.app-container{display:flex;width:100vw}.sidebar{background:#2e3a59;background:var(--primary-slate);display:flex;flex-direction:column;height:100vh;left:0;padding:16px;position:fixed;top:0;width:280px;z-index:10}.sidebar-header{padding:0 0 16px}.logo-container{gap:12px;margin-bottom:24px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:#0ff;background:var(--accent-cyan);border-radius:8px;color:#2e3a59;color:var(--primary-slate);font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.logo-text{font-size:20px;font-weight:600}.logo-text,.new-chat-button{color:#f8f9fa;color:var(--text-light)}.new-chat-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:0 0 16px;padding:12px;transition:all .2s ease;width:100%}.new-chat-button:hover{background:#ffffff1a}.plus-icon{font-size:16px}.chat-history{display:flex;flex-direction:column;flex-grow:1;gap:4px;margin:0 -16px;overflow-y:auto;padding:0 16px}.chat-history-item{align-items:center;border-radius:6px;color:#f8f9fa;color:var(--text-light);cursor:pointer;display:flex;justify-content:space-between;opacity:1;padding:10px 12px;transition:background-color .2s,color .2s,opacity .2s}.chat-history-item:hover{background-color:#ffffff0d;opacity:1}.chat-history-item.active{background-color:#0ff;background-color:var(--accent-cyan);color:#2e3a59;color:var(--primary-slate);font-weight:600;opacity:1}.chat-title{flex-grow:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-chat-button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;opacity:0;padding:0 4px;transition:opacity .2s;visibility:hidden}.chat-history-item:hover .delete-chat-button{opacity:.6;visibility:visible}.delete-chat-button:hover{opacity:1}.sidebar-section{border-top:1px solid #ffffff1a;color:#f8f9fa;color:var(--text-light);margin:0;padding:16px 0 0}.appearance-toggle{cursor:pointer;padding:16px 0;text-align:center}.appearance-modal{background:#0003;border-radius:10px;margin:16px 0 0;padding:12px}.appearance-modal-header{color:#f8f9fa;color:var(--text-light);font-size:14px;font-weight:500;margin-bottom:12px;opacity:.9}.theme-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#f8f9fa;color:var(--text-light);cursor:pointer;font-size:13px;margin-bottom:6px;opacity:.8;padding:10px 12px;text-align:left;transition:background-color .2s,border-color .2s;width:100%}.theme-button:hover{background:#ffffff26;border-color:#fff3;opacity:1}.main-content{background:#f8f9fa;background:var(--background-light);flex:1 1;height:100vh;margin-left:280px}.chat-container,.main-content{display:flex;flex-direction:column}.chat-container{flex-grow:1;margin:0 auto;max-width:920px;overflow:hidden;padding:0 24px;width:100%}.messages-container{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:24px 8px 24px 0}.messages-container::-webkit-scrollbar-track{background:#2e3a59;background:var(--scrollbar-track);border-radius:8px;margin-right:4px}.message-wrapper{display:flex;flex-direction:column;margin-bottom:28px}.message-wrapper.bot{align-items:flex-start}.message-wrapper.user{align-items:flex-end}.message-content{background:#0000;border:none;box-shadow:none;max-width:95%;padding:0}.message-wrapper.user .message-content{background:#0000}.message-text{word-wrap:break-word;border-radius:12px;color:#2e3a59;color:var(--text);font-size:16px;line-height:1.7;padding:12px 16px;white-space:pre-wrap}.message-text-content{text-align:start}.message-wrapper.user .message-text{background:#0ff;background:var(--accent-cyan);color:#2e3a59;color:var(--primary-slate)}.message-wrapper.bot .message-text{background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border)}.code-block-container{background:#f0f2f5;background:var(--code-bg-container);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;margin:16px 0;overflow:hidden;position:relative}.code-block-header{align-items:center;background-color:#e8ebf0;background-color:var(--code-bg-header);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6c757d;color:var(--code-text-header);display:flex;font-family:Consolas,Monaco,monospace;font-size:13px;justify-content:space-between;padding:8px 16px}.copy-code-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:relative;transition:all .2s;width:24px}.copy-code-button:hover{color:#333}.copy-code-button .copy-text{display:none;font-size:12px;white-space:nowrap}.copy-code-button .copy-icon{align-items:center;display:inline-flex;justify-content:center}.copy-code-button.copied{background-color:#eaf6ec;border:1px solid #b8e0c2;padding:3px 8px;width:auto}.copy-code-button.copied .copy-icon{display:none}.copy-code-button.copied .copy-text{color:#28a745;display:inline;font-weight:500}.code-block{background:#fff;background:var(--background-white);font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;margin:0;max-width:100%;overflow-x:auto;padding:16px;text-align:left}.code-block,.code-block code{color:#2e3a59;color:var(--text)}.code-block code{background:none;font-size:inherit;padding:0}.message-text code,.message-text pre{background:none;border:none;border-radius:0;margin:0;max-width:100%;padding:0;text-align:left}.message-text :not(pre)>code{background:#2e3a591a;border-radius:4px;color:#2e3a59;color:var(--text);font-size:.9em;padding:.2em .4em}.input-container{background:#f8f9fa;background:var(--background-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);padding:24px 0}.input-wrapper{align-items:center;background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:flex;padding:6px;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#0ff;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00ffff26;box-shadow:0 0 0 3px var(--primary-glow)}.message-input{background:#0000;border:none;color:#2e3a59;color:var(--text);flex-grow:1;font-family:inherit;font-size:16px;line-height:1.5;max-height:200px;outline:none;overflow-y:hidden;padding:10px;resize:none}.message-input::placeholder{color:#828a99}.message-input::-webkit-scrollbar{background:#f4f6fa;border-radius:6px;width:8px}.message-input::-webkit-scrollbar-thumb{background:#e0e6ef;border-radius:6px}.message-input::-webkit-scrollbar-thumb:hover{background:#cfd8e3}.message-input::-webkit-scrollbar-corner{background:#f4f6fa}.message-input{scrollbar-color:#e0e6ef #f4f6fa;scrollbar-width:thin}.send-button{align-items:center;background:#0ff;background:var(--accent-cyan);border:none;border-radius:8px;color:#2e3a59;color:var(--primary-slate);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:opacity .2s ease}.send-button:hover:not(:disabled){opacity:.85}.send-button:disabled{cursor:not-allowed;opacity:.5}.warning-message{color:#dc3545;font-size:14px;margin-top:10px;text-align:center}.typing-indicator-inline{align-items:center;display:flex;padding:10px 0}.typing-indicator-inline .dot{animation:dot-bounce 1.4s ease-in-out infinite both;background-color:#8e8e8e;border-radius:50%;height:8px;margin:0 3px;width:8px}.typing-indicator-inline .dot:first-child{animation-delay:-.32s}.typing-indicator-inline .dot:nth-child(2){animation-delay:-.16s}.typing-indicator-inline .dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.welcome-enhancements{padding:20px 0}.example-prompts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.prompt-card{background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.prompt-card:hover{border-color:#0ff;border-color:var(--accent-cyan);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.prompt-card h4{color:#2e3a59;color:var(--text);font-size:15px;font-weight:500;margin:0 0 8px}.prompt-card p{color:#6c757d;font-size:14px;font-weight:400;margin:0}@media (max-width:900px){.sidebar{position:absolute;transform:translateX(-100%)}.main-content{margin-left:0}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:100%}.main-content{margin-left:0}.chat-container{padding:0 16px}.example-prompts{grid-template-columns:1fr}}.bot-typing-anim{animation:bot-slide-in .5s cubic-bezier(.4,0,.2,1);left:0;opacity:1;position:relative}@keyframes bot-slide-in{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.custom-scrollbar,::-webkit-scrollbar{background:#2e3a59;background:var(--scrollbar-track);border-radius:8px;width:8px}::-webkit-scrollbar-thumb{background:#0ff;background:var(--scrollbar-thumb);border-radius:8px;min-height:40px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#00e0e0}::-webkit-scrollbar-corner{background:#2e3a59;background:var(--scrollbar-track)}*,.custom-scrollbar{scrollbar-color:#0ff #2e3a59;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.attach-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#2e3a59;color:var(--primary-slate);cursor:pointer;display:flex;justify-content:center;margin-right:4px;padding:6px;transition:background .2s,color .2s}.attach-button:hover{background:#00ffff26;background:var(--primary-glow);color:#0ff;color:var(--accent-cyan)}.file-preview{align-items:flex-start;background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;margin-bottom:8px;max-width:220px;padding:12px}.remove-file-btn{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:4px;padding:4px 10px}.remove-file-btn:hover{background:#d9363e}.code-edit-textarea{background:#f8f9fa;background:var(--background-light);border:1px solid #e5e7eb;border-radius:10px;color:#2e3a59;color:var(--text);font-family:Fira Code,Consolas,monospace;font-size:16px;margin-top:0;min-height:350px;padding:18px;resize:vertical;width:100%}.code-block-header .copy-code-button{margin-left:8px}.crazy-modal-overlay{align-items:center;animation:crazyFadeIn .5s cubic-bezier(.68,-.55,.27,1.55);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.crazy-modal{animation:crazyPopIn .5s cubic-bezier(.68,-.55,.27,1.55);background:#fff;background:var(--background-white);border-radius:18px;box-shadow:0 8px 40px 0 #00ffff55,0 1.5px 8px #000;color:#2e3a59;color:var(--text);max-width:1200px;outline:none;padding:48px 40px 32px;position:relative;width:100vw}.crazy-modal-content{align-items:stretch;animation:crazyWobble 1.2s ease-in-out infinite alternate;display:flex;flex-direction:column}.crazy-modal-btn{background:#0ff;border:none;border-radius:8px;box-shadow:0 2px 8px #0ff3;color:#2e3a59;color:var(--primary-slate);cursor:pointer;font-size:18px;font-weight:600;margin-bottom:0;margin-top:0;padding:12px 28px;transition:background .2s,color .2s,transform .2s}.crazy-modal-btn:hover{background:#00e0e0;color:#111;transform:scale(1.07) rotate(-2deg)}@keyframes crazyPopIn{0%{opacity:0;transform:scale(.7) rotate(-8deg)}60%{opacity:1;transform:scale(1.1) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes crazyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes crazyWobble{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.code-block-header span{text-align:left!important}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{background:#0d1117;color:#c9d1d9}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{background-color:#033a16;color:#aff5b4}.hljs-deletion{background-color:#67060c;color:#ffdcd7}
/*# sourceMappingURL=main.264f50be.css.map*/