:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}*{box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}.login-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.login-card{background:#1e293b;border:1px solid #334155;border-radius:1rem;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000004d}.login-card h1{margin-top:0;margin-bottom:.5rem;font-size:1.8rem}.login-card p{color:#94a3b8;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.9rem;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper i{color:#64748b;position:absolute;left:1rem}.input-wrapper input,.input-wrapper textarea{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem .75rem 2.8rem;transition:border-color .2s}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:#3b82f6}button.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-weight:600;transition:opacity .2s}button.primary-btn:hover{opacity:.9}.cheat-sheet{background:#1e293b;border:1px solid #334155;border-radius:1rem;width:100%;max-width:400px;margin-top:2rem;padding:1.5rem}.cheat-sheet h3{color:#94a3b8;margin-top:0;margin-bottom:1rem;font-size:1rem}.demo-users{flex-direction:column;gap:.75rem;display:flex}.demo-user-btn{color:#e2e8f0;cursor:pointer;text-align:left;background:#334155;border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;transition:background .2s}.demo-user-btn:hover{background:#475569}.chat-layout{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.chat-content::-webkit-scrollbar{display:none}.sidebar{background:#1e293b;border-right:1px solid #334155;flex-direction:column;width:320px;min-width:320px;transition:all .3s;display:flex}.chat-content{background:#0f172a;flex-direction:column;flex:1;transition:all .3s;display:flex}@media (width<=768px){.sidebar{z-index:10;width:100%;min-width:100%;height:100%;position:absolute}.chat-content{z-index:20;width:100%;height:100%;position:absolute}.hidden-mobile{display:none!important}}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:flex}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.join-page-container{transition:all .3s ease-in-out}.landing-page{color:#fff;background:#12122b;min-height:100vh;overflow-x:hidden}.landing-nav{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex}.nav-logo{align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{background:#3b82f6;border-radius:.75rem;padding:.5rem;display:flex}.hero-section{text-align:center;max-width:1100px;margin:0 auto;padding:clamp(4rem,10vh,8rem) 5%}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:#94a3b8;max-width:700px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.features-container{max-width:1200px;margin:0 auto;padding:2rem 5% 5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background:#22273d;border:1px solid #334155;border-radius:1rem;padding:2rem;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{margin-bottom:.75rem;font-size:1.5rem}.primary-btn-large{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.75rem;align-items:center;gap:.75rem;margin:0 auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;display:flex}.outline-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:.5rem;padding:.6rem 1.2rem;font-weight:600}.badge{color:#60a5fa;marginBottom:2rem;background:#3b82f61a;border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.text-blue{color:#3b82f6}.landing-footer{text-align:center;color:#64748b;border-top:1px solid #1e293b;padding:3rem 5%;font-size:.9rem}@media (width<=768px){.landing-nav{padding:1rem 5%}.hero-section{padding:4rem 5%}}.info-drawer{z-index:50;background:#1e293b;border-left:1px solid #334155;flex-direction:column;width:350px;height:100%;transition:right .3s ease-in-out;display:flex;position:absolute;top:0;right:-100%}.info-drawer::-webkit-scrollbar{display:none}.info-drawer.open{right:0}.info-drawer-header{border-bottom:1px solid #334155;align-items:center;gap:1rem;padding:1.5rem;display:flex}.info-drawer-content{padding:1.5rem;overflow-y:auto}.info-message-preview{max-height:200px;padding:1rem;padding:"1rem";margin-bottom:"1.5rem";text-align:"left";background:#0f172a;border-left:3px solid #3b82f6;border-radius:.75rem;overflow-y:auto}.info-message-preview p{color:#f1f5f9;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%;margin:0 0 .5rem;font-size:1rem;line-height:1.5;display:block}.view-item{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.view-avatar{background:#334155;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.view-details p{margin:0;font-size:.9rem;font-weight:500}.view-details span{color:#94a3b8;font-size:.75rem}.drawer-backdrop{z-index:45;background:#00000080;position:absolute;inset:0}.message-caret{opacity:0;background:inherit;border-radius:4px;padding:2px;transition:opacity .2s;position:absolute;top:4px;right:4px}.message-context-menu{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:8px;min-width:140px;margin-top:4px;padding:4px;position:absolute;top:100%;box-shadow:0 10px 15px -3px #00000080}.menu-right{right:0}.menu-left{left:0}.message-context-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.85rem;display:flex}.message-context-menu button:hover{background:#334155}.menu-backdrop{z-index:99;position:fixed;inset:0}.message-bubble{min-width:60px;box-shadow:0 1px 2px #0000001a}.message-text-content{word-break:break-word;white-space:pre-wrap;color:#f8fafc;line-height:1.4}.message-caret{opacity:0;cursor:pointer;background:#1e293bcc;border-radius:4px;padding:2px;position:absolute;top:6px;right:6px}.message-bubble.other{box-shadow:2px 2px 5px #0003}.message-bubble.other span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:inline-block;overflow:hidden}.message-wrapper:hover .message-caret{opacity:1}.edit-form-container{background:#1e293b;border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1rem;display:flex}.edit-avatar-upload{cursor:pointer;width:90px;height:90px;margin:0 auto 1rem;transition:transform .2s;position:relative}.edit-avatar-upload:hover{transform:scale(1.05)}.edit-avatar-overlay{opacity:0;background:#0006;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-avatar-upload:hover .edit-avatar-overlay{opacity:1}.edit-form-container textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:80px;padding:.75rem}@media (width<=768px){.info-drawer{width:85%}}