input,textarea{font-size:16px!important}*{box-sizing:border-box}:root{--primary-color: #4eac6d;--bg-color: #f5f7fb;--text-color: #343a40;--secondary-text-color: #6c757d;--input-bg: #ffffff;--border-color: #e6e6e6;--own-message-bg: #e3f2fd;--other-message-bg: #ffffff}[data-theme=dark]{--primary-color: #348a54;--bg-color: #121212;--text-color: #f5f7fb;--secondary-text-color: #9aa0a6;--input-bg: #1e1e1e;--border-color: #2c2c2c;--own-message-bg: #1a2238;--other-message-bg: #262b32}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.chat-container{display:flex;flex-direction:column;height:calc(100svh - 60px);width:100%;margin:0;background-color:var(--bg-color)}@media (min-width: 768px) and (max-width: 1023px){.chat-container{width:100%;max-width:100%;margin:0}}@media (min-width: 1024px){.chat-container{max-width:70%;margin:0 auto;padding:0 32px}}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message{display:flex;flex-direction:column;margin-bottom:8px;max-width:70%}.message-content{padding:10px 12px 20px;border-radius:18px;background-color:var(--other-message-bg);color:var(--text-color);word-break:break-word;position:relative}.message-content p{margin-bottom:8px}.message-content pre{white-space:pre-wrap;word-wrap:break-word;width:100%;overflow:hidden;font-size:14px;line-height:1.4;padding-left:5%;padding-right:5%;background-color:#00000080;padding-block:.1875rem;margin-block:.25rem;border-radius:.25rem;position:relative}.message-content pre:before{content:"";display:block;position:absolute;top:0;bottom:0;inset-inline-start:0;width:.1875rem;background:#f68136}.spacer-div{height:.7rem}.message-content pre.long-text{font-size:12px}.own-message{align-self:flex-end}.other-message{align-self:flex-start}.own-message .message-content{background-color:var(--light-own-message-bg);border-bottom-right-radius:4px}.other-message .message-content{background-color:var(--light-other-message-bg);border-bottom-left-radius:4px}.timestamp{position:absolute;bottom:8px;right:12px;font-size:11px;color:var(--secondary-text-color);white-space:nowrap}.message-input-container{display:flex;align-items:center;padding:12px 16px;background-color:var(--input-bg);border-top:1px solid var(--border-color)}.message-input{flex:1;border:none;outline:none;padding:10px 16px;border-radius:20px;background-color:var(--bg-color);font-size:15px;color:var(--text-color)}.message-input::placeholder{color:var(--secondary-text-color)}.send-button{background-color:var(--primary-color);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:10px;cursor:pointer;transition:background-color .2s}.send-button:hover{background-color:#3d8b57}.send-icon{width:20px;height:20px;fill:#fff}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:#b8b8b8}.loading-container{display:flex;justify-content:center;align-items:center;height:100svh}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;justify-content:center;align-items:center;height:100svh}.new-chat-button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.new-chat-button:hover{background-color:#357a4a}.send-button:disabled{background-color:#d3d3d3;border:2px solid #cccccc;color:#fff;cursor:not-allowed;position:relative;opacity:.8}.send-button:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.end-chat-button-container{display:flex;justify-content:center;margin-top:10px}.end-chat-button{padding:10px 20px;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.end-chat-button:hover{background-color:#e63946}.new-chat-button-container{display:flex;justify-content:center;margin:10px 0}.new-chat-button{padding:10px 20px;background-color:#4eac6d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.new-chat-button:hover{background-color:#348a54}.input-container{display:flex;align-items:center;padding:10px;border-top:1px solid var(--border-color);background-color:var(--input-bg)}.input-field{flex:1;padding:10px;font-size:14px;border:1px solid var(--border-color);border-radius:4px;margin-right:8px}.input-field:disabled{background-color:var(--border-color);cursor:not-allowed}:root{--primary-color: #4eac6d;--bg-color: #f5f7fb;--text-color: #343a40;--input-bg: #ffffff;--border-color: #e6e6e6;--light-own-message-bg: #e3f2fd;--light-other-message-bg: #ffffff}[data-theme=dark]{--primary-color: #348a54;--bg-color: #121212;--text-color: #f5f7fb;--input-bg: #1e1e1e;--border-color: #2c2c2c;--light-own-message-bg: #1a2238;--light-other-message-bg: #262b32}.App{height:100svh;width:100%;max-width:100%;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color)}.menu{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:var(--primary-color);color:#fff;box-shadow:0 2px 5px #0003}.app-title{font-size:18px;font-weight:700}.theme-toggle-button{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:8px;border-radius:4px;transition:background .3s}.theme-toggle-button:hover{background:#fff3}.app{min-height:100vh;padding:2rem;transition:background-color .3s ease,color .3s ease}.app.light{background-color:#f3f4f6;color:#374151}.app.dark{background-color:#111827;color:#d1d5db}.demo-container{max-width:28rem;margin:0 auto}.theme-toggle-container{display:flex;justify-content:center;margin-bottom:2rem}.theme-toggle{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.app.light .theme-toggle{background-color:#1f2937;color:#fff}.app.light .theme-toggle:hover{background-color:#374151}.app.dark .theme-toggle{background-color:#eab308;color:#1f2937}.app.dark .theme-toggle:hover{background-color:#facc15}.site-header{text-align:left;margin-bottom:2rem}.site-header h1{font-size:1.5rem;font-weight:700;margin:0}.app.light .site-header h1{color:#1f2937}.app.dark .site-header h1{color:#fff}.development-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:.5rem;border:2px dashed;margin-bottom:1.5rem;transition:all .3s ease}.development-banner.light{background-color:#f9fafb;border-color:#d1d5db;color:#6b7280}.development-banner.dark{background-color:#1f293780;border-color:#4b5563;color:#d1d5db}.logo-container{margin-bottom:1rem;animation:pulse 2s infinite}.logo-svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.main-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.development-banner.light .main-title{color:#1f2937}.development-banner.dark .main-title{color:#fff}.subtitle{font-size:.875rem;text-align:center;margin:0 0 1rem;line-height:1.4}.development-banner.light .subtitle{color:#6b7280}.development-banner.dark .subtitle{color:#9ca3af}.loading-dots{display:flex;align-items:center;gap:.5rem}.dot{width:.5rem;height:.5rem;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.development-banner.light .dot{background-color:#10b981}.development-banner.dark .dot{background-color:#34d399}.dot-1{animation-delay:0ms}.dot-2{animation-delay:.15s}.dot-3{animation-delay:.3s}.new-chat-button{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;border:1px solid;transition:all .3s ease}.app.light .new-chat-button{background-color:#e5e7eb;color:#9ca3af;border-color:#d1d5db}.app.dark .new-chat-button{background-color:#374151;color:#6b7280;border-color:#4b5563}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 480px){.app,.development-banner{padding:1rem}.site-header h1{font-size:1.25rem}}