@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--bg-color: #0f0f11;--sidebar-bg: #18181b;--surface-color: #27272a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--border-color: #3f3f46;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--danger: #ef4444;--gemini-gradient: linear-gradient(90deg, #1d4ed8, #8b5cf6, #d946ef)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}.app-container{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{width:260px;background-color:var(--sidebar-bg);height:100%;display:flex;flex-direction:column;padding:16px;border-right:1px solid var(--border-color);transition:transform .3s ease;z-index:50}.new-chat-btn{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;transition:all .2s;width:100%;font-size:14px}.new-chat-btn:hover{background-color:#3f3f46}.chat-history{flex:1;overflow-y:auto;margin-top:24px}.main-area{flex:1;display:flex;flex-direction:column;position:relative}.header{height:60px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color)}.hamburger{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;margin-right:16px}.gemini-title{font-size:18px;font-weight:600;background:var(--gemini-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto;width:100%}.message{display:flex;gap:16px;animation:fadeIn .3s ease}.message.user{justify-content:flex-end}.message-bubble{max-width:90%;padding:12px 16px;border-radius:12px;font-size:15px}.message.user .message-bubble{background-color:var(--surface-color);border-bottom-right-radius:4px}.message.model .message-bubble{background:transparent;color:var(--text-primary);width:100%}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gemini-gradient)}.avatar.user-avatar{background:var(--surface-color)}.input-area{padding:24px;max-width:800px;margin:0 auto;width:100%;position:relative}.input-wrapper{background-color:var(--surface-color);border-radius:24px;padding:12px 20px;display:flex;align-items:flex-end;border:1px solid var(--border-color);transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent-blue)}textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:15px;resize:none;outline:none;max-height:200px;min-height:24px;padding:2px 0}.send-btn{background:var(--text-primary);color:var(--bg-color);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s;margin-left:12px}.send-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--sidebar-bg);padding:32px;border-radius:16px;width:90%;max-width:400px;border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #00000080}.modal h2{margin-bottom:8px}.modal p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.modal input{width:100%;padding:12px;border-radius:8px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);margin-bottom:24px;outline:none}.modal input:focus{border-color:var(--accent-blue)}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:10px 16px;border-radius:8px;cursor:pointer;border:none;font-weight:500}.modal-btn.primary{background:var(--text-primary);color:var(--bg-color)}.modal-btn.secondary{background:var(--border-color);color:var(--text-primary)}.markdown-body{line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:24px;margin-bottom:16px;font-weight:600}.markdown-body p{margin-bottom:12px}.markdown-body ul,.markdown-body ol{margin-bottom:12px;padding-left:20px}.markdown-body pre{background:#1e1e1e;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.markdown-body code{font-family:inherit;background:#2d2d2d;padding:2px 4px;border-radius:4px}.markdown-body pre code{background:transparent;padding:0;font-family:monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hamburger{display:block}.sidebar{position:absolute;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.model-select-btn{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;outline:none;transition:all .2s}.model-select-btn:hover{border-color:var(--accent-blue)}.model-select-btn:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}select option{background-color:#18181b;color:#f4f4f5}