:root{color:#17181b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f7f7f5;--surface:#fff;--surface-muted:#f1f1ee;--surface-hover:#ecece8;--text-primary:#17181b;--text-secondary:#6b6d73;--text-tertiary:#96989d;--border-soft:#e5e5e0;--border-strong:#d7d7d1;--accent:#5f5ce6;--accent-strong:#4b47d8;--accent-soft:#efefff;--danger:#c73939;--shadow-soft:0 10px 35px #1414140f;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.24s ease;background:#f7f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100vh;margin:0}body{background:var(--bg);min-height:100vh;color:var(--text-primary);overflow:hidden}button,textarea,input{font:inherit}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:2px}button{-webkit-tap-highlight-color:transparent}::selection{background:#dcdcff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d4d4cf;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--transition-normal) both}.error-banner{color:#9b2f2f;background:#fff5f5;border:1px solid #f1caca;border-radius:12px;padding:.8rem 1rem;font-size:.9rem}.rich-message{color:var(--text-primary);font-size:1rem;line-height:1.72}.rich-message>:first-child{margin-top:0}.rich-message>:last-child{margin-bottom:0}.rich-message p{margin:0 0 1rem}.rich-message h2,.rich-message h3,.rich-message h4{letter-spacing:-.02em;margin:1.6rem 0 .65rem;line-height:1.3}.rich-message h2{font-size:1.35rem}.rich-message h3{font-size:1.16rem}.rich-message h4{font-size:1.04rem}.rich-message ul,.rich-message ol{margin:.4rem 0 1rem;padding-left:1.45rem}.rich-message li{margin:.35rem 0}.rich-message code{background:#ececf0;border-radius:6px;padding:.12rem .35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.rich-message pre{border:1px solid var(--border-soft);color:#f5f5f5;background:#1d1e23;border-radius:12px;margin:1rem 0;padding:1rem 1.1rem;overflow-x:auto}.rich-message pre code{color:inherit;background:0 0;padding:0}.rich-message blockquote{border-left:3px solid var(--border-strong);color:var(--text-secondary);margin:1rem 0;padding-left:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{background:var(--bg);width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-soft);background:#f2f2ef;flex-direction:column;flex:0 0 268px;width:268px;display:flex}.sidebar-header{padding:1rem .9rem .75rem}.brand-row{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.brand-lockup{letter-spacing:-.015em;align-items:center;gap:.55rem;font-size:.95rem;font-weight:750;display:inline-flex}.brand-mark{color:#fff;background:radial-gradient(circle at 25% 20%,#ffffffb3,#0000 23%),linear-gradient(135deg,#5f5ce6,#7a65f5 50%,#4aa3df);border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 24px #5f5ce633}.brand-mark--small{width:31px;height:31px;box-shadow:none;border-radius:10px}.brand-mark--hero{border-radius:17px;width:54px;height:54px;margin:0 auto 1.15rem}.new-chat-btn,.account-button,.primary-button,.header-signin,.load-older{cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:0}.new-chat-btn{border:1px solid var(--border-soft);background:var(--surface);width:100%;color:var(--text-primary);border-radius:12px;justify-content:flex-start;align-items:center;gap:.55rem;padding:.72rem .78rem;font-weight:600;display:flex;box-shadow:0 1px 2px #00000006}.new-chat-btn:hover:not(:disabled){border-color:var(--border-strong);background:#fbfbfa}.new-chat-btn:disabled,.account-button:disabled,.primary-button:disabled{opacity:.5;cursor:default}.sidebar-section-label{color:var(--text-tertiary);letter-spacing:.03em;text-transform:uppercase;padding:.6rem 1.05rem .4rem;font-size:.72rem;font-weight:650}.conversation-list{flex-direction:column;flex:1;gap:.18rem;min-height:0;padding:.15rem .65rem .75rem;display:flex;overflow-y:auto}.conversation-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.6rem;padding:.62rem .68rem;font-size:.88rem;display:flex}.conversation-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-item:hover{background:var(--surface-hover);color:var(--text-primary)}.conversation-item.active{color:var(--text-primary);background:#e8e8e4;font-weight:560}.sidebar-footer{border-top:1px solid var(--border-soft);padding:.8rem}.guest-note{flex-direction:column;gap:.15rem;padding:.5rem .45rem .7rem;display:flex}.guest-note strong{font-size:.83rem}.guest-note span{color:var(--text-tertiary);font-size:.76rem}.account-button{width:100%;color:var(--text-secondary);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.64rem .75rem;font-size:.86rem;font-weight:600;display:flex}.account-button:hover{background:var(--surface-hover);color:var(--text-primary)}.main-content{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.main-header{border-bottom:1px solid var(--border-soft);background:#ffffffeb;flex:0 0 58px;justify-content:space-between;align-items:center;height:58px;padding:0 1.4rem;display:flex}.main-header>div:first-child{align-items:center;gap:.6rem;min-width:0;display:flex}.header-title{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,560px);font-size:.93rem;font-weight:650;overflow:hidden}.free-badge{background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.17rem .45rem;font-size:.67rem;font-weight:700}.header-signin{color:var(--accent-strong);background:0 0;border-radius:9px;padding:.48rem .72rem;font-size:.84rem;font-weight:650}.header-signin:hover{background:var(--accent-soft)}.app-error{width:min(100% - 2rem,900px);margin:.85rem auto 0}.chat-area{flex:1;min-height:0;padding:2rem clamp(1rem,4vw,3rem) 2.2rem;overflow-y:auto}.chat-history{flex-direction:column;gap:1.8rem;width:min(100%,880px);min-height:100%;margin:0 auto;display:flex}.load-older{color:var(--text-tertiary);background:0 0;border-radius:8px;align-self:center;padding:.4rem .7rem;font-size:.78rem}.load-older:hover{background:var(--surface-muted);color:var(--text-secondary)}.user-prompt{border:1px solid var(--border-soft);background:var(--surface-muted);max-width:min(78%,680px);color:var(--text-primary);white-space:pre-wrap;border-radius:18px 18px 5px;align-self:flex-end;padding:.86rem 1.05rem;line-height:1.55}.assistant-response{width:min(100%,820px)}.assistant-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.68rem;font-size:.7rem;font-weight:750}.empty-state{text-align:center;max-width:620px;margin:auto;padding:4rem 1rem 7rem}.empty-state h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:720}.empty-state p{max-width:540px;color:var(--text-secondary);margin:.85rem auto 0;font-size:.98rem;line-height:1.6}.composer-wrap{background:linear-gradient(#ffffffa6,#fff 25%);flex:none;padding:.85rem clamp(1rem,4vw,3rem) 1rem}.composer{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,880px);min-height:58px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:18px;align-items:flex-end;gap:.55rem;margin:0 auto;padding:.6rem .65rem .6rem 1rem;display:flex;box-shadow:0 8px 30px #1c1c1c0e}.composer:focus-within{border-color:#c7c6ef;box-shadow:0 10px 34px #5f5ce617}.composer textarea{resize:none;min-width:0;max-height:180px;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;padding:.48rem 0;line-height:1.5}.composer textarea::placeholder{color:var(--text-tertiary)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);border:0;border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.send-btn:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.send-btn:disabled{opacity:.35;cursor:default}.composer-note{width:min(100%,880px);color:var(--text-tertiary);text-align:center;margin:.45rem auto 0;font-size:.72rem}.loading-shell,.connection-shell{background:var(--bg);place-items:center;min-height:100vh;display:grid}.loading-shell{color:var(--text-secondary);align-content:center;gap:.8rem;font-size:.9rem}.connection-card{border:1px solid var(--border-soft);background:var(--surface);width:min(100% - 2rem,440px);box-shadow:var(--shadow-soft);text-align:center;border-radius:22px;padding:2.2rem}.connection-card .brand-mark{margin:0 auto 1.2rem}.connection-card h1{letter-spacing:-.045em;margin:0;font-size:2rem}.connection-card p{color:var(--text-secondary);margin:.75rem 0 1.3rem;line-height:1.6}.connection-card .error-banner{text-align:left;margin-bottom:1rem}.primary-button{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.78rem 1rem;font-weight:650;display:flex}.primary-button:hover:not(:disabled){background:var(--accent-strong)}@media (width<=760px){.sidebar{flex-basis:220px;width:220px}.chat-area{padding-inline:1rem}.composer-wrap{padding-inline:.8rem}.user-prompt{max-width:90%}}@media (width<=620px){.sidebar{display:none}.main-header{padding-inline:1rem}.empty-state{padding-top:2rem}}.answer-stage{flex-direction:column;gap:1.25rem;width:min(100%,900px);margin:0 auto;display:flex}.answer-stage__topbar{justify-content:space-between;align-items:center;display:flex}.text-button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.45rem 0;display:inline-flex}.text-button:hover:not(:disabled){color:var(--text-primary)}.text-button:disabled{opacity:.55;cursor:default}.answer-stage__conversation{flex-direction:column;gap:1.5rem;display:flex}.answer-stage__prompt{border:1px solid var(--border-soft);background:var(--surface-muted);max-width:min(78%,700px);color:var(--text-primary);border-radius:18px 18px 5px;align-self:flex-end;padding:.9rem 1.1rem;line-height:1.55}.thinking-card{width:fit-content;color:var(--text-secondary);border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.thinking-card strong,.thinking-card span{display:block}.thinking-card strong{color:var(--text-primary);margin-bottom:.1rem;font-size:.94rem}.thinking-card span{font-size:.86rem}.thinking-spinner{color:var(--accent);animation:1s linear infinite spin}.assistant-answer{max-width:820px;color:var(--text-primary)}.assistant-answer__label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.friendly-terminal{border:1px solid var(--border-soft);background:var(--surface-muted);max-width:720px;color:var(--text-secondary);border-radius:14px;padding:1rem 1.1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.answer-stage__prompt{max-width:92%}}