@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--white:#fff;--off-white:#f5f6fa;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-500:#64748b;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#060b18;--grad-brand:linear-gradient(135deg, var(--blue-500) 0%, var(--purple-600) 100%);--grad-teal:linear-gradient(135deg, var(--teal-500) 0%, var(--blue-500) 100%);--grad-amber:linear-gradient(135deg, var(--amber-500) 0%, var(--amber-400) 100%);--grad-tri:linear-gradient(135deg, var(--purple-600) 0%, var(--blue-500) 50%, var(--teal-500) 100%);--grad-user-msg:linear-gradient(145deg, var(--purple-600) 0%, var(--purple-700) 100%);--grad-bg:linear-gradient(145deg, #f8fafc 0%, #eef2ff 35%, #f5f3ff 65%, #fdfcff 100%);--shadow-sm:0 2px 8px #633cb412;--shadow-md:0 8px 32px #633cb421;--shadow-lg:0 20px 60px #633cb433;--shadow-teal:0 0 30px #14b8a633;--shadow-amber:0 0 25px #f59e0b33;--shadow-glow:0 0 50px #8b5cf640;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:34px;--r-2xl:46px;--sidebar-w:272px;--topbar-h:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--grad-bg);color:var(--slate-900);-webkit-font-smoothing:antialiased;font-family:DM Sans,Inter,sans-serif;overflow:hidden}.orb{filter:blur(100px);pointer-events:none;z-index:0;opacity:.8;border-radius:50%;animation:22s ease-in-out infinite alternate orb-drift;position:fixed}.orb-1{background:radial-gradient(circle,#781edca6 0%,#0000 68%);width:700px;height:700px;animation-delay:0s;top:-200px;left:-180px}.orb-2{background:radial-gradient(circle,#1e5ae680 0%,#0000 68%);width:580px;height:580px;animation-delay:-7s;bottom:-160px;right:-140px}.orb-3{background:radial-gradient(circle,#14b8a666 0%,#0000 70%);width:380px;height:380px;animation-delay:-12s;top:30%;left:60%}.orb-4{background:radial-gradient(circle,#f59e0b47 0%,#0000 68%);width:300px;height:300px;animation-delay:-18s;bottom:20%;left:10%}@keyframes orb-drift{0%{transform:translate(0)scale(1)}30%{transform:translate(70px,50px)scale(1.1)}65%{transform:translate(-50px,90px)scale(.93)}to{transform:translate(30px,-70px)scale(1.06)}}.fullscreen-center{background:var(--grad-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-card{z-index:10;-webkit-backdrop-filter:blur(40px);border-radius:var(--r-2xl);text-align:center;width:90%;max-width:440px;box-shadow:var(--shadow-lg), 0 0 0 1px #8b5cf61a;background:#f7f8fced;border:1px solid #ffffffd9;padding:3.5rem 3rem;position:relative}.splash-logo{background:var(--grad-tri);color:#fff;width:72px;height:72px;box-shadow:0 0 35px #8b5cf680, var(--shadow-teal);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.splash-title{color:var(--slate-900);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.2rem;font-weight:700;line-height:1.2}.splash-subtitle{color:var(--slate-500);margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.splash-loading{color:var(--slate-500);font-size:1rem;font-weight:500}.dot-flash{vertical-align:bottom;width:1.5em;animation:1.4s steps(3,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%,to{width:0}33%{width:.5em}66%{width:1em}}.login-btn{background:var(--grad-tri);color:#fff;border-radius:var(--r-lg);cursor:pointer;letter-spacing:.01em;width:100%;box-shadow:0 8px 30px #8b5cf666, var(--shadow-teal);border:none;justify-content:center;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.login-btn:hover{transform:translateY(-3px);box-shadow:0 14px 44px #8b5cf68c,0 0 40px #14b8a640}.shell{background:var(--grad-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.glass-shell{z-index:10;-webkit-backdrop-filter:blur(40px);border-radius:var(--r-2xl);width:calc(100vw - 48px);max-width:1600px;height:calc(100vh - 48px);box-shadow:var(--shadow-lg), 0 0 0 1px #8b5cf61a;background:#f7f8fced;border:1px solid #ffffffd9;transition:all .4s;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(20px);border-radius:var(--r-xl);background:#e2e8f0a6;border:1px solid #ffffff80;flex-direction:column;flex-shrink:0;margin:16px;padding:1.5rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.sidebar-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem .75rem;display:flex}.sidebar-owl-logo{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 4px 14px #14b8a666}.logo-text{color:var(--slate-900);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.new-chat-btn{background:var(--grad-teal);color:#fff;border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.9rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #14b8a659}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #14b8a680}.thread-label{letter-spacing:.12em;text-transform:uppercase;color:var(--slate-400);margin-bottom:.5rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.thread-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:.2rem;display:flex;overflow-y:auto}.thread-nav::-webkit-scrollbar{display:none}.thread-empty{color:var(--slate-400);padding:.75rem;font-size:.85rem;font-style:italic}.thread-item{border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.6rem;padding:.7rem .9rem;transition:all .2s;display:flex;position:relative}.thread-item:hover{background:#ffffffb3}.thread-item.active{background:#fff;border-color:#14b8a633;box-shadow:0 2px 8px #00000005}.thread-icon{opacity:.7;flex-shrink:0;font-size:.85rem}.thread-title{color:var(--slate-600);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.87rem;font-weight:500;overflow:hidden}.thread-item.active .thread-title{color:var(--teal-600);font-weight:600}.thread-delete{opacity:0;color:#ef4444b3;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:.2rem;transition:all .2s;display:flex}.thread-item:hover .thread-delete{opacity:1}.thread-delete:hover{color:#ef4444;background:#ef444426}.sidebar-footer{border-top:1px solid #0000000f;flex-direction:column;gap:.2rem;margin-top:.5rem;padding-top:1rem;display:flex}.footer-btn{border-radius:var(--r-sm);color:var(--slate-600);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.7rem;padding:.7rem .9rem;font-family:inherit;font-size:.87rem;font-weight:500;transition:all .2s;display:flex;position:relative}.footer-btn:hover{color:var(--slate-900);background:#ffffffb3}.footer-btn.memory-btn:hover{color:var(--teal-600)}.footer-btn.admin-btn:hover{color:var(--blue-600)}.memory-count{background:var(--grad-teal);color:#fff;border-radius:20px;margin-left:auto;padding:.15rem .4rem;font-size:.63rem;font-weight:700;line-height:1.4}.badge-red{color:#fff;background:#ef4444;border-radius:20px;margin-left:auto;padding:.15rem .4rem;font-size:.63rem;font-weight:700;line-height:1.4}.sidebar-collapsed .sidebar{opacity:0;border:none;width:0;margin-left:0;margin-right:0;padding:0}.chat-main{border-radius:var(--r-xl);background:#ffffffd9;border:1px solid #fff;flex-direction:column;flex:1;min-width:0;margin:16px 16px 16px 0;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.sidebar-collapsed .chat-main{margin-left:16px}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-bottom:1px solid #0000000a;flex-shrink:0;align-items:center;gap:1rem;padding:0 2rem;display:flex}.sidebar-toggle{border:1px solid var(--slate-200);border-radius:var(--r-sm);cursor:pointer;color:var(--slate-500);background:0 0;align-items:center;padding:.5rem;transition:all .2s;display:flex}.sidebar-toggle:hover{color:var(--teal-600);border-color:var(--teal-400);background:#14b8a614}.topbar-title{color:var(--slate-700);align-items:center;gap:.8rem;font-size:1.15rem;font-weight:600;display:flex}.topbar-owl-icon{object-fit:cover;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 14px #14b8a64d}.admin-icon{color:#ef4444}.topbar-user{margin-left:auto}.user-avatar-img{object-fit:cover;border:2px solid var(--teal-400);border-radius:50%;width:34px;height:34px}.user-avatar-placeholder{background:var(--grad-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex}.messages-viewport{scrollbar-width:thin;scrollbar-color:#14b8a64d transparent;flex-direction:column;flex:1;align-items:center;padding:2rem 1.5rem;display:flex;overflow-y:auto}.messages-viewport::-webkit-scrollbar{width:5px}.messages-viewport::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:10px}.welcome-banner{text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:680px;padding:3.5rem 2rem 2rem;animation:.6s both msg-in;display:flex}.splash-owl-logo{object-fit:cover;border-radius:50%;width:90px;height:90px;margin:0 auto 1.5rem;display:block;box-shadow:0 10px 30px #14b8a666}.welcome-owl-logo{object-fit:cover;border-radius:50%;width:72px;height:72px;margin:0 auto 1.25rem;display:block;box-shadow:0 8px 24px #14b8a640}.welcome-banner h2{color:var(--slate-900);font-size:2rem;font-weight:600}.welcome-banner p{color:var(--slate-500);max-width:400px;font-size:1.05rem}.welcome-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.chip{border:1px solid var(--slate-200);color:var(--slate-700);cursor:default;box-shadow:var(--shadow-sm);background:#fff;border-radius:100px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.chip:hover{border-color:var(--teal-400);color:var(--teal-700);background:#14b8a60f;transform:translateY(-2px);box-shadow:0 4px 14px #14b8a626}.messages-center-col{flex-direction:column;gap:2rem;width:100%;max-width:720px;padding:1rem 0 2rem;display:flex}.msg-block{flex-direction:column;gap:.55rem;animation:.45s cubic-bezier(.23,1,.32,1) both msg-in;display:flex}.msg-block-ai{align-items:flex-start}.msg-block-user{align-items:flex-end}@keyframes msg-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.msg-meta{align-items:center;gap:.55rem;display:flex}.msg-block-user .msg-meta{flex-direction:row-reverse}.meta-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.meta-avatar img{object-fit:cover;border:1.5px solid var(--teal-400);border-radius:50%;width:34px;height:34px}.meta-avatar-ai{box-shadow:0 4px 12px #14b8a659}.meta-avatar-user{background:var(--grad-user-msg);color:#fff}.meta-name{color:var(--slate-400);letter-spacing:.02em;font-size:.78rem;font-weight:600}.meta-name.ai-name{color:var(--teal-600)}.msg-body{border-radius:var(--r-lg);word-break:break-word;padding:1rem 1.3rem;font-size:1rem;line-height:1.75}.ai-body{width:100%;color:var(--slate-800);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);border-radius:var(--r-lg);background:#fff}.msg-block-user .msg-body{background:var(--grad-user-msg);color:#fff;border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);text-align:left;border:none;width:fit-content;min-width:2rem;max-width:100%;box-shadow:0 4px 18px #9333ea59}.ai-body h1,.ai-body h2,.ai-body h3{color:var(--slate-900);margin:1.2rem 0 .5rem;font-weight:600}.ai-body h1{font-size:1.45rem}.ai-body h2{font-size:1.2rem}.ai-body h3{font-size:1.05rem}.ai-body p{margin-bottom:.8rem}.ai-body p:last-child{margin-bottom:0}.ai-body ul,.ai-body ol{margin-bottom:.8rem;padding-left:1.4rem}.ai-body li{margin-bottom:.3rem}.ai-body strong{color:var(--slate-900);font-weight:600}.ai-body em{color:var(--teal-700);font-style:italic}.ai-body a{color:var(--blue-600);text-decoration:underline}.ai-body code{color:var(--teal-700);background:#14b8a61a;border:1px solid #14b8a633;border-radius:6px;padding:.15rem .45rem;font-family:SF Mono,Fira Code,monospace;font-size:.88em}.ai-body pre{background:var(--slate-900);border-radius:var(--r-md);border:1px solid #14b8a626;margin:.8rem 0;padding:1.2rem;overflow-x:auto}.ai-body pre code{color:var(--teal-300);background:0 0;border:none;padding:0;font-size:.88em}.ai-body table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.9rem}.ai-body th{color:var(--teal-700);text-align:left;border:1px solid var(--slate-200);background:#14b8a614;padding:.6rem .8rem;font-weight:600}.ai-body td{border:1px solid var(--slate-200);padding:.6rem .8rem}.ai-body tr:nth-child(2n) td{background:#f7f8fccc}.ai-body blockquote{border-left:3px solid var(--teal-400);color:var(--slate-500);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#14b8a60d;margin:.8rem 0;padding:.6rem 1rem;font-style:italic}.ai-body hr{border:none;border-top:1px solid var(--slate-200);margin:1rem 0}.thinking-body{align-items:center;gap:.45rem;min-width:80px;padding:1rem 1.4rem;display:flex}.thinking-body span{background:var(--grad-teal);border-radius:50%;width:9px;height:9px;animation:1.3s infinite bounce}.thinking-body span:nth-child(2){animation-delay:.2s}.thinking-body span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.65)}40%{opacity:1;transform:scale(1.15)}}.composer-wrap{border-top:1px solid var(--slate-200);background:#fff;flex-direction:column;flex-shrink:0;align-items:center;padding:1rem 2rem 1.25rem;display:flex}.composer{background:var(--off-white);border:1.5px solid var(--slate-200);border-radius:var(--r-2xl);width:100%;max-width:720px;box-shadow:var(--shadow-sm);align-items:center;transition:all .25s;display:flex;overflow:hidden}.composer:focus-within{border-color:var(--teal-400);background:#fff;box-shadow:0 0 0 4px #14b8a61f}.composer-input{color:var(--slate-900);caret-color:var(--teal-500);background:0 0;border:none;outline:none;flex:1;padding:1.1rem 1.5rem;font-family:inherit;font-size:1rem}.composer-input::placeholder{color:var(--slate-400)}.composer-send{background:var(--grad-teal);color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:6px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #14b8a666}.composer-send:hover:not(:disabled){transform:scale(1.08)rotate(-5deg);box-shadow:0 8px 24px #14b8a68c}.composer-send:disabled{background:var(--slate-200);color:var(--slate-400);box-shadow:none;cursor:not-allowed}.composer-hint{text-align:center;color:var(--slate-400);margin-top:.6rem;font-size:.75rem}.admin-body{flex:1;padding:2rem;overflow-y:auto}.admin-section-title{color:var(--slate-900);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700;display:flex}.badge{background:var(--grad-teal);color:#fff;border-radius:20px;padding:.2rem .6rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700}.empty-state{color:var(--slate-400);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem;display:flex}.admin-list{flex-direction:column;gap:1rem;display:flex}.admin-card{border:1px solid var(--slate-200);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-user-info{align-items:center;gap:.9rem;display:flex}.admin-avatar{background:var(--grad-tri);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.admin-name{color:var(--slate-900);font-size:.95rem;font-weight:600}.admin-email{color:var(--slate-500);font-size:.83rem}.admin-actions{gap:.6rem;display:flex}.admin-approve,.admin-reject{border-radius:var(--r-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.admin-approve{color:var(--teal-600);background:#14b8a61a}.admin-approve:hover{background:var(--teal-500);color:#fff}.admin-reject{color:#dc2626;background:#ef44441a}.admin-reject:hover{color:#fff;background:#dc2626}.nav-btn{border-radius:var(--r-sm);color:#fffc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:.7rem;margin-bottom:.5rem;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex}.nav-btn:hover{color:#fff;background:#ffffff21}.nav-btn.danger:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.modal-veil{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#080d1aa6;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-box{border-radius:var(--r-2xl);scrollbar-width:none;width:90%;max-width:560px;max-height:88vh;box-shadow:var(--shadow-lg), 0 0 0 1px #14b8a626;background:#fff;padding:2.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) both pop-in;overflow-y:auto}.modal-box::-webkit-scrollbar{display:none}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-title{color:var(--slate-900);align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;display:flex}.modal-title svg{color:var(--teal-500)}.modal-close{background:var(--off-white);border:1px solid var(--slate-200);border-radius:var(--r-sm);cursor:pointer;color:var(--slate-500);align-items:center;padding:.4rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--slate-200);color:var(--slate-900)}.modal-desc{color:var(--slate-500);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.import-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.import-label{color:var(--slate-500);font-size:.83rem}.copy-prompt-btn{color:var(--teal-600);border-radius:var(--r-sm);cursor:pointer;background:#14b8a614;border:1px solid #14b8a640;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.copy-prompt-btn:hover{background:var(--teal-500);color:#fff;border-color:#0000}.modal-textarea{border:1.5px solid var(--slate-200);border-radius:var(--r-md);width:100%;color:var(--slate-900);resize:vertical;background:var(--off-white);outline:none;margin-bottom:.75rem;padding:1rem;font-family:inherit;font-size:.93rem;line-height:1.6;transition:all .2s}.modal-textarea:focus{border-color:var(--teal-400);background:#fff;box-shadow:0 0 0 4px #14b8a61a}.modal-save-btn{background:var(--grad-teal);color:#fff;border-radius:var(--r-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:2rem;padding:.9rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #14b8a659}.modal-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #14b8a680}.modal-save-btn:disabled{background:var(--slate-200);color:var(--slate-400);box-shadow:none;cursor:not-allowed}.memories-list-label{letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.memories-empty{color:var(--slate-400);padding:.5rem 0;font-size:.88rem;font-style:italic}.memories-list{flex-direction:column;gap:.6rem;display:flex}.memory-chip{background:var(--off-white);border:1px solid var(--slate-200);border-radius:var(--r-md);color:var(--slate-700);align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;font-size:.88rem;line-height:1.5;display:flex}.memory-chip span{flex:1}.memory-delete{color:var(--slate-400);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:.1rem;transition:all .2s;display:flex}.memory-delete:hover{color:#ef4444;background:#ef44441a}.sidebar-backdrop{display:none}@media (width<=1280px){.glass-shell{border-radius:28px;width:calc(100vw - 32px);height:calc(100vh - 32px)}:root{--sidebar-w:256px}}@media (width<=1024px){.glass-shell{border-radius:20px;width:calc(100vw - 20px);height:calc(100vh - 20px)}:root{--sidebar-w:240px}.messages-center-col{max-width:640px}.welcome-banner h2{font-size:1.7rem}}@media (width<=768px){.shell{justify-content:center;align-items:center}.glass-shell{border:1px solid #ffffffd9;border-radius:24px;width:calc(100vw - 16px);height:calc(100dvh - 16px);overflow:hidden;box-shadow:0 20px 60px #633cb433,0 0 0 1px #8b5cf61a}.orb-1{width:380px;height:380px}.orb-2{width:320px;height:320px}.orb-3{width:220px;height:220px}.orb-4{width:180px;height:180px}.sidebar{z-index:300;-webkit-backdrop-filter:blur(20px);background:#f1f5f9fa;border-radius:0 20px 20px 0;height:100%;margin:0;padding:1.5rem 1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 40px #00000014;opacity:1!important;width:280px!important}.glass-shell:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.glass-shell.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-backdrop{z-index:299;-webkit-backdrop-filter:blur(4px);background:#06080f66;animation:.2s fade-in;display:block;position:fixed;inset:0}.chat-main{border:none;border-radius:0;width:100%;margin:0}.topbar{height:56px;padding:0 1rem}.topbar-title{font-size:.9rem}.sidebar-toggle{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:.65rem;display:flex}.messages-viewport{padding:1rem .75rem}.messages-center-col{gap:1.5rem;max-width:100%;padding:.5rem 0 1.5rem}.msg-body{padding:.85rem 1rem;font-size:.95rem;line-height:1.65}.msg-meta{gap:.45rem}.meta-name{font-size:.72rem}.welcome-banner{gap:.75rem;padding:2rem 1rem 1.5rem}.welcome-orb{border-radius:16px;width:56px;height:56px}.welcome-banner h2{font-size:1.45rem}.welcome-banner p{font-size:.95rem}.welcome-chips{gap:.45rem}.chip{padding:.4rem .8rem;font-size:.78rem}.composer-wrap{padding:.65rem .75rem .8rem}.composer{border-radius:20px}.composer-input{padding:.9rem 1rem;font-size:16px}.composer-send{border-radius:12px;width:42px;height:42px;margin:5px}.composer-hint{margin-top:.4rem;font-size:.7rem}.modal-box{border-radius:28px;width:95%;max-height:92dvh;padding:1.75rem 1.25rem}.modal-title{font-size:1.35rem}.splash-card{border-radius:28px;padding:2.5rem 1.75rem}.splash-title{font-size:2rem}.login-btn{padding:1rem;font-size:.95rem}.admin-card{flex-direction:column;align-items:flex-start}.admin-actions{justify-content:flex-end;width:100%}.admin-body{padding:1.25rem}}@media (width<=480px){.welcome-banner h2{font-size:1.25rem}.welcome-chips{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.chip{text-align:center;width:100%;max-width:none;padding:.6rem .4rem;font-size:.75rem}.splash-title{font-size:1.75rem}.splash-card{padding:2rem 1.25rem}.composer-input{padding:.85rem .9rem;font-size:16px}.composer-send{border-radius:10px;width:38px;height:38px}.msg-body{padding:.75rem .9rem;font-size:.9rem}}@media (hover:none) and (pointer:coarse){.thread-item{min-height:48px;padding:.9rem}.thread-delete{opacity:1}.footer-btn{min-height:48px}.composer-send{min-width:44px;min-height:44px}.login-btn:hover{transform:none;box-shadow:0 8px 30px #8b5cf666}.new-chat-btn:hover,.chip:hover{transform:none}}@supports (padding:max(0px)){.composer-wrap{padding-bottom:max(.8rem, env(safe-area-inset-bottom))}.sidebar{padding-top:max(1.5rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom))}}