.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:12px;transition:transform .3s;display:flex;position:relative}.sidebar-header{justify-content:flex-end;margin-bottom:16px;display:flex}.icon-button{border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:center;align-items:center;padding:8px;display:flex}.icon-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-nav,.sidebar-section{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.nav-item:hover{background-color:var(--bg-hover)}.nav-item.new-chat{color:var(--text-primary)}.section-title{color:var(--text-secondary);margin-top:8px;padding:8px 12px;font-size:12px}.recent-list{flex-direction:column;display:flex;overflow-y:auto}.recent-item{color:var(--text-primary);text-align:left;border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;padding:8px 12px;font-size:13px;overflow:hidden}.recent-item:hover{background-color:var(--bg-hover)}.sidebar-footer{margin-top:auto;padding-top:12px;position:relative}.user-profile-btn{border-radius:var(--radius-md);text-align:left;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.user-profile-btn:hover{background-color:var(--bg-hover)}.avatar{color:#1a1a1a;border-radius:var(--radius-full);background-color:#d8d4cf;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:500}.user-plan{color:var(--text-secondary);font-size:12px}.user-menu-popup{background-color:var(--bg-button);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;width:240px;padding:8px 0;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 12px #0003}.user-menu-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:8px 16px 12px;font-size:13px}.user-menu-items{flex-direction:column;display:flex}.user-menu-items button{text-align:left;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.user-menu-items button:hover{background-color:var(--bg-hover)}.shortcut{color:var(--text-secondary);margin-left:auto;font-size:12px}.arrow{color:var(--text-secondary);margin-left:auto}.divider{background-color:var(--border-color);height:1px;margin:8px 0}.input-container-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.input-box{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;width:100%;padding:12px 12px 8px;transition:border-color .2s,background-color .2s;display:flex;box-shadow:0 4px 12px #0000001a}.input-box:focus-within{background-color:#333230;border-color:#555}.message-textarea{resize:none;width:100%;color:var(--text-primary);background:0 0;border:none;min-height:24px;max-height:200px;padding:0 4px;font-size:16px;line-height:1.5}.message-textarea::placeholder{color:var(--text-placeholder)}.input-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.right-actions{align-items:center;gap:8px;display:flex}.model-selector-container{position:relative}.model-selector-btn{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:flex}.model-selector-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.model-dropdown{background-color:var(--bg-button);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;width:220px;padding:8px 0;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000004d}.model-option{width:100%;color:var(--text-primary);text-align:left;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.model-option:hover{background-color:var(--bg-hover)}.check-icon{color:var(--accent-orange)}.send-btn{border-radius:var(--radius-full);background-color:var(--accent-orange);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.send-btn:hover:not(:disabled){background-color:var(--accent-orange-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.suggestion-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.chip{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);background-color:#0000;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.chip:hover{background-color:var(--bg-hover);color:var(--text-primary)}.chat-area{flex-direction:column;height:100vh;display:flex;position:relative}.chat-header{z-index:10;align-items:center;height:48px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.chat-scroll-area{flex-direction:column;flex:1;align-items:center;padding-top:48px;display:flex;overflow-y:auto}.chat-scroll-area.initial-state{justify-content:center;padding-top:0}.greeting-container{align-items:center;gap:16px;margin-bottom:32px;display:flex}.greeting-text{color:#e1ded6;font-size:32px;font-weight:400}.messages-container{flex-direction:column;flex:1;gap:24px;width:100%;max-width:800px;padding:24px 16px 40px;display:flex}.message-wrapper{width:100%;display:flex}.message-wrapper.user{justify-content:flex-end}.message-wrapper.user .message-content{background-color:var(--bg-input);border-radius:var(--radius-lg);max-width:80%;padding:12px 16px}.message-wrapper.assistant{justify-content:flex-start}.message-wrapper.assistant .message-content{max-width:100%;line-height:1.6}.message-content pre{border-radius:var(--radius-md);margin:16px 0;overflow:hidden}.message-content p{margin-bottom:12px}.message-content p:last-child{margin-bottom:0}.input-wrapper{background:linear-gradient(180deg, transparent, var(--bg-main) 20%);width:100%;max-width:800px;margin-top:auto;padding:0 16px 24px;position:sticky;bottom:0}.initial-state .input-wrapper{background:0 0;margin-top:0;position:relative}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;transition:margin-left .3s;display:flex;position:relative}:root{--bg-main:#24221f;--bg-sidebar:#1e1d1b;--bg-input:#2e2d2a;--bg-hover:#3d3b38;--bg-button:#31302e;--text-primary:#f4f3ec;--text-secondary:#999893;--text-placeholder:#7c7a76;--accent-orange:#d96d4b;--accent-orange-hover:#e87b5a;--border-color:#403e3a;--font-serif:"Tiempos Headline", "Georgia", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;font-family:inherit}textarea:focus,input:focus{outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-placeholder)}.serif-font{font-family:var(--font-serif)}.icon{stroke-width:1.5px;width:20px;height:20px}