@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#05050f;--bg-panel:#0d0d1cbf;--accent-pri:#8b5cf6;--accent-sec:#06b6d4;--accent-glow:#8b5cf640;--text-pri:#f1f5f9;--text-sec:#94a3b8;--text-dim:#475569;--glass-border:#8b5cf626;--glass-shadow:0 20px 60px #000000b3;--transition:all .25s cubic-bezier(.4, 0, .2, 1);font-family:Inter,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-pri);background-image:radial-gradient(80% 50% at 0 0,#8b5cf61f 0%,#0000 60%),radial-gradient(60% 50% at 100% 100%,#06b6d40f 0%,#0000 60%);margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}.mouse-glow{pointer-events:none;width:600px;height:600px;left:var(--mx,50%);top:var(--my,50%);z-index:0;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;transition:left .1s,top .1s;position:fixed;transform:translate(-50%,-50%)}.app-container{z-index:1;flex:1;grid-template-columns:280px 1fr;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}@media (width<=900px){.app-container{grid-template-columns:1fr}.sidebar{display:none}}.sidebar{background:var(--bg-panel);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--glass-border);z-index:10;flex-direction:column;padding:2rem 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:1rem;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.sidebar-logo h1{letter-spacing:-.5px;color:#fff;font-size:1.6rem;font-weight:800;line-height:1.2}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{color:var(--text-sec);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:.875rem;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;font-size:.95rem;display:flex}.nav-item:hover{color:var(--text-pri);background:#8b5cf614;border-color:#8b5cf633}.nav-item.danger{color:#f87171}.nav-item.danger:hover{background:#f8717114;border-color:#f8717133}.new-chat-btn{color:var(--text-pri);background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf640}.new-chat-btn:hover{background:#8b5cf633;box-shadow:0 4px 15px #8b5cf626}.active-private{color:#34d399;background:#34d39914;border-color:#34d3994d}.active-private:hover{background:#34d3991f}.private-badge{color:#34d399;letter-spacing:.05em;background:#34d39933;border-radius:.4rem;margin-left:auto;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.private-active{color:#34d399}.private-banner{color:#6ee7b7;background:#34d39914;border-bottom:1px solid #34d39933;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.82rem;display:flex}.private-banner button{color:#6ee7b7;cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #34d3994d;border-radius:.4rem;margin-left:auto;padding:.2rem .7rem;font-size:.8rem}.private-banner button:hover{background:#34d3991a}.sidebar-search{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:.75rem;align-items:center;gap:.5rem;margin:.75rem 0 .5rem;padding:.6rem .875rem;display:flex}.search-icon{color:var(--text-dim);flex-shrink:0}.sidebar-search input{color:var(--text-pri);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:.85rem}.sidebar-search input::placeholder{color:var(--text-dim)}.search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.search-clear:hover{color:var(--text-sec)}.session-list{flex-direction:column;flex:1;gap:.25rem;padding:.25rem 0;display:flex;overflow-y:auto}.session-empty{color:var(--text-dim);text-align:center;padding:1.5rem 0;font-size:.82rem}.session-item{text-align:left;cursor:pointer;width:100%;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:.75rem;flex-direction:column;gap:.2rem;padding:.6rem .875rem;display:flex}.session-item:hover{border-color:var(--glass-border);background:#ffffff0a}.session-active{background:#8b5cf61a;border-color:#8b5cf640}.session-title{color:var(--text-pri);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.session-row{align-items:center;gap:.5rem;width:100%;display:flex}.session-delete{color:var(--text-dim);cursor:pointer;opacity:0;transition:var(--transition);background:0 0;border:none;border-radius:.4rem;flex-shrink:0;padding:.25rem;display:flex}.session-item:hover .session-delete{opacity:1}.session-delete:hover{color:#f87171;background:#f871711a}.session-date{color:var(--text-dim);font-size:.72rem}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:.5rem;padding-top:1.25rem;display:flex}.user-badge{align-items:center;gap:.875rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-pri), var(--accent-sec));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.user-email{color:var(--text-sec);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.chat-section{z-index:5;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.mobile-header{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:none}@media (width<=900px){.mobile-header{display:flex}}.chat-area{flex-direction:column;flex:1;gap:1.5rem;width:100%;min-height:0;padding:2rem 0 1rem;display:flex;overflow:hidden auto}.chat-spacer{flex:1;min-height:1rem}.chat-area>.message-wrapper,.chat-area>.loader-box{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:0 1.5rem}.message-wrapper{width:100%;animation:.3s fadeUp;display:flex}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.bubble{border-radius:1.4rem;max-width:80%;padding:1.1rem 1.4rem;font-size:1rem;line-height:1.65}.user-bubble{background:linear-gradient(135deg,#8b5cf633,#8b5cf614);border:1px solid #8b5cf659;border-bottom-right-radius:.3rem;box-shadow:0 4px 20px #8b5cf61a}.bot-bubble{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#0f0f23a6;border-bottom-left-radius:.3rem}.bubble-image{border:1px solid var(--glass-border);border-radius:1rem;max-width:100%;max-height:350px;margin-top:.75rem;display:block}.loader-box{color:var(--text-sec);align-items:center;gap:.875rem;padding-left:.5rem;font-size:.9rem;display:flex}.footer-container{background:linear-gradient(to top, var(--bg-dark) 70%, transparent);flex-shrink:0;width:100%;padding:.75rem 1.5rem}.input-wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);max-width:760px;transition:var(--transition);background:#0d0d1ccc;border-radius:1.75rem;margin:0 auto;padding:1rem 1.5rem;box-shadow:0 20px 50px #00000080}.input-wrapper:focus-within{border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf61f}.preview-container{gap:.75rem;margin-bottom:.875rem;display:flex}.preview-box{width:65px;height:65px;position:relative}.preview-box img{object-fit:cover;border:1px solid var(--glass-border);border-radius:.75rem;width:100%;height:100%}.remove-x{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-7px;right:-7px}.input-row{align-items:flex-end;display:flex}textarea{color:var(--text-pri);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:.5rem 0;font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.6}textarea::placeholder{color:var(--text-dim)}.action-row{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.icon-btn{color:var(--text-sec);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:.5rem;padding:.5rem;display:flex}.icon-btn:hover{color:var(--text-pri);background:#ffffff0d}.send-btn{background:var(--accent-pri);color:#fff;cursor:pointer;width:42px;height:42px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #8b5cf64d}.send-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #8b5cf680}.send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.footer-note{text-align:center;color:var(--text-dim);margin-top:.4rem;font-size:.7rem}.auth-page{background:var(--bg-dark);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.auth-blob{filter:blur(100px);opacity:.18;z-index:0;border-radius:50%;position:absolute}.blob-1{background:var(--accent-pri);width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:var(--accent-sec);width:400px;height:400px;bottom:-10%;right:-10%}.auth-card{z-index:5;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);background:#0d0d1ecc;border-radius:2rem;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.5s fadeUp;position:relative;box-shadow:0 30px 80px #000000b3}.auth-logo{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.auth-logo h1{background:linear-gradient(to right, #fff, var(--accent-pri));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.auth-subtitle{text-align:center;color:var(--text-sec);margin-bottom:2.5rem;font-size:.95rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group label{color:var(--text-sec);font-size:.85rem;font-weight:500}.field-group input,.field-group select{border:1px solid var(--glass-border);color:var(--text-pri);transition:var(--transition);background:#ffffff0a;border-radius:.875rem;outline:none;width:100%;padding:.9rem 1.1rem;font-family:Inter,sans-serif;font-size:1rem}.field-group input:focus,.field-group select:focus{border-color:var(--accent-pri);box-shadow:0 0 0 3px #8b5cf61a}.field-group select{cursor:pointer}.field-group select option{background:#0d0d1c}.pass-wrap{position:relative}.pass-wrap input{padding-right:3rem}.eye-btn{color:var(--text-sec);cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.eye-btn:hover{color:var(--text-pri)}.auth-error{color:#fca5a5;background:#f871711a;border:1px solid #f871714d;border-radius:.875rem;padding:.875rem 1rem;font-size:.9rem}.auth-submit{background:var(--accent-pri);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.625rem;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex;box-shadow:0 8px 25px #8b5cf659}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px #8b5cf680}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch{text-align:center;color:var(--text-sec);margin-top:1.75rem;font-size:.9rem}.auth-switch button{color:var(--accent-pri);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.auth-switch button:hover{text-decoration:underline}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);background:#0d0d1eeb;border-radius:1.75rem;width:100%;max-width:480px;animation:.25s fadeUp;overflow:hidden;box-shadow:0 30px 80px #000c}.modal-head{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.75rem 2rem;display:flex}.modal-head h2{font-size:1.1rem;font-weight:700}.modal-body{flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.modal-foot{border-top:1px solid var(--glass-border);justify-content:flex-end;padding:1.25rem 2rem;display:flex}.modal-save-btn{background:var(--accent-pri);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.875rem;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;display:flex}.modal-save-btn:hover{filter:brightness(1.15)}.icon-purple{color:var(--accent-pri);filter:drop-shadow(0 0 8px #8b5cf699)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.chat-area{padding:1.5rem 1rem}.footer-container{padding:1rem 1rem 1.5rem}.bubble{max-width:95%;font-size:.95rem}.auth-card{border-radius:1.5rem;padding:2.5rem 1.75rem}}