@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#111827;--primary-light:#374151;--bg-sidebar:#f9f9f9;--bg-main:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--user-msg:#f3f4f6;--agent-msg:transparent;--font-family:"Outfit", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-main);margin:0}#root{width:100vw;height:100vh;display:flex;overflow:hidden}.app-container{width:100%;height:100%;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:16px 12px;display:flex}.new-chat-btn{background:var(--bg-main);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-main);font-weight:500;font-family:var(--font-family);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.new-chat-btn:hover{background:var(--border)}.history-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:24px 8px 8px;font-size:.75rem;font-weight:600}.history-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.sidebar-brand{color:var(--text-main);letter-spacing:-.3px;border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:16px;padding:4px 4px 16px;font-size:1rem;font-weight:700;display:flex}.history-item{cursor:pointer;color:var(--text-main);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex;position:relative}.history-item-icon{flex-shrink:0}.history-item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.history-item-delete{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;line-height:0;display:none}.history-item-delete:hover{color:#ef4444;background:#ef44441a}.history-item:hover .history-item-delete{align-items:center;display:flex}.history-item:hover{background-color:#ececec}.history-item.active{background-color:#ececec;font-weight:500}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;position:relative}.header-mobile{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;font-weight:600;display:none}@media (width<=768px){.sidebar{z-index:100;height:100%;transition:transform .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #0000001f}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#0000004d;position:fixed;inset:0}.header-mobile{display:flex}}.new-chat-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.hero-branding{color:var(--text-main);flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.hero-branding h2{letter-spacing:-.5px;margin-top:20px;margin-bottom:0;font-size:2rem;font-weight:600}.chat-area{flex-direction:column;flex:1;align-items:center;padding:40px 20px;display:flex;overflow-y:auto}.message-wrapper{gap:16px;width:100%;max-width:800px;margin-bottom:24px;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{flex-direction:row-reverse}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.avatar.user{background:var(--border);color:var(--primary)}.avatar.model{background:var(--primary);color:#fff;border-radius:8px}.message-content{flex-direction:column;max-width:calc(100% - 52px);display:flex}.message-bubble{font-size:1rem;line-height:1.6}.message-wrapper.model .message-bubble p{margin:0 0 .6em}.message-wrapper.model .message-bubble p:last-child{margin-bottom:0}.message-wrapper.model .message-bubble ul,.message-wrapper.model .message-bubble ol{margin:.4em 0 .6em 1.2em;padding:0}.message-wrapper.model .message-bubble li{margin-bottom:.2em}.message-wrapper.model .message-bubble strong{font-weight:600}.message-wrapper.model .message-bubble code{background:var(--border);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.9em}.message-wrapper.user .message-bubble{background:var(--user-msg);border-radius:20px 4px 20px 20px;padding:12px 16px}.message-wrapper.model .message-bubble{background:var(--agent-msg);padding:8px 0}.input-container,.input-container-centered{flex-direction:column;align-items:center;width:100%;padding:20px;display:flex}.input-container{padding-bottom:40px}.input-container-centered{max-width:800px}.input-wrapper{border:1px solid var(--border);background:var(--bg-main);border-radius:24px;align-items:flex-end;width:100%;max-width:800px;padding:8px 16px;transition:border-color .2s;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.input-wrapper:focus-within{border-color:#9ca3af}.message-input{font-family:var(--font-family);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:10px 0;font-size:1rem}.message-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:6px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--primary-light)}.send-btn:disabled{background:var(--border);color:#9ca3af;cursor:not-allowed}.disclaimer{color:var(--text-muted);text-align:center;margin-top:12px;font-size:.75rem}.agent-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:16px;padding:16px}.agent-card-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}.stat-row{justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.stat-row:last-of-type{margin-bottom:0}.stat-label{color:var(--text-muted);margin-right:8px}.stat-value{color:var(--text-main);font-weight:600}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suggestions-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:800px;margin-top:32px;padding:0 20px;display:grid}.suggestion-card{background:var(--bg-sidebar);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;padding:16px;transition:all .2s}.suggestion-card:hover{background:#f0f0f0;border-color:#d1d5db;transform:translateY(-1px)}.suggestion-card h4{color:var(--text-main);margin:0 0 6px;font-size:.95rem;font-weight:600}.suggestion-card p{color:var(--text-muted);margin:0;font-size:.85rem}@media (width<=600px){.suggestions-grid{grid-template-columns:1fr}}