html{font-size:var(--font-size-base);height:100%;overflow-x:hidden}body{font-family:var(--font-family-sans);margin:0;padding:0;background-color:var(--background-main);color:var(--text-dark);height:100%;box-sizing:border-box;overflow:hidden;position:relative}#root{width:100%;height:100%}.app-container{width:100%;height:100%;background-color:var(--background-light);display:flex;flex-direction:column;overflow:hidden}body.main-view-active .app-container{background-color:transparent;justify-content:center;align-items:center;overflow:hidden}.error-message{color:var(--primary-accent);font-size:.9em;padding:8px;border-radius:4px;background-color:var(--user-message-bg);margin-bottom:15px;text-align:center}.spinner{width:36px;height:36px;border:3px solid rgba(0,0,0,.08);border-top:3px solid var(--primary-accent);border-right:3px solid var(--secondary-accent);border-bottom:3px solid transparent;border-left:3px solid transparent;border-radius:50%;animation:spin .7s cubic-bezier(.55,.15,.45,.85) infinite;margin:20px auto;box-shadow:0 2px 8px #3c78b414}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.loading-container p{margin-top:10px}.login-container{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;background:linear-gradient(to top,var(--background-main),var(--background-light))}.login-card{background-color:var(--card-background);border-radius:20px;box-shadow:0 8px 30px #0000001f;width:100%;max-width:400px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--card-border)}.login-content{padding:40px 30px;display:flex;flex-direction:column;align-items:center;gap:20px}.login-container h1{font-size:32px;color:var(--text-dark);margin:0}.google-signin-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background-color:#4285f4;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s,box-shadow .2s;box-shadow:0 2px 4px #0003;width:100%}.google-signin-button:hover{background-color:#357ae8;box-shadow:0 4px 8px #0003}.google-signin-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.login-error-message{color:var(--primary-accent);font-size:14px;margin:0;padding:10px 15px;background-color:var(--user-message-bg);border:1px solid var(--border-color);border-radius:8px;width:100%;box-sizing:border-box;word-wrap:break-word}.login-card footer{background-color:var(--background-light);padding:15px;border-top:1px solid var(--card-border)}.login-card footer a{color:var(--text-dark);text-decoration:none;font-size:14px;margin:0 10px;transition:color .2s}.login-card footer a:hover{color:var(--primary-accent)}.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header{background:var(--header-background-image) center/cover no-repeat,linear-gradient(45deg,var(--primary-accent),var(--secondary-accent));color:var(--text-light);padding:12px 20px;font-size:22px;font-weight:700;display:flex;justify-content:space-between;align-items:flex-start;gap:5px;border-bottom:none;flex-shrink:0;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.chat-header-left{display:flex;align-items:center;gap:15px;flex-grow:1}.chat-title{flex-grow:0}.new-topic-button{background-color:var(--primary-accent);border:none;width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .2s;box-shadow:0 1px 2px var(--shadow-color);margin-left:auto}.new-topic-button:hover{background-color:#5ac8fa;transform:scale(1.05)}.new-topic-button:focus{outline:2px solid var(--text-light);outline-offset:1px}.new-topic-button:disabled{background-color:var(--card-nav-button-disabled-bg);color:var(--card-nav-button-disabled-color);cursor:not-allowed;box-shadow:none;transform:none}.new-topic-button-container{display:flex;align-items:center}.new-topic-icon{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23e3e3e3"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4zm-6 7h-3v3h-2v-3H8V9h3V6h2v3h3v2z"/></svg>');background-repeat:no-repeat;background-position:center;width:24px;height:24px}.header-actions{display:flex;align-items:center;gap:5px}.user-avatar-container{position:relative;display:flex;align-items:center}.avatar-dropdown-trigger{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;border-radius:50%}.avatar-dropdown-trigger:focus{outline:2px solid var(--text-light);outline-offset:2px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--text-light);display:flex;align-items:center;justify-content:center}.initials-avatar{background-color:var(--secondary-accent);color:var(--text-light);font-size:16px;font-weight:700;text-transform:uppercase}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bot-message-bg);color:var(--text-dark);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);z-index:1000;min-width:180px;padding:4px 0}.dropdown-user-name{padding:8px 12px;font-size:.9em;color:var(--text-dark);border-bottom:1px solid var(--border-color);margin-bottom:4px;font-weight:400}.dropdown-logout-button{display:block;width:100%;background:none;border:none;color:var(--text-dark);padding:8px 12px;text-align:left;font-size:.9em;cursor:pointer;transition:background-color .2s}.dropdown-logout-button:hover{background-color:var(--background-light);color:var(--text-dark)}.messages-list{flex-grow:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:var(--background-main)}.message-item{padding:8px 12px;border-radius:18px;max-width:75%;word-wrap:break-word;font-size:15px;line-height:1.4;position:relative}.message-item.user{background-color:var(--user-message-bg);color:var(--text-light);align-self:flex-end;border-bottom-right-radius:5px}.message-item.bot{background-color:var(--bot-message-bg);color:var(--text-dark);align-self:flex-start;border-bottom-left-radius:5px}.message-item .message-text-content{margin:4px 0;white-space:pre-wrap}.message-item.bot p{margin:.5em 0}.message-item.bot p:first-child{margin-top:0}.message-item.bot p:last-child{margin-bottom:0}.message-item.bot ul,.message-item.bot ol{margin:.5em 0;padding-left:20px}.message-item.bot li{margin-bottom:.25em}.message-item.bot strong{font-weight:700;color:var(--primary-accent)}.message-item.bot em{font-style:italic}.message-item.bot code{background-color:var(--code-background);padding:.2em .4em;border-radius:3px;font-family:var(--font-family-monospace);font-size:.9em}.message-item.bot pre{background-color:var(--code-background);padding:10px;border-radius:4px;overflow-x:auto;font-family:var(--font-family-monospace);font-size:.9em;margin:.5em 0}.message-item.bot pre code{background-color:transparent;padding:0;border-radius:0}.message-item>strong{font-weight:700;display:block;margin-bottom:2px;font-size:.8em;color:var(--text-dark)}.message-item.user>strong{color:var(--text-light)}.image-preview-container{display:flex;align-items:center;padding:8px 10px;background-color:var(--background-light);border-top:1px solid var(--border-color);flex-shrink:0;margin-top:20px}.image-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:8px;margin-right:8px;border:1px solid var(--border-color)}.image-name{font-size:.9em;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;margin-right:8px}.remove-image-button{background:none;border:none;color:var(--text-dark);font-size:1.2em;cursor:pointer;padding:4px;line-height:1}.remove-image-button:hover{color:var(--primary-accent)}.message-input-area{display:flex;padding:10px 10px 0 0;background-color:transparent;align-items:center;flex-shrink:0;justify-content:center}.floating-answer-area .message-input-area{padding-left:10px}.message-input-wrapper{display:flex;flex-direction:column;width:100%;max-width:800px;position:relative;border:2px solid var(--border-color);border-radius:12px;transition:border-color .2s;padding:8px;box-shadow:0 -2px 10px #0000001a}.message-input-wrapper:focus-within{border-color:var(--secondary-accent)}.message-input-buttons{display:flex;justify-content:space-between;width:100%;margin-top:8px;height:24px}button.attach-image-button{width:24px;height:24px}.attach-image-button{width:24px;height:24px;padding:0;background-color:var(--secondary-accent);color:var(--text-light);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .2s;margin-right:8px}.attach-image-button:hover{background-color:var(--primary-accent);transform:scale(1.1)}.attach-image-button:disabled{background-color:var(--card-nav-button-disabled-bg);cursor:not-allowed;transform:none}.attach-image-button svg{width:12px;height:12px;stroke:var(--text-light)}.message-input-area input[type=text],.message-input-area textarea{flex-grow:1;padding:6px;border:none;background-color:transparent;font-size:16px;outline:none;font-family:var(--font-family-sans);resize:none;overflow-y:auto;width:100%}.message-input-area input[type=text]:focus,.message-input-area textarea:focus{border-color:var(--secondary-accent)}.message-input-area button[type=submit]{width:24px;height:24px;padding:0;background-color:var(--primary-accent);color:var(--text-light);border:none;border-radius:50%;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center}.message-input-area button[type=submit]:hover{background-color:var(--primary-accent);transform:scale(1.1)}.message-input-area button[type=submit]:disabled{background-color:var(--card-nav-button-disabled-bg);cursor:not-allowed;transform:none}.message-input-area button[type=submit] svg{width:16px;height:16px;stroke:var(--text-light);transform:translate(-1px) rotate(45deg)}.message-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.choice-button{background-color:var(--choice-button-bg);border:1px solid var(--choice-button-border);border-radius:18px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--choice-button-text);cursor:pointer;text-align:left;transition:background-color .2s,box-shadow .2s}.choice-button:not(:disabled):hover{background-color:var(--choice-button-hover-bg);border-color:var(--choice-button-hover-border)}.choice-button.selected{background-color:var(--choice-button-selected-bg);border-color:var(--choice-button-selected-border);color:var(--choice-button-selected-text);font-weight:700}.choice-button:disabled:not(.selected){background-color:var(--choice-button-disabled-bg);border-color:var(--choice-button-disabled-border);color:var(--choice-button-disabled-text);opacity:.8;cursor:not-allowed}.choice-button.selected:disabled{background-color:var(--choice-button-selected-bg);border-color:var(--choice-button-selected-border);color:var(--choice-button-selected-text);opacity:1;cursor:not-allowed}.user-message-image-container{margin-top:8px;margin-bottom:4px;text-align:right}.user-message-image-thumbnail{max-width:150px;max-height:150px;border-radius:8px;border:1px solid var(--border-color);object-fit:cover;cursor:pointer}.card-view-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;background-color:var(--background-main);overflow:hidden}.card-list{flex-grow:1;background-color:transparent;position:relative;overflow-y:auto;scroll-snap-type:y mandatory}.card-wrapper{height:100%;width:100%;scroll-snap-align:start;flex-shrink:0;padding:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.conversation-card{background-color:var(--card-background);border-radius:20px;border:2px solid var(--card-border);box-shadow:0 4px 10px var(--card-shadow);padding:12px 12px 12px 8px;display:flex;flex-direction:column;width:100%;max-height:100%;max-width:800px;animation:fadeIn .4s ease-out forwards;box-sizing:border-box;scrollbar-gutter:stable;margin-bottom:5px}@media (max-width: 768px){.conversation-card{height:100%}.chat-header{position:sticky;top:0;z-index:1}}.conversation-content-container{overflow-y:auto}.conversation-content{overflow-y:auto;max-height:100%}.scroll-indicator{position:absolute;right:12px;width:28px;height:28px;background-color:#f0f2f5d9;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000026;color:#333;transition:opacity .2s ease-in-out;opacity:.7;z-index:1;display:flex}.scroll-button{cursor:pointer;border:none;padding:0}.scroll-indicator.top{top:12px}.scroll-indicator.bottom{bottom:110px}.card-list .spinner{margin:auto}.card-list .error-message,.card-list .empty-state-message{text-align:center}.empty-state-message{color:var(--text-dark);font-size:1.1em;text-align:center}.card-navigation-controls{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;margin-top:30px}.card-nav-button{background-color:var(--card-nav-button-bg);color:var(--card-nav-button-color);border:1px solid var(--card-nav-button-border);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 4px var(--card-shadow)}.card-nav-button:hover{background-color:var(--card-nav-button-hover-bg);box-shadow:0 4px 8px var(--card-nav-button-hover-shadow);transform:scale(1.1)}.card-nav-button:disabled{background-color:var(--card-nav-button-disabled-bg);color:var(--card-nav-button-disabled-color);cursor:not-allowed;box-shadow:none;transform:none}.card-counter{background-color:var(--card-counter-bg);color:var(--card-counter-color);padding:4px 10px;border-radius:15px;font-size:13px;font-weight:500;margin:4px 0}.card-user-prompt,.card-bot-response{display:flex;gap:8px;align-items:flex-start}.card-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center}.card-content{display:flex;flex-direction:column;gap:4px;width:100%;margin-right:24px}.card-sender-name{font-weight:700;font-size:1.1rem;color:var(--text-dark)}.card-message-text{font-size:1.2rem;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;margin-top:4px;color:var(--card-text-color)}.card-message-text p:first-child{margin-top:0}.card-message-text p:last-child{margin-bottom:0}.card-message-text ul,.card-message-text ol{margin:.5em 0;padding-left:20px}.card-message-text li{margin-bottom:.25em}.card-message-text strong{font-weight:700}.card-message-text em{font-style:italic}.card-message-text code{background-color:#0000000d;padding:.2em .4em;border-radius:3px;font-family:var(--font-family-monospace);font-size:.9em}.card-message-text pre{background-color:#0000000d;padding:10px;border-radius:4px;overflow-x:auto;font-family:var(--font-family-monospace);font-size:.9em;margin:.5em 0}.card-message-text pre code{background-color:transparent;padding:0;border-radius:0}.card-separator{border:none;border-top:1px solid var(--card-separator-color);margin:5px 0 10px}.card-user-image{max-width:200px;max-height:200px;border-radius:12px;margin-top:8px;border:2px solid var(--card-user-image-border);object-fit:cover}.card-bot-response .message-choices{margin-top:12px}.typing-indicator-container{padding:10px 0;display:flex;align-items:center;min-height:24px}.typing-indicator{display:flex;align-items:center;gap:6px}.typing-indicator span{width:9px;height:9px;background-color:var(--typing-indicator-color);border-radius:50%;animation:typing-pulse 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing-pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bot-content-appear{animation:contentFadeIn .5s ease-out forwards}.answer-area{padding-left:8px;margin-left:8px}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5;background-image:radial-gradient(circle at 100% 100%,transparent 20%,rgba(255,255,255,.3) 21%,rgba(255,255,255,.3) 34%,transparent 35%,transparent 69%,transparent 70%,transparent 100%),radial-gradient(circle at 0 0,transparent 20%,rgba(255,255,255,.3) 21%,rgba(255,255,255,.3) 34%,transparent 35%,transparent 69%,transparent 70%,transparent 100%),radial-gradient(circle at 100% 0,transparent 20%,rgba(255,255,255,.3) 21%,rgba(255,255,255,.3) 34%,transparent 35%,transparent 69%,transparent 70%,transparent 100%),radial-gradient(circle at 0 100%,transparent 20%,rgba(255,255,255,.3) 21%,rgba(255,255,255,.3) 34%,transparent 35%,transparent 69%,transparent 70%,transparent 100%);background-size:50px 50px}.message-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem;margin-bottom:2rem;padding-bottom:1rem}.answer-area{display:none}@media (min-width: 768px){.answer-area{display:block}}.floating-answer-area{position:fixed;left:0;right:0;bottom:0;z-index:1000;background-color:var(--background-color, #ffffff);padding:8px;box-shadow:0 -2px 10px #0000001a;transition:bottom .2s ease-in-out}