@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f0f4f9;--bg-sidebar:#f0f4f9;--bg-hover:#e3e8ef;--bg-active:#d3e3fd;--text-primary:#1f1f1f;--text-secondary:#474747;--text-muted:#757575;--border-color:#e3e8ef;--accent-color:#1a73e8;--accent-gradient:linear-gradient(135deg, #1a73e8 0%, #8ab4f8 100%);--gemini-gradient:linear-gradient(74deg, #4285f4 0%, #9b72cb 9%, #d96570 20%, #f1ae44 35%, #9b72cb 52%, #4285f4 71%, #9b72cb 87%, #d96570 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--radial-glow:radial-gradient(circle at center, #d3e3fd66 0%, #fff 75%);--font-main:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-display:"Outfit", "Segoe UI", system-ui, sans-serif;--sidebar-width:280px;--sidebar-collapsed-width:68px}:root.dark{--bg-primary:#131314;--bg-secondary:#1e1f20;--bg-sidebar:#1e1f20;--bg-hover:#2d2f31;--bg-active:#004a77;--text-primary:#e3e3e3;--text-secondary:#c4c7c5;--text-muted:#8e918f;--border-color:#2d2f31;--accent-color:#8ab4f8;--accent-gradient:linear-gradient(135deg, #8ab4f8 0%, #c2e7ff 100%);--radial-glow:radial-gradient(circle at center, #1f263bb3 0%, #131314 75%);--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s}body,html,#root{width:100%;height:100%;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}button{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;font-family:inherit;display:flex}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{width:100%;height:100%;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);z-index:10;border-right:1px solid #0000;flex-direction:column;flex-shrink:0;height:100%;padding:20px 12px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.collapsed{width:var(--sidebar-collapsed-width);padding:20px 8px}.sidebar-header{justify-content:space-between;align-items:center;height:40px;margin-bottom:24px;padding:0 8px;display:flex}.logo-container{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);align-items:center;gap:8px;font-size:22px;font-weight:500;display:flex;overflow:hidden}.logo-sparkle{background:var(--gemini-gradient);width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L14.85 9.15L22 12L14.85 14.85L12 22L9.15 14.85L2 12L9.15 9.15L12 2Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L14.85 9.15L22 12L14.85 14.85L12 22L9.15 14.85L2 12L9.15 9.15L12 2Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.menu-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:50%}.menu-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.action-buttons{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.new-chat-btn{background-color:var(--bg-hover);color:var(--text-secondary);border-radius:24px;justify-content:flex-start;align-self:flex-start;align-items:center;gap:12px;width:auto;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar.collapsed .new-chat-btn{border-radius:50%;padding:12px}.new-chat-btn:hover{background-color:var(--bg-active);color:var(--accent-color)}.new-chat-text{white-space:nowrap}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;text-decoration:none;display:flex}.sidebar-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar-section{flex-direction:column;margin-bottom:16px;display:flex;overflow:hidden}.section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;font-size:12px;font-weight:600}.section-list{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.sidebar.collapsed .section-header,.sidebar.collapsed .section-list{display:none}.list-item{color:var(--text-secondary);cursor:pointer;group:true;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13.5px;display:flex;position:relative}.list-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.list-item.active{background-color:var(--bg-active);color:var(--text-primary);font-weight:500}.list-item-content{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-items:center;gap:10px;display:flex;overflow:hidden}.list-item-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-actions{display:none;position:absolute;right:8px}.list-item:hover .item-actions{gap:4px;display:flex}.action-icon-btn{width:24px;height:24px;color:var(--text-muted);border-radius:50%}.action-icon-btn:hover{color:var(--text-primary);background-color:#0000001a}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:8px;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-footer{border-top:none;flex-direction:column;gap:16px;padding:8px 0}.profile-container{align-items:center;gap:10px;display:flex;overflow:hidden}.avatar{background:var(--gemini-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.profile-info{white-space:nowrap;flex-direction:column;display:flex}.profile-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.profile-tier{color:var(--text-muted);font-size:11px}.sidebar.collapsed .profile-info{display:none}.chat-area{background:var(--radial-glow);flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:none}@media (width<=768px){.chat-header{display:flex}.sidebar{transition:left .3s;position:absolute;top:0;bottom:0;left:-280px}.sidebar.mobile-open{left:0;box-shadow:4px 0 24px #00000026}.sidebar-backdrop{z-index:9;background-color:#0000004d;position:absolute;inset:0}}.greeting-container{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:24px;animation:.8s fadeIn;display:flex}.greeting-text{font-family:var(--font-display);background:linear-gradient(74deg,#4285f4 0%,#9b72cb 30%,#d96570 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:32px;font-size:clamp(28px,5vw,44px);font-weight:500;animation:4s linear infinite textShimmer}.messages-container{scroll-behavior:smooth;flex-direction:column;flex-grow:1;gap:32px;padding:40px 15% 120px;display:flex;overflow-y:auto}@media (width<=1024px){.messages-container{padding:30px 8% 120px}}@media (width<=640px){.messages-container{padding:20px 4% 120px}}.message-bubble{gap:16px;max-width:100%;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.message-bubble.user{flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message-avatar.ai{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--accent-color)}.message-avatar.user{background:var(--gemini-gradient);color:#fff;font-size:13px;font-weight:600}.message-content-wrapper{flex-direction:column;gap:8px;max-width:80%;display:flex}.message-bubble.user .message-content-wrapper{align-items:flex-end}.message-sender{color:var(--text-muted);font-size:12px;font-weight:600}.message-bubble.user .message-bubble-body{background-color:var(--bg-hover);color:var(--text-primary);word-break:break-word;box-shadow:var(--shadow-sm);border-radius:20px 4px 20px 20px;padding:12px 18px;font-size:15px;line-height:1.5}.message-bubble.ai .message-bubble-body{color:var(--text-primary);word-break:break-word;font-size:15px;line-height:1.6}.typing-cursor{background-color:var(--accent-color);vertical-align:middle;width:6px;height:15px;margin-left:4px;animation:.8s infinite blink;display:inline-block}.message-actions{opacity:0;gap:8px;margin-top:8px;transition:opacity .2s;display:flex}.message-bubble:hover .message-actions{opacity:1}.message-action-btn{width:28px;height:28px;color:var(--text-muted);border-radius:50%}.message-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.input-section{background:linear-gradient(180deg, #fff0 0%, var(--bg-primary) 50%);pointer-events:none;flex-direction:column;align-items:center;padding:0 15% 24px;display:flex;position:absolute;bottom:0;left:0;right:0}:root.dark .input-section{background:linear-gradient(180deg, #13131400 0%, var(--bg-primary) 50%)}@media (width<=1024px){.input-section{padding:0 8% 24px}}@media (width<=640px){.input-section{padding:0 4% 16px}}.input-pill-wrapper{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;max-width:760px;box-shadow:var(--shadow-md);pointer-events:auto;border-radius:32px;align-items:center;gap:12px;padding:8px 16px;transition:box-shadow .2s,border-color .2s;display:flex}.input-pill-wrapper:focus-within{border-color:#cbd5e1;box-shadow:0 4px 20px -2px #0000001a}:root.dark .input-pill-wrapper{background-color:var(--bg-secondary)}.pill-left,.pill-right{align-items:center;gap:4px;display:flex}.pill-input{resize:none;flex-grow:1;max-height:120px;padding:4px 0;font-size:15px;line-height:24px}.pill-btn{width:40px;height:40px;color:var(--text-secondary);border-radius:50%;transition:all .2s}.pill-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.pill-btn.send-btn{background:var(--gemini-gradient);color:#fff}.pill-btn.send-btn:hover{opacity:.9;transform:scale(1.05)}.model-dropdown-container{position:relative}.model-badge{background-color:var(--bg-hover);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.model-badge:hover{background-color:var(--bg-active);color:var(--accent-color)}.model-dropdown-menu{background-color:var(--bg-primary);border:1px solid var(--border-color);width:180px;box-shadow:var(--shadow-lg);z-index:20;border-radius:12px;flex-direction:column;gap:2px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.model-dropdown-item{cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.model-dropdown-item:hover{background-color:var(--bg-hover)}.model-dropdown-item.active{background-color:var(--bg-active);color:var(--accent-color)}.model-name{font-size:13px;font-weight:600}.model-desc{color:var(--text-muted);font-size:11px}.disclaimer-text{color:var(--text-muted);pointer-events:auto;margin-top:10px;font-size:11.5px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);width:90%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:20px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:600}.close-btn{width:32px;height:32px;color:var(--text-muted);border-radius:50%}.close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;display:flex}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-label{color:var(--text-secondary);font-size:13.5px;font-weight:600}.settings-input-wrapper{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:10px;align-items:center;padding:0 12px;display:flex;position:relative}.settings-input{width:100%;padding:10px 0;font-size:14px}.toggle-pwd-btn{color:var(--text-muted);width:28px;height:28px}.select-btn-group{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:8px;padding:4px;display:flex}.select-option-btn{color:var(--text-secondary);border-radius:8px;flex-grow:1;padding:8px 12px;font-size:13.5px;font-weight:500}.select-option-btn.active{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.reset-btn{color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:10px;font-size:13.5px;font-weight:500;transition:all .2s}.reset-btn:hover{background-color:#fecaca}:root.dark .reset-btn{color:#fca5a5;background-color:#450a0a;border-color:#7f1d1d}:root.dark .reset-btn:hover{background-color:#7f1d1d}.markdown-body{color:var(--text-primary);font-size:15px;line-height:1.6}.markdown-body p{margin-bottom:12px}.markdown-body ul,.markdown-body ol{margin-bottom:12px;margin-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body blockquote{border-left:4px solid var(--accent-color);color:var(--text-muted);margin-bottom:12px;padding-left:12px}.markdown-body pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:14px;overflow-x:auto}.markdown-body code{background-color:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-family:Consolas,Courier New,Courier,monospace;font-size:13.5px}.markdown-body pre code{background-color:#0000;border-radius:0;padding:0}.upload-indicator{background-color:var(--bg-active);border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-bottom:8px;padding:6px 12px;font-size:12px;animation:.3s slideUp;display:flex}.upload-progress{background-color:var(--border-color);border-radius:1.5px;width:60px;height:3px;overflow:hidden}.upload-progress-bar{background-color:var(--accent-color);height:100%;animation:1.5s forwards progressLoad}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes textShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes progressLoad{0%{width:0%}to{width:100%}}