:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.chat-container{width:100%;max-width:800px;height:90vh;background-color:var(--chat-bg-color);border-radius:10px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:20px;background-color:var(--header-bg-color);color:var(--header-text-color);text-align:center;position:relative}.chat-header h1{font-size:1.5rem;margin-bottom:5px}.chat-header p{font-size:.9rem;opacity:.9}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--header-bg-color)}.message{margin-bottom:15px;max-width:80%;animation:fadeIn .3s ease-in}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;position:relative}.message.user .message-content{background-color:var(--message-user-bg);color:var(--message-user-text);border-bottom-right-radius:4px}.message.ai .message-content{background-color:var(--message-ai-bg);color:var(--message-ai-text);border-bottom-left-radius:4px}.message-text{line-height:1.4}.message-time{font-size:.7rem;opacity:.7;margin-top:5px;text-align:right}.welcome-message{text-align:center;padding:30px;color:var(--welcome-text-color)}.welcome-message p{font-size:1.1rem}.input-container{display:flex;padding:15px;border-top:1px solid var(--border-color);background-color:var(--input-bg-color)}.input-container input{flex:1;padding:12px 15px;border:1px solid var(--input-border-color);border-radius:24px;outline:none;font-size:1rem;transition:border-color .3s;background-color:var(--input-bg-color);color:var(--message-ai-text)}.input-container input:focus{border-color:var(--header-bg-color)}.input-container button{margin-left:10px;padding:12px 20px;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:24px;cursor:pointer;font-size:1rem;transition:background-color .3s}.input-container button:hover:not(:disabled){background-color:#3a5a80}.input-container button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color);cursor:not-allowed}.typing-indicator{display:flex;align-items:center}.typing-indicator span{height:8px;width:8px;border-radius:50%;background-color:var(--typing-indicator-color);display:inline-block;margin:0 2px;animation:bounce 1.5s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.chat-container{height:95vh;border-radius:8px}.message{max-width:90%}.input-container{padding:10px}.input-container input{padding:10px 12px;font-size:.9rem}.input-container button{padding:10px 15px;font-size:.9rem}}.collapsible-thoughts{margin:10px 0;border-left:3px solid var(--thoughts-border-color);padding-left:10px;background-color:var(--thoughts-bg-color);border-radius:4px}.collapsible-thoughts details{margin:5px 0}.collapsible-thoughts summary{cursor:pointer;font-weight:700;color:var(--thoughts-summary-color);padding:5px 0}.collapsible-thoughts .thoughts-content{font-family:monospace;white-space:pre-wrap;padding:10px;background-color:var(--thoughts-content-bg);border-radius:4px;margin-top:5px}.settings-button{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--header-text-color);padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.settings-button:hover{color:#fffc}.settings-button svg{width:24px;height:24px}.message-content img{max-width:100%;height:350px;border-radius:8px;display:block;margin:10px auto;box-shadow:0 2px 5px #0003}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--chat-bg-color);border-radius:10px;padding:20px;width:90%;max-width:500px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;color:var(--message-ai-text)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:20px}.modal-header h2{margin:0;color:var(--header-text-color)}.modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--message-ai-text);padding:0 5px}.modal-close-button:hover{color:var(--header-bg-color)}.modal-body{display:flex;flex-direction:column;gap:15px}.setting-item{display:flex;flex-direction:column}.setting-item label{font-weight:700;margin-bottom:5px;color:var(--thoughts-summary-color)}.setting-item select,.setting-item input[type=text]{padding:8px 30px 8px 12px;border-radius:5px;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--message-ai-text);font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2C197.3L159.3%2C69.6c-3.6-3.6-8.6-5.6-13.7-5.6s-10.1%2C2-13.7%2C5.6L5.4%2C197.3c-7.3%2C7.3-7.3%2C19.1%2C0%2C26.4c3.6%2C3.6%2C8.6%2C5.6%2C13.7%2C5.6s10.1-2%2C13.7-5.6l120.7-120.7l120.7%2C120.7c3.6%2C3.6%2C8.6%2C5.6%2C13.7%2C5.6s10.1-2%2C13.7-5.6C294.3%2C216.4%2C294.3%2C204.6%2C287%2C197.3z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.setting-item select:focus,.setting-item input[type=text]:focus{outline:2px solid var(--header-bg-color);outline-offset:2px}.login-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.login-modal-content{background-color:var(--chat-bg-color);border-radius:10px;padding:30px;width:90%;max-width:400px;box-shadow:0 5px 20px #00000080;display:flex;flex-direction:column;color:var(--message-ai-text)}.login-modal-content h2{text-align:center;margin-bottom:25px;color:var(--header-bg-color)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--thoughts-summary-color)}.form-group input{width:calc(100% - 24px);padding:12px;border-radius:8px;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--message-ai-text);font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:var(--header-bg-color);outline:none}.login-modal-content button{width:100%;padding:12px;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background-color .3s;margin-top:20px}.login-modal-content button:hover:not(:disabled){background-color:#3a5a80}.login-modal-content button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color);cursor:not-allowed}.error-message{color:#e74c3c;text-align:center;margin-top:15px;font-size:.9rem}:root{--bg-color: #f5f5f5;--chat-bg-color: white;--header-bg-color: #4a6fa5;--header-text-color: white;--message-user-bg: #4a6fa5;--message-user-text: white;--message-ai-bg: #f0f0f0;--message-ai-text: #333;--input-bg-color: white;--input-border-color: #ddd;--welcome-text-color: #666;--border-color: #eee;--typing-indicator-color: #999;--thoughts-border-color: #4a6fa5;--thoughts-bg-color: rgba(74, 111, 165, .05);--thoughts-content-bg: rgba(0, 0, 0, .03);--thoughts-summary-color: #4a6fa5;--button-bg-color: #4a6fa5;--button-text-color: white;--button-disabled-bg-color: #a0a0a0;--button-disabled-text-color: #e0e0e0}.dark-mode{--bg-color: #1a1a1a;--chat-bg-color: #2d2d2d;--header-bg-color: #3a4a5a;--header-text-color: #f0f0f0;--message-user-bg: #3a4a5a;--message-user-text: white;--message-ai-bg: #3a3a3a;--message-ai-text: #f0f0f0;--input-bg-color: #3a3a3a;--input-border-color: #555;--welcome-text-color: #aaa;--border-color: #444;--typing-indicator-color: #aaa;--thoughts-border-color: #6a8aa5;--thoughts-bg-color: rgba(74, 111, 165, .1);--thoughts-content-bg: rgba(255, 255, 255, .05);--thoughts-summary-color: #6a8aa5;--button-bg-color: #6a8aa5;--button-text-color: white;--button-disabled-bg-color: #505050;--button-disabled-text-color: #b0b0b0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;min-height:100vh}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.logout-button{position:absolute;top:20px;left:20px;background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:24px;padding:8px 15px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.logout-button:hover{background-color:#3a5a80}