@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Lora:ital,wght@0,400;0,500;1,400&display=swap";:root{--bg-page:#f5f0e8;--bg-sidebar:#dbc0c029;--bg-input:#fff;--bg-user-msg:#ede8df;--bg-topbar:transparent;--crimson-dark:#7c1a2e;--crimson-mid:#9b2335;--crimson-subtle:#7c1a2e12;--text-primary:#1c1410;--text-secondary:#6b5e52;--text-muted:#9c8c7e;--border-light:#ddd6c8;--border-input:#6f646040;--shadow-sm:0 1px 4px #00000012;--shadow-md:0 4px 16px #00000017;--wave-color:#7c1a2e;--topbar-btn-bg:#0000000a;--topbar-btn-hover:#00000017;--error-bg:#fff5f5;--error-border:#feb2b2;--error-text:#c53030}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-page);color:var(--text-primary);-webkit-text-size-adjust:100%;touch-action:manipulation;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.shell{height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-light);z-index:20;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),background-color .3s;display:flex;overflow:hidden}.sidebar.closed{border-right:none;margin-left:-260px}@media (width<=768px){.sidebar{background:var(--bg-page);margin-left:0;position:absolute;top:0;left:0;box-shadow:6px 0 32px #0000002e}.sidebar.closed{margin-left:0;transform:translate(-100%)}}.sidebar-brand{color:var(--crimson-dark);padding:24px 16px 12px;font-family:Lora,serif;font-size:1.4rem}.sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.collapse-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.collapse-btn:hover{color:var(--text-primary);background:#0000000d}.floating-toggle{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;left:16px}.floating-toggle:hover{color:var(--text-primary);background:#0000000d}.sidebar-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:.85rem;font-weight:600}.sidebar-new-chat-wrapper{border-bottom:1px solid var(--border-light);flex-direction:column;gap:8px;padding:0 16px 12px;display:flex}.new-chat-btn{background:var(--crimson-dark);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:.85rem;transition:background .18s;display:flex}.new-chat-btn:hover{background:var(--crimson-mid)}.sidebar-search{background:var(--bg-input);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:8px;width:100%;padding:6px 10px;display:flex}.sidebar-search-icon{color:var(--text-muted);flex-shrink:0}.sidebar-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:.8rem}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-list{flex:1;padding:8px;overflow-y:auto}.sidebar-list::-webkit-scrollbar{width:0}.sidebar-empty{color:var(--text-muted);text-align:center;padding:24px 12px;font-size:.83rem}.sidebar-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Inter,sans-serif;font-size:.85rem;transition:background .15s,color .15s;display:flex}.sidebar-item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.del-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,background .2s,color .2s;display:flex}.sidebar-item:hover .del-btn{opacity:1}.del-btn:hover{color:var(--crimson-dark);background:#7c1a2e26}.sidebar-item:hover{color:var(--text-primary);background:#7c1a2e0f}.sidebar-item.active{color:var(--crimson-dark);background:#7c1a2e1a;font-weight:500}.about-page-container{flex:1;width:100%;padding:60px max(40px,50% - 380px);animation:.3s forwards fadeIn;overflow-y:auto}.about-page-container h1{color:var(--crimson-dark);margin-bottom:30px;font-family:Lora,serif;font-size:2.5rem;font-weight:500}.about-page-container p{color:var(--text-secondary);margin-bottom:18px;font-size:1.05rem;line-height:1.7}.about-page-container ul{margin-bottom:24px;padding-left:24px}.about-page-container li{color:var(--text-secondary);margin-bottom:8px;font-size:1.05rem;line-height:1.7}.about-page-container strong{color:var(--text-primary);font-weight:600}@media (width<=768px){.about-page-container{padding:30px 20px}.about-page-container h1{font-size:2rem}}.sidebar-footer{border-top:1px solid var(--border-light);flex-shrink:0;padding:12px 8px}.sidebar-footer-btn{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-family:Inter,sans-serif;font-size:.83rem;transition:background .15s,color .15s;display:flex}.sidebar-footer-btn:hover{color:var(--crimson-dark);background:#7c1a2e0f}.top-bar{background:var(--bg-page);border-bottom:1px solid var(--border-light);z-index:5;justify-content:flex-end;align-items:center;width:100%;padding:12px max(20px,50% - 500px);display:flex;position:relative}.top-bar-actions{align-items:center;gap:6px;display:flex}.top-bar-btn{background:var(--topbar-btn-bg);border:1px solid var(--border-light);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:flex}.top-bar-btn:hover{background:var(--topbar-btn-hover);color:var(--text-primary)}.landing-page{flex-direction:column;flex:1;align-items:center;padding-bottom:8vh;display:flex;position:relative;overflow:hidden}.landing-center{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;max-width:680px;padding:0 24px;display:flex}.eyebrow-tagline{color:var(--text-muted);letter-spacing:.2px;font-family:Lora,serif;font-size:1rem;font-style:italic}.landing-title{color:var(--text-primary);letter-spacing:-.5px;text-align:center;font-family:Lora,serif;font-size:2rem;font-weight:500}.chat-page{flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.chat-history{flex-direction:column;flex:1;gap:0;padding:20px max(24px,50% - 500px) 24px;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:0}.message-row{width:100%;padding:14px 0;animation:.28s forwards fadeIn;display:flex}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.message-row.user .bubble{background:var(--bg-user-msg);border:1px solid var(--border-light);max-width:70%;box-shadow:var(--shadow-sm);word-break:break-word;overflow-wrap:anywhere;border-radius:18px 18px 4px;padding:12px 18px;font-size:.95rem;line-height:1.65}.auth-loading-title{color:#7c1a2e;font-family:sans-serif}.message-row.bot .bubble{word-break:break-word;overflow-wrap:anywhere;background:0 0;max-width:100%;padding:2px 0;font-size:.95rem;line-height:1.78}.message-row.error .bubble{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:12px;max-width:80%;padding:12px 18px}.bubble.markdown pre{max-width:100%;overflow-x:auto}.bubble.markdown img,.bubble.markdown video{max-width:100%;height:auto}.bubble.markdown p{margin-bottom:12px}.bubble.markdown p:last-child{margin-bottom:0}.bubble.markdown ul,.bubble.markdown ol{margin:6px 0 12px 22px}.bubble.markdown li{margin-bottom:4px}.bubble.markdown strong{font-weight:600}.bubble.markdown h1,.bubble.markdown h2,.bubble.markdown h3{color:var(--crimson-dark);margin:18px 0 8px;font-family:Lora,serif;font-size:1.05rem;font-weight:500}.bubble.markdown code{background:var(--crimson-subtle);color:var(--crimson-dark);border-radius:4px;padding:2px 6px;font-size:.85rem}.thinking-row{align-items:center;gap:10px;padding:14px 0;display:flex}.thinking-icon{object-fit:contain;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:1.5s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.thinking-label{color:var(--text-muted);font-family:Lora,serif;font-size:.88rem;font-style:italic;animation:.4s forwards fadeIn}.chat-input-bar{flex-shrink:0;padding:12px max(24px,50% - 500px) 28px}.landing-center .input-wrapper,.input-wrapper{width:100%}.input-box{background:var(--bg-input);border:1px solid var(--border-input);border-radius:20px;align-items:flex-end;gap:10px;min-height:100px;padding:30px 30px 30px 32px;transition:background-color .3s,border-color .3s;display:flex}.chat-input{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:180px;padding:0;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.chat-input::placeholder{color:var(--text-muted)}.send-button{background:var(--crimson-dark);cursor:pointer;color:#fff;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,transform .12s;display:flex}.send-button:hover:not(:disabled){background:var(--crimson-mid);transform:translateY(-1px)}.send-button:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed;transform:none}.input-hint{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.78rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.login-overlay{background:var(--bg-page);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.login-card{background:var(--bg-input);border:1px solid var(--border-light);box-shadow:var(--shadow-md);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:40px}.login-title{color:var(--crimson-dark);margin-bottom:8px;font-family:Lora,serif;font-size:2.2rem}.login-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card input{border:1px solid var(--border-light);background:var(--bg-page);color:var(--text-primary);border-radius:12px;outline:none;padding:14px 18px;font-family:Inter,sans-serif;transition:border-color .2s}.login-card input:focus{border-color:var(--crimson-mid)}.login-error{color:var(--error-text);margin-top:4px;font-size:.85rem}.login-card button{background:var(--crimson-dark);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:14px;font-weight:500;transition:background .2s}.login-card button:hover{background:var(--crimson-mid)}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-switch{color:var(--text-muted);margin-top:20px;font-size:.85rem}.login-card .login-switch-btn{cursor:pointer;text-underline-offset:2px;border:none;margin-top:0;padding:0;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;color:var(--crimson-dark)!important;box-shadow:none!important;background:0 0!important}.login-card .login-switch-btn:hover{opacity:1;text-decoration:underline;color:var(--crimson-dark)!important;background:0 0!important}.signup-success-banner{color:#03543f;box-shadow:var(--shadow-md);z-index:100;background:#def7ec;border:1px solid #31c48d;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.4s cubic-bezier(.18,.89,.32,1.28) forwards slideDown;display:flex;position:absolute;top:40px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-loading{background:var(--bg-page);justify-content:center;align-items:center;height:100vh;display:flex}.user-profile{background:var(--bg-input);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.user-email{color:var(--text-primary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.logout-btn{background:var(--crimson-subtle);color:var(--crimson-dark);border-color:#0000}.logout-btn:hover{background:var(--crimson-mid);color:#fff;border-color:var(--crimson-mid)}.sidebar-backdrop{display:none}@media (width<=1024px){.message-row.user .bubble{max-width:80%}.input-box{min-height:80px;padding:20px 20px 20px 24px}}@media (width<=768px){.sidebar-backdrop{z-index:15;background:#0006;animation:.2s forwards fadeIn;display:block;position:fixed;inset:0}.top-bar{padding:10px 14px 10px 56px}.user-email{display:none}.user-profile{box-shadow:none;background:0 0;border-color:#0000;gap:0;padding:4px}.landing-title{font-size:1.55rem}.landing-center{gap:14px;padding:0 16px}.eyebrow-tagline{font-size:.88rem}.input-box{border-radius:16px;min-height:64px;padding:14px 14px 14px 18px}.chat-input{font-size:16px}.chat-input-bar{padding:8px 14px 18px}.chat-history{padding:12px 14px 16px}.message-row{padding:8px 0}.message-row.user .bubble{border-radius:16px 16px 4px;max-width:90%;padding:10px 14px;font-size:.9rem}.message-row.bot .bubble{font-size:.9rem;line-height:1.7}.message-row.error .bubble{max-width:95%}.bubble.markdown h1,.bubble.markdown h2,.bubble.markdown h3{margin:14px 0 6px;font-size:.97rem}.del-btn{opacity:1}.login-card{border-radius:16px;max-width:100%;margin:0 16px;padding:28px 20px}.login-title{font-size:1.8rem}.login-subtitle{font-size:.85rem}.login-card input{padding:12px 14px;font-size:16px}.login-card button{padding:13px}}@media (width<=380px){.landing-title{font-size:1.35rem}.input-box{border-radius:14px;padding:12px 12px 12px 14px}.sidebar{width:240px}}