:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#16161f;--bg-elevated:#1c1c28;--bg-hover:#223;--accent:#6c63ff;--accent-bright:#8b85ff;--accent-dim:#3d3880;--accent-glow:#6c63ff40;--cyan:#00d4ff;--cyan-dim:#00d4ff26;--text-primary:#f0f0ff;--text-secondary:#9090b0;--text-muted:#555570;--border:#ffffff0f;--border-bright:#ffffff1f;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-accent:0 0 30px #6c63ff33;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--sidebar-width:340px;--header-height:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:15px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-primary);color:#f0f0ff;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.5;overflow:hidden}#root,body{height:100vh}#root{display:flex;flex-direction:column}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#223;background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d3880;background:var(--accent-dim)}::selection{background:#3d3880;background:var(--accent-dim);color:#f0f0ff;color:var(--text-primary)}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #6c63ff;outline:2px solid var(--accent);outline-offset:2px}*{transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,textarea{font-family:inherit}img{display:block;max-width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.app-layout{display:flex;height:100vh;overflow:hidden}.avatar{background:#1c1c28;background:var(--bg-elevated);object-fit:cover}.avatar,.avatar-placeholder{border-radius:50%;flex-shrink:0}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3d3880,#6c63ff);background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#fff;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-weight:600;justify-content:center;-webkit-user-select:none;user-select:none}.status-dot{border:2px solid #111118;border:2px solid var(--bg-secondary);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.status-dot.online{background:#22c55e;background:var(--success)}.status-dot.offline{background:#555570;background:var(--text-muted)}.status-dot.away{background:#f59e0b;background:var(--warning)}.status-dot.busy{background:#ef4444;background:var(--danger)}.glow-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8b85ff 60%,#00d4ff);background:linear-gradient(135deg,#fff 0,var(--accent-bright) 60%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .2s ease both}.slide-in{animation:slideIn .2s ease both}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1c1c28 25%,#223 50%,#1c1c28 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@media (max-width:768px){:root{--sidebar-width:100vw}}.login-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg{inset:0;pointer-events:none;position:absolute}.login-bg-orb{border-radius:50%;filter:blur(80px);position:absolute}.login-bg-orb--1{background:radial-gradient(circle,#6c63ff2e 0,#0000 70%);height:500px;left:-100px;top:-150px;width:500px}.login-bg-orb--2{background:radial-gradient(circle,#00d4ff1f 0,#0000 70%);bottom:-100px;height:400px;right:-80px;width:400px}.login-bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 75%);mask-image:radial-gradient(ellipse at center,#000 20%,#0000 75%);position:absolute}.login-card{animation:fadeIn .4s ease;background:var(--bg-secondary);border:1px solid var(--border-bright);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 60px #6c63ff14;max-width:calc(100vw - 32px);padding:48px 44px;position:relative;width:420px;z-index:1}.login-logo{gap:12px;margin-bottom:36px}.login-logo,.login-logo-icon{align-items:center;display:flex}.login-logo-icon{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-md);height:48px;justify-content:center;width:48px}.login-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,var(--accent-bright));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.login-headline{margin-bottom:32px}.login-headline h1{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin-bottom:10px}.login-headline p{color:var(--text-secondary);font-size:.95rem}.login-features{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:32px}.login-feature{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;font-weight:500;gap:8px;padding:10px 12px}.login-feature,.login-google-btn{align-items:center;border-radius:var(--radius-md);display:flex}.login-google-btn{background:#fff;box-shadow:0 2px 12px #0000004d;color:#1a1a2e;font-size:.95rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:14px 20px;transition:transform .15s ease,box-shadow .15s ease!important;width:100%}.login-google-btn:hover{box-shadow:0 4px 20px #0006;transform:translateY(-1px)}.login-google-btn:active{transform:translateY(0)}.login-footer{color:var(--text-muted);font-size:.8rem;text-align:center}.login-footer a{color:var(--accent-bright)}.login-footer a:hover{text-decoration:underline}.chatlist{flex:1 1;overflow-y:auto;padding:4px 0}.chatlist-section-label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;padding:8px 16px 4px;text-transform:uppercase}.chatlist-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:12px;margin:1px 4px;padding:10px 14px;text-align:left;transition:background .1s!important;width:100%;width:calc(100% - 8px)}.chatlist-item:hover{background:var(--bg-tertiary)}.chatlist-item--active{background:var(--bg-elevated)!important}.chatlist-item--active .chatlist-name{color:var(--accent-bright)}.chatlist-avatar-wrap{flex-shrink:0;position:relative}.chatlist-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.chatlist-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.chatlist-name{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatlist-time{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.chatlist-preview,.chatlist-sub{color:var(--text-secondary);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatlist-loading{padding:8px}.chatlist-skeleton{align-items:center;display:flex;gap:12px;margin-bottom:4px;padding:10px}.chatlist-empty{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 24px;text-align:center}.chatlist-empty-icon{font-size:2.5rem;margin-bottom:8px}.chatlist-empty p{color:var(--text-primary);font-weight:600}.chatlist-empty span{color:var(--text-secondary);font-size:.85rem}.search-bar{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:8px;padding:8px 12px;transition:border-color .15s!important}.search-bar:focus-within{border-color:var(--accent-dim)}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:.88rem;outline:none}.search-bar input::placeholder,.search-clear{color:var(--text-muted)}.search-clear{border-radius:4px;font-size:.8rem;line-height:1;padding:2px;transition:color .1s,background .1s!important}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-box{animation:fadeIn .2s ease;background:var(--bg-secondary);border:1px solid var(--border-bright);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px;max-height:80vh;max-width:calc(100vw - 32px);overflow-y:auto;padding:24px;width:420px}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.modal-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:3px;padding:3px}.modal-tab{border-radius:10px;color:var(--text-secondary);flex:1 1;font-size:.85rem;font-weight:600;padding:8px;transition:background .15s,color .15s!important}.modal-tab--active{background:var(--bg-elevated);color:var(--text-primary)}.modal-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .15s!important;width:100%}.modal-input:focus{border-color:var(--accent-dim)}.modal-input::placeholder{color:var(--text-muted)}.selected-users{display:flex;flex-wrap:wrap;gap:6px}.selected-chip{align-items:center;background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--text-primary);display:flex;font-size:.82rem;gap:6px;padding:4px 10px}.selected-chip button{color:var(--text-secondary);font-size:.75rem;line-height:1}.modal-results{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.modal-user-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:12px;padding:10px;text-align:left;transition:background .1s!important}.modal-user-item:hover{background:var(--bg-elevated)}.modal-user-item--selected{background:#6c63ff1a!important}.modal-create-btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:600;padding:12px;transition:background .15s,opacity .15s!important}.modal-create-btn:hover:not(:disabled){background:var(--accent-bright)}.modal-create-btn:disabled{opacity:.4;pointer-events:none}.profile-avatar-section{align-items:center;display:flex;gap:16px}.profile-avatar-label{cursor:pointer;flex-shrink:0;position:relative}.profile-avatar-img{font-size:1.5rem!important;height:70px!important;width:70px!important}.profile-avatar-overlay{align-items:center;background:#00000080;border-radius:50%;display:flex;font-size:1.2rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s!important}.profile-avatar-label:hover .profile-avatar-overlay{opacity:1}.profile-error{background:#ef444426;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#fca5a5;font-size:.85rem;padding:10px 14px}.profile-actions{display:flex;flex-direction:column;gap:8px}.profile-logout-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--danger);font-size:.88rem;font-weight:600;padding:11px;transition:background .15s!important}.profile-logout-btn:hover{background:#ef44441a}.sidebar{background:var(--bg-secondary);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;height:var(--header-height);justify-content:space-between;padding:0 16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:700;gap:9px;letter-spacing:-.3px}.sidebar-actions{gap:6px}.icon-btn,.sidebar-actions{align-items:center;display:flex}.icon-btn{border-radius:var(--radius-sm);color:var(--text-secondary);height:34px;justify-content:center;transition:background .15s,color .15s!important;width:34px}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.avatar-btn{padding:2px}.sidebar-search{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px}.bubble-wrap{align-items:flex-end;align-self:flex-start;animation:fadeIn .15s ease;display:flex;gap:6px;margin-bottom:2px;max-width:70%;position:relative}.bubble-wrap--own{align-self:flex-end;flex-direction:row-reverse}.bubble-avatar{flex-shrink:0;margin-bottom:2px}.bubble-content{display:flex;flex-direction:column;gap:2px;max-width:100%;position:relative}.bubble-sender{color:var(--accent-bright);font-size:.75rem;font-weight:600;padding:0 4px}.bubble-reply{background:var(--bg-elevated);border-left:3px solid var(--accent);border-radius:6px 6px 0 0;font-size:.8rem;max-width:100%;padding:6px 10px}.bubble-reply-name{color:var(--accent-bright);display:block;font-weight:600;margin-bottom:2px}.bubble-reply-text{color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble{border-radius:var(--radius-lg);padding:9px 13px;position:relative;word-break:break-word}.bubble--other{background:var(--bg-elevated);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text-primary)}.bubble--own{background:linear-gradient(135deg,var(--accent-dim),var(--accent));border-bottom-right-radius:4px;color:#fff}.bubble--media{overflow:hidden;padding:6px}.bubble--deleted{font-size:.85rem;font-style:italic;opacity:.5}.bubble-text{font-size:.92rem;line-height:1.5;white-space:pre-wrap}.bubble-image img{border-radius:10px;cursor:pointer;max-height:300px;max-width:280px;object-fit:cover;transition:opacity .15s!important}.bubble-image img:hover{opacity:.9}.bubble-caption{font-size:.88rem;padding:6px 8px 2px}.bubble-video{border-radius:10px;max-width:280px}.bubble-audio{margin:4px;width:220px}.bubble-file{align-items:center;color:inherit;display:flex;gap:10px;min-width:180px;padding:4px}.bubble-file-icon{font-size:1.8rem}.bubble-file-name{font-size:.85rem;font-weight:600}.bubble-file-size{font-size:.75rem;opacity:.7}.bubble-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:3px}.bubble-time{font-size:.7rem;opacity:.65}.bubble-edited{font-size:.68rem;opacity:.6}.bubble-status{font-size:.75rem;opacity:.8}.bubble--own .bubble-status{color:#a5f3fc}.bubble-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.reaction-chip{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:.85rem;gap:3px;padding:2px 8px;transition:background .1s,border-color .1s!important}.reaction-chip:hover{background:var(--bg-hover);border-color:var(--accent-dim)}.reaction-chip span{font-size:.75rem}.bubble-actions{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:none;gap:2px;padding:2px 4px;position:absolute;right:0;top:-28px}.bubble-wrap:hover .bubble-actions{display:flex}.bubble-wrap--own .bubble-actions{left:0;right:auto}.bubble-action-btn{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;height:26px;justify-content:center;width:26px}.bubble-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.reaction-picker{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;gap:2px;padding:4px 8px;position:absolute;right:32px;top:-50px;z-index:10}.reaction-picker--left{left:0;right:auto}.reaction-picker button{border-radius:50%;font-size:1.2rem;padding:3px;transition:transform .1s!important}.reaction-picker button:hover{transform:scale(1.3)}.msg-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.msg-menu--left{left:0;right:auto}.msg-menu button{border-radius:8px;color:var(--text-primary);font-size:.85rem;padding:8px 12px;text-align:left;transition:background .1s!important;width:100%}.msg-menu button:hover{background:var(--bg-hover)}.msg-input-wrap{background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px 14px}.upload-progress{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:10px;padding:6px 0 8px}.upload-progress-bar-wrap{background:var(--bg-elevated);border-radius:2px;flex:1 1;height:3px;overflow:hidden}.upload-progress-bar{background:var(--accent);border-radius:2px;height:3px;transition:width .2s ease!important}.msg-input{align-items:flex-end;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;gap:8px;padding:6px 8px 6px 12px;transition:border-color .15s!important}.msg-input:focus-within{border-color:var(--accent-dim)}.msg-input-action{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;height:34px;justify-content:center;transition:color .15s,background .15s!important;width:34px}.msg-input-action:hover{background:var(--bg-hover);color:var(--accent-bright)}.msg-input-action:disabled{opacity:.4;pointer-events:none}.msg-textarea{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:.92rem;line-height:1.5;max-height:120px;outline:none;overflow-y:auto;padding:6px 0;resize:none}.msg-send-btn,.msg-textarea::placeholder{color:var(--text-muted)}.msg-send-btn{align-items:center;background:var(--bg-hover);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s,color .15s,transform .1s!important;width:36px}.msg-send-btn--active{background:var(--accent);color:#fff}.msg-send-btn--active:hover{background:var(--accent-bright);transform:scale(1.05)}.msg-send-btn:disabled{opacity:.5;pointer-events:none}.chat-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;height:var(--header-height);padding:0 12px}.chat-header-back{color:var(--text-secondary);display:none}@media (max-width:768px){.chat-header-back{display:flex}}.chat-header-info{align-items:center;border-radius:var(--radius-md);display:flex;flex:1 1;gap:10px;min-width:0;padding:6px 8px;transition:background .15s!important}.chat-header-info:hover{background:var(--bg-elevated)}.chat-header-avatar-wrap{flex-shrink:0;position:relative}.chat-header-text{display:flex;flex-direction:column;min-width:0}.chat-header-name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-status{color:var(--text-muted);font-size:.78rem}.chat-header-status--online{color:var(--success)}.chat-header-actions{align-items:center;color:var(--text-secondary);display:flex;gap:2px}.chat-window{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;position:relative}.chat-messages{background:radial-gradient(ellipse at 20% 80%,#6c63ff0a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#00d4ff08 0,#0000 50%),var(--bg-primary);flex:1 1;gap:2px;overflow-y:auto;padding:16px 20px}.chat-messages,.messages-loading{display:flex;flex-direction:column}.messages-loading{gap:12px;padding:20px 0}.msg-skeleton{display:flex}.msg-skeleton--right{justify-content:flex-end}.load-more-btn{align-self:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8rem;margin:8px auto;padding:6px 16px;transition:background .15s,color .15s!important}.load-more-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.date-divider{align-items:center;display:flex;justify-content:center;margin:12px 0}.date-divider span{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:.72rem;font-weight:500;padding:4px 12px}.typing-indicator{color:var(--text-muted);font-size:.82rem;gap:8px;padding:4px 0}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dots span{animation:pulse 1.2s infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.empty-state{align-items:center;background:radial-gradient(ellipse at 50% 50%,#6c63ff0d 0,#0000 60%),var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.empty-state-icon{animation:fadeIn .5s ease;margin-bottom:8px}.empty-state h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--accent-bright));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.4rem;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;max-width:320px}.empty-state-features{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px;max-width:360px}.empty-feature{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.82rem;font-weight:500;gap:8px;padding:12px 16px}.chat-page{background:var(--bg-primary);display:flex;height:100vh;overflow:hidden}.chat-sidebar-wrap{border-right:1px solid var(--border);flex-shrink:0;height:100vh;width:var(--sidebar-width)}.chat-main{display:flex;flex:1 1;flex-direction:column;min-width:0}@media (max-width:768px){.chat-sidebar-wrap{inset:0;position:fixed;transform:translateX(-100%);transition:transform .25s ease;width:100vw;z-index:10}.chat-sidebar-wrap--visible{transform:translateX(0)}.chat-main{inset:0;position:fixed;transform:translateX(100%);transition:transform .25s ease}.chat-main--visible{transform:translateX(0)}}.loading-screen{background:var(--bg-primary);flex-direction:column;gap:20px;height:100vh;justify-content:center}.loading-logo,.loading-screen{align-items:center;display:flex}.loading-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,var(--accent-bright));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.6rem;font-weight:700;gap:12px;letter-spacing:-.5px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.loading-message{color:var(--text-muted);font-size:.88rem}
/*# sourceMappingURL=main.eec5a334.css.map*/