:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0}#root{min-height:100vh}.ui-input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:.6rem;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .12s,background .12s}.ui-input:focus{border-color:var(--border-input)}.ui-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .9rem;font-family:inherit;font-size:.88rem;transition:background .12s,color .12s,border-color .12s,transform .12s;display:inline-flex}.ui-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn-primary{background:linear-gradient(to right, var(--accent), var(--accent-2));color:#fff;border:none;font-weight:600}.ui-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.ui-btn-danger{color:#f87171}.ui-btn-danger:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef444459}.ui-icon-btn{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.ui-timer-ring{cursor:pointer;background:conic-gradient(var(--ring-color,var(--accent)) var(--pct), #94a3b82e 0);border:none;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;display:grid}.ui-timer-ring:before{content:"";background:var(--ring-inner,var(--bg-panel-deep));border-radius:50%;grid-area:1/1;width:calc(100% - 4px);height:calc(100% - 4px);display:block}.ui-timer-ring .ui-timer-num{color:var(--text-primary);grid-area:1/1;font-size:.78rem;font-weight:700}:root{--icon-stroke:2;--text-scale:1;--chat-wallpaper:none;--bg-root:radial-gradient(circle at top left, #0f172a, #020617);--bg-header:#0a1223fa;--bg-panel:#0f172af2;--bg-panel-deep:#0f172afa;--bg-elevated:#1e293bcc;--bg-hover:#94a3b80d;--bg-active:#38bdf814;--bg-chat-area:radial-gradient(circle at top left, #0f172afa, #0f172ae6);--border:#94a3b833;--border-subtle:#94a3b81f;--border-input:#38bdf866;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-muted2:#94a3b8;--accent:#38bdf8;--accent-2:#818cf8;--msg-out:#38bdf826;--msg-in:#1e293be6;--input-bg:#1e293b99;--shadow-header:0 1px 12px #0006;--shadow-card:0 4px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-size:calc(16px * var(--text-scale))}[data-color-mode=light]{--bg-root:radial-gradient(circle at top left, #dbeafe, #f8fafc);--bg-header:#f8fafcfa;--bg-panel:#fffffff2;--bg-panel-deep:#f8fafcfa;--bg-elevated:#e2e8f0cc;--bg-hover:#64748b0f;--bg-active:#0ea5e91a;--bg-chat-area:radial-gradient(circle at top left, #fffffffa, #f8fafce6);--border:#64748b33;--border-subtle:#64748b1f;--border-input:#0ea5e980;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-muted2:#94a3b8;--accent:#0ea5e9;--accent-2:#6366f1;--msg-out:#0ea5e91f;--msg-in:#e2e8f0e6;--input-bg:#e2e8f099;--shadow-header:0 1px 12px #00000014;--shadow-card:0 4px 24px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-palette=simple]{--chat-wallpaper:none}[data-palette=forest]{--chat-wallpaper:none;--accent:#22c55e;--accent-2:#06b6d4;--bg-active:#22c55e14;--border-input:#22c55e59;--msg-out:#22c55e1a}[data-palette=space]{--chat-wallpaper:none;--accent:#60a5fa;--accent-2:#a78bfa;--bg-active:#60a5fa14;--border-input:#60a5fa61;--msg-out:#60a5fa1c}[data-palette=neon]{--chat-wallpaper:none;--accent:#22d3ee;--accent-2:#fb7185;--bg-active:#22d3ee14;--border-input:#22d3ee61;--msg-out:#22d3ee1a}[data-palette=city]{--chat-wallpaper:none;--accent:#f59e0b;--accent-2:#6366f1;--bg-active:#f59e0b14;--border-input:#f59e0b61;--msg-out:#f59e0b1a}[data-icon-pack=thin]{--icon-stroke:1.5}[data-icon-pack=classic]{--icon-stroke:2}[data-icon-pack=strong]{--icon-stroke:2.5}html svg.lucide,html svg.lucide :is(path,circle,line,polyline,polygon,rect,ellipse){stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--icon-stroke)!important}.voice-preview-play svg,.chat-send-btn svg,.msg-audio-play svg,.voice-preview-action.snd svg,.video-player-bar .voice-preview-play svg{flex-shrink:0;display:block}html[data-icon-set=heroicons] .voice-preview-play svg,html[data-icon-set=heroicons] .chat-send-btn svg,html[data-icon-set=heroicons] .msg-audio-play svg,html[data-icon-set=heroicons] .voice-preview-action.snd svg,html[data-icon-set=heroicons] .video-player-bar .voice-preview-play svg{color:inherit}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.app-root{background:var(--bg-root);flex-direction:column;height:100vh;max-height:100vh;transition:background .25s;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-header);box-shadow:var(--shadow-header);flex-shrink:0;justify-content:center;align-items:center;padding:.7rem 1.25rem;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.app-layout-toggle{border:1px solid var(--border);width:2.1rem;height:2.1rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.app-layout-toggle:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent));color:var(--text-primary);border-color:var(--border)}.app-layout-icon-full{transform:rotate(90deg)}.logo{align-items:center;display:flex}.app-main{flex:1;grid-template-rows:1fr;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:.75rem;min-height:0;padding:.75rem;display:grid;overflow:hidden}.sidebar{min-height:0;overflow:hidden}.sidebar-header{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted2);margin-bottom:.5rem;font-size:.85rem}.sidebar-placeholder{border:1px dashed var(--border);color:var(--text-muted2);border-radius:.75rem;flex:1;padding:.75rem;font-size:.9rem}.chat-area{border:1px solid var(--border);background:var(--bg-chat-area);border-radius:1rem;min-height:0;transition:background .25s,border-color .25s;display:flex;overflow:hidden}.chat-area>*{flex:1;min-width:0}.app-main-mobile{padding:.75rem;display:block}.app-main-mobile .sidebar,.app-main-mobile .chat-area{height:100%}.chat-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:2rem;display:flex}.chat-placeholder-icon{opacity:.4;color:var(--text-secondary);font-size:3rem}.chat-placeholder h2{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:500}.chat-placeholder p{color:var(--text-muted);max-width:320px;margin:0;font-size:.9rem}@media (width<=768px){.app-header{padding-right:3.6rem}}.solus-logo{justify-content:center;align-items:center;min-width:5ch;display:inline-flex;position:relative}.solus-logo__word{background:linear-gradient(to right, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;will-change:transform, opacity, filter;-webkit-background-clip:text;background-clip:text;font-weight:700}.solus-logo__cyrillic{position:absolute;left:50%;transform:translate(-50%)translateY(10px)}.solus-logo--auth .solus-logo__word{font-size:1.1rem}.solus-logo--header .solus-logo__word{font-size:1rem}@keyframes solus-latin{0%,43.75%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}50%{opacity:0;filter:blur(5px);transform:translate(-50%)translateY(-12px)scale(.94)}93.75%{opacity:0;filter:blur(5px);transform:translate(-50%)translateY(12px)scale(.94)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}}@keyframes solus-cyrillic{0%,43.75%{opacity:0;filter:blur(5px);transform:translate(-50%)translateY(12px)scale(.94)}50%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}93.75%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;filter:blur(5px);transform:translate(-50%)translateY(-12px)scale(.94)}}.solus-logo__latin{animation:32s cubic-bezier(.4,0,.2,1) infinite solus-latin;position:absolute;left:50%;transform:translate(-50%)}.solus-logo__cyrillic{animation:32s cubic-bezier(.4,0,.2,1) infinite solus-cyrillic}.solus-logo:after{content:"Единственный";letter-spacing:.12em;text-transform:uppercase;visibility:hidden;pointer-events:none;font-weight:700}.solus-logo--auth:after{font-size:1.1rem}.solus-logo--header:after{font-size:1rem}.auth-page{background:radial-gradient(circle at 0 0,#0f172a,#020617);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #94a3b833;border-radius:1.25rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:380px;padding:2rem 1.75rem;display:flex;box-shadow:0 24px 48px #00000080}.auth-logo{justify-content:center;align-items:center;height:1.6rem;display:flex}.auth-title{color:#f1f5f9;letter-spacing:.01em;margin:0;font-size:1.35rem;font-weight:600}.auth-form{flex-direction:column;gap:.65rem;width:100%;display:flex}.auth-input{color:#f1f5f9;box-sizing:border-box;background:#1e293bcc;border:1px solid #94a3b833;border-radius:.6rem;outline:none;width:100%;padding:.65rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:#64748b}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.pwd-rules{background:#1e293b99;border:1px solid #94a3b826;border-radius:.6rem;flex-direction:column;gap:.3rem;margin:0;padding:.5rem .75rem;list-style:none;display:flex}.pwd-rule{color:#64748b;align-items:center;gap:.5rem;font-size:.8rem;transition:color .2s;display:flex}.pwd-rule.ok{color:#34d399}.pwd-rule-icon{text-align:center;flex-shrink:0;width:14px;font-size:.75rem}.auth-error-slot{align-items:center;min-height:2.4rem;display:flex}.auth-error{color:#f87171;text-align:center;background:#f8717114;border:1px solid #f8717140;border-radius:.5rem;width:100%;padding:.45rem .75rem;font-size:.85rem;animation:.18s auth-error-in}@keyframes auth-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-success{color:#34d399;text-align:center;background:#34d39914;border:1px solid #34d39940;border-radius:.5rem;padding:.45rem .75rem;font-size:.85rem}.auth-button{background:linear-gradient(to right, var(--accent), var(--accent-2));color:#020617;cursor:pointer;border:none;border-radius:.6rem;width:100%;padding:.65rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-button:disabled{opacity:.55;cursor:not-allowed}.auth-hint{color:#64748b;margin:0;font-size:.85rem}.auth-link{color:var(--accent);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:.15rem;padding:0;font-size:.85rem}.auth-link-button:hover{text-decoration:underline}.auth-recovery{border-top:1px solid #94a3b82e;flex-direction:column;gap:.75rem;width:100%;padding-top:.8rem;display:flex}.auth-input-wrap{width:100%;position:relative}.auth-input-wrap .auth-input{padding-right:2.75rem}.auth-input-eye{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.1rem;transform:translateY(-50%)}.auth-input-eye:hover{color:#94a3b8}.auth-input-eye svg{width:1.1rem;height:1.1rem;display:block}.auth-input-prefix-wrap{align-items:center;display:flex;position:relative}.auth-input-prefix{color:var(--accent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:600;position:absolute;left:.9rem}.auth-input-with-prefix{padding-left:1.9rem!important}.auth-input-code{text-align:center;letter-spacing:.3em;font-size:1.5rem;font-weight:700}.code-cells{justify-content:center;gap:.5rem;display:flex}.code-cell{text-align:center;color:#f1f5f9;caret-color:#0000;-webkit-user-select:text;user-select:text;background:#1e293bcc;border:1.5px solid #94a3b833;border-radius:.6rem;outline:none;flex-shrink:0;width:38px;height:46px;font-family:inherit;font-size:1.25rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .1s}.code-cell:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);transform:scale(1.06)}.code-cell:not(:placeholder-shown){border-color:color-mix(in srgb, var(--accent-2) 60%, transparent)}.auth-button-ghost{color:#94a3b8;background:0 0;border:1px solid #94a3b84d}.auth-button-ghost:hover{color:#e2e8f0;border-color:#94a3b899}.auth-dev-hint{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.82rem}.sidebar{border:1px solid var(--border);background:var(--bg-panel);border-radius:1rem;flex-direction:column;height:100%;transition:background .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.sidebar.profile-active{z-index:20}.profile-dim-overlay{z-index:19;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;animation:.2s dim-fade-in;position:fixed;inset:0}@keyframes dim-fade-in{0%{opacity:0}to{opacity:1}}.sidebar-header-row{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.sidebar-avatar-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:opacity .15s,transform .15s;display:flex;overflow:hidden}.sidebar-avatar-btn:hover{opacity:.85;transform:scale(1.05)}.sidebar-avatar-img{object-fit:cover;width:100%;height:100%}.sidebar-avatar-initials{color:#fff;letter-spacing:.02em;font-size:.72rem;font-weight:700}.sidebar-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.sidebar-search-input{flex:1;padding:.35rem .65rem;font-size:.88rem}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-field{border-radius:.5rem;flex:1;align-items:center;gap:.35rem;min-width:0;padding:.2rem .45rem .2rem .5rem;display:flex}.sidebar-search-field-icon{color:var(--text-muted);opacity:.85;flex-shrink:0;display:flex}.sidebar-search-field-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.2rem 0;font-family:inherit;font-size:.88rem}.sidebar-search-field-input::placeholder{color:var(--text-muted)}.sidebar-search-clear{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.sidebar-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-actions{gap:.25rem;display:flex}.sidebar-icon-btn{border:1px solid var(--border);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-icon-btn:hover,.sidebar-icon-btn.active{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.sidebar-create-form{border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:.4rem;padding:.5rem .75rem;display:flex}.sidebar-create-input{flex:1;padding:.35rem .6rem;font-size:.85rem}.sidebar-create-submit{white-space:nowrap;padding:.35rem .75rem;font-size:.8rem}.sidebar-create-submit:disabled{opacity:.5;cursor:not-allowed}.sidebar-create-group{flex-direction:column;align-items:stretch;gap:.5rem}.sidebar-create-type-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sidebar-create-type-btn{align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.82rem;display:inline-flex}.sidebar-create-type-btn svg{opacity:.9;flex-shrink:0}.sidebar-create-type-btn.active{color:var(--accent);background:#38bdf81a;border-color:#38bdf899}.sidebar-create-public-toggle{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;margin-left:auto;font-size:.82rem;display:inline-flex}.sidebar-create-public-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent)}.sidebar-create-members{flex-direction:column;gap:.35rem;display:flex}.sidebar-create-member-search{font-size:.82rem}.sidebar-create-status{color:var(--text-muted);font-size:.75rem}.sidebar-create-results{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;max-height:140px;margin:0;padding:.2rem 0;list-style:none;overflow-y:auto}.sidebar-create-result-item{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.88rem;transition:background .12s;display:flex}.sidebar-create-result-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-create-result-item span:nth-child(2){text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-create-result-username{color:var(--text-muted);font-size:.75rem}.sidebar-create-chips{flex-wrap:wrap;gap:.35rem;display:flex}.sidebar-create-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:1rem;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.78rem;display:inline-flex}.sidebar-create-chip-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .12s;display:flex}.sidebar-create-chip-remove:hover{color:#ef4444}.sidebar-error{color:#f87171;flex-shrink:0;padding:.4rem .75rem;font-size:.8rem}.sidebar-list-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-status{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:1.5rem 1rem;font-size:.85rem;line-height:1.6;display:flex}.sidebar-status-hint{color:var(--text-secondary);font-size:.8rem}.chat-list{margin:0;padding:.3rem;list-style:none}.chat-item{cursor:pointer;color:var(--text-secondary);border-radius:.6rem;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.9rem;transition:background .12s;display:flex}.chat-item:hover{background:var(--bg-hover)}.chat-item.is-active{background:var(--bg-active);color:var(--text-primary)}.chat-item-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:.88rem;font-weight:700;display:flex}.chat-item-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.chat-item-icon{text-align:center;flex-shrink:0;width:2.1rem;font-size:1.1rem;line-height:1}.chat-item-info{flex-direction:column;flex:1;gap:.05rem;display:flex;overflow:hidden}.chat-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-item-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.chat-item-unread{background:linear-gradient(to right, var(--accent), var(--accent-2));color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;font-size:.75rem;font-weight:900;display:flex}.chat-item-delete-space{flex-shrink:0;width:1.65rem;height:1.65rem;display:inline-block}.chat-item-delete{opacity:0;color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;padding:0;font-size:.75rem;transition:opacity .12s,background .12s;display:flex}.chat-item:hover .chat-item-delete{opacity:1}.chat-item-delete:hover{background:#ef44441f}.chat-item-delete.countdown{opacity:1;color:var(--text-primary);background:conic-gradient(var(--accent) var(--pct), #94a3b82e 0);border:none;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;padding:0;display:grid}.chat-item-delete.countdown:before{content:"";background:var(--bg-panel-deep);border-radius:50%;grid-area:1/1;width:calc(100% - 4px);height:calc(100% - 4px);display:block}.chat-item-delete.countdown .countdown-num{color:var(--text-primary);grid-area:1/1;font-size:.75rem;font-weight:700}.profile-panel{z-index:5;background:var(--bg-panel-deep);flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;display:flex;position:absolute;inset:0;transform:translate(-100%)}.profile-panel.open{transform:translate(0)}.profile-panel-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.profile-panel-title{color:var(--text-primary);letter-spacing:.01em;font-size:.95rem;font-weight:600}.profile-avatar-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;padding:1.75rem 1rem 1.25rem;display:flex}.profile-avatar-wrap{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:50%;flex-shrink:0;width:80px;height:80px;padding:0;transition:transform .15s;position:relative;overflow:hidden}.profile-avatar-wrap:hover{transform:scale(1.04)}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1;pointer-events:auto}.profile-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-initials{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;font-weight:700;display:flex}.profile-avatar-overlay{color:#fff;opacity:0;pointer-events:none;cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-spinner{border:3px solid #38bdf840;border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite spin-icon;position:absolute;inset:0}.profile-avatar-wrap.loading .profile-avatar-overlay{opacity:1;pointer-events:auto}.profile-settings-screen{padding-top:.25rem}.profile-settings-form{flex-direction:column;gap:1rem;display:flex}.profile-settings-field{flex-direction:column;gap:.35rem;display:flex}.profile-settings-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.profile-settings-input{width:100%}.profile-settings-actions{justify-content:flex-end;padding-top:.25rem;display:flex}.profile-settings-error{color:#f87171;margin-top:.5rem;font-size:.82rem}.profile-toggle-row{color:var(--text-primary);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.profile-toggle-row input[type=checkbox]{appearance:none;background:var(--bg-elevated);border:1.5px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:2px;transition:background .2s,border-color .2s,transform .1s;position:relative}.profile-toggle-row input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.profile-toggle-row input[type=checkbox]:checked{background:linear-gradient(to right, var(--accent), var(--accent-2));border-color:#0000}.profile-toggle-row input[type=checkbox]:checked:after{background:#fff;transform:translate(18px)}.profile-toggle-row input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}.avatar-viewer-overlay{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.avatar-viewer-img{border:1px solid var(--border);background:var(--bg-panel);border-radius:1rem;max-width:92vw;max-height:92vh}.avatar-viewer-close{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-panel) 70%, transparent);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}.profile-picker-overlay{z-index:320;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-picker-modal{border:1px solid var(--border);background:var(--bg-panel);border-radius:1rem;flex-direction:column;width:min(560px,96vw);max-height:min(80vh,720px);display:flex;overflow:hidden;box-shadow:0 20px 70px #0000008c}.profile-picker-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.profile-picker-title{color:var(--text-primary);font-weight:700}.profile-picker-close{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-panel) 70%, transparent);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.profile-picker-list{flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:auto}.profile-picker-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .7rem;display:flex}.profile-picker-item:hover{background:var(--bg-hover)}.profile-picker-item.active{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--bg-active) 80%, transparent)}.profile-picker-item-name{font-weight:600}.profile-picker-item-sub{color:var(--text-muted2);margin-top:.1rem;font-size:.74rem}.profile-picker-item-left{flex-direction:column;display:flex}.profile-select-row{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text-primary);cursor:pointer;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .8rem;display:flex}.profile-select-row:disabled{opacity:.55;cursor:not-allowed}.profile-select-value{color:var(--accent-2);text-align:right;font-weight:700}.inapp-toast{z-index:260;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-panel) 88%, transparent);cursor:pointer;border-radius:1rem;width:min(440px,92vw);padding:.85rem 1rem;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 16px 60px #00000073}.inapp-toast-row{align-items:center;gap:.75rem;display:flex}.inapp-toast-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid;overflow:hidden}.inapp-toast-avatar img{object-fit:cover;width:100%;height:100%;display:block}.inapp-toast-main{min-width:0}.inapp-toast-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.1rem;font-weight:800;overflow:hidden}.inapp-toast-sub{color:var(--text-muted2);margin-bottom:.25rem;font-size:.72rem}.inapp-toast-body{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.25;display:-webkit-box;overflow:hidden}.profile-user-info{flex-direction:column;align-items:center;gap:.15rem;display:flex}.profile-display-name{color:var(--text-primary);font-size:1rem;font-weight:600}.profile-username{background:linear-gradient(to right, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.8rem;font-weight:500}.profile-status{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.profile-menu-list{flex-direction:column;flex:1;padding:.4rem 0;display:flex;overflow-y:auto}.profile-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:background .12s,color .12s;display:flex}.profile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-menu-item.danger{color:#f87171}.profile-menu-item.danger:hover{color:#ef4444;background:#ef44441a}.profile-menu-icon{opacity:.7;flex-shrink:0}.profile-chip-row{flex-wrap:wrap;gap:.35rem;display:flex}.profile-chip-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.55rem;padding:.28rem .58rem;font-family:inherit;font-size:.74rem;transition:background .12s,color .12s,border-color .12s,transform .12s}.profile-chip-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-chip-btn:active{transform:scale(.98)}.profile-chip-btn.active{color:var(--accent);border-color:var(--border-input);background:var(--bg-active)}.profile-appearance-screen{flex-direction:column;flex:1;gap:1rem;padding:.5rem 1rem 1rem;display:flex;overflow-y:auto}.profile-notifications-screen{padding-top:.25rem}.profile-notifications-custom{flex-direction:column;gap:.75rem;display:flex}.profile-appearance-block{flex-direction:column;gap:.4rem;display:flex}.profile-appearance-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.profile-appearance-label.with-icon{align-items:center;gap:.4rem;display:inline-flex}.profile-appearance-hint{color:var(--text-muted2);opacity:.92;margin:0;font-size:.72rem;line-height:1.35}.profile-range-row{align-items:center;gap:.75rem;display:flex}.profile-range{accent-color:var(--accent);appearance:none;cursor:pointer;background:0 0;border-radius:999px;outline:none;flex:1;width:100%;height:4px}.profile-range-value{text-align:right;min-width:3.5rem;color:var(--text-muted);font-size:.78rem;font-weight:600}.profile-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:2px solid #ffffff26;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 3px #38bdf81f}.profile-range::-webkit-slider-runnable-track{background:#38bdf838;border-radius:999px;height:4px}.profile-range::-moz-range-thumb{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:2px solid #ffffff26;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #38bdf81f}.profile-range::-moz-range-track{background:#38bdf838;border-radius:999px;height:4px}.profile-more-wrap{flex-shrink:0;margin-left:auto;position:relative}.profile-more-menu{z-index:30;background:var(--bg-elevated);border:1px solid var(--border);min-width:170px;box-shadow:var(--shadow-card);border-radius:.6rem;padding:.3rem 0;animation:.12s dim-fade-in;position:absolute;top:calc(100% + 4px);right:0}.profile-more-item{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.6rem;padding:.55rem 1rem;font-family:inherit;font-size:.88rem;transition:background .12s;display:flex}.profile-more-item:hover{background:var(--bg-hover)}.profile-more-item.danger{color:#f87171}.profile-more-item.danger:hover{color:#ef4444;background:#ef44441a}.profile-more-item:disabled{opacity:.5;cursor:not-allowed}.theme-toggle-pill{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:999px;flex-shrink:0;align-items:center;width:40px;height:22px;padding:2px;transition:background .2s,border-color .2s;display:inline-flex;overflow:hidden}.theme-toggle-pill:before{content:"";background:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.theme-toggle-pill.on{background:linear-gradient(to right, var(--accent), var(--accent-2));border-color:#0000}.theme-toggle-pill.on:before{transform:translate(18px)}.profile-panel-footer{border-top:1px solid var(--border);flex-shrink:0;margin-top:.25rem;padding-top:.25rem;padding-bottom:.25rem}.profile-version{text-align:center;color:var(--text-muted);letter-spacing:.04em;padding:.4rem 1rem .6rem;font-size:.68rem}.group-manage-panel{background:var(--bg-panel);z-index:10;flex-direction:column;animation:.2s group-panel-slide;display:flex;position:absolute;inset:0}.group-manage-danger-row{align-items:center;gap:.6rem;display:flex}.group-manage-delete-timer,.group-manage-timer{opacity:1;color:var(--text-primary);cursor:pointer;background:conic-gradient(#ef4444 var(--pct), #94a3b82e 0);border:none;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;padding:0;display:grid}.group-manage-delete-timer:before,.group-manage-timer:before{content:"";background:var(--bg-panel-deep);border-radius:50%;grid-area:1/1;width:calc(100% - 4px);height:calc(100% - 4px);display:block}.group-manage-delete-timer .countdown-num,.group-manage-timer .countdown-num{color:var(--text-primary);grid-area:1/1;font-size:.75rem;font-weight:700}@keyframes group-panel-slide{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.group-manage-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.group-manage-title{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600}.group-manage-header-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.group-manage-header-btn:hover{background:var(--bg-hover);color:var(--accent)}.group-manage-error{color:#f87171;background:#f871711a;padding:.5rem 1rem;font-size:.85rem}.group-manage-body{flex:1;padding:1rem;overflow-y:auto}.group-manage-section{margin-bottom:1.5rem}.group-manage-avatar-section{justify-content:center;padding:.4rem 0 .1rem;display:flex}.group-manage-avatar-wrap{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:50%;flex-shrink:0;width:80px;height:80px;padding:0;transition:transform .15s;position:relative;overflow:hidden}.group-manage-avatar-wrap:hover{transform:scale(1.04)}.group-manage-avatar-wrap:hover .group-manage-avatar-overlay{opacity:1}.group-manage-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.group-manage-avatar-initials{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;font-weight:700;display:flex}.group-manage-avatar-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.group-manage-avatar-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:auto;animation:.8s linear infinite group-manage-spin;position:absolute;inset:0}@keyframes group-manage-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.group-manage-avatar-wrap.loading{cursor:not-allowed;opacity:.9}.group-manage-avatar-wrap.loading .group-manage-avatar-overlay{opacity:.65}.group-manage-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.group-manage-perms{margin:0 0 .75rem;padding:0;list-style:none}.group-manage-perms li{border-bottom:1px solid var(--border-subtle);padding:.4rem 0}.group-manage-perms li:last-child{border-bottom:none}.group-manage-perm-item{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.group-manage-perm-item input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.group-manage-perm-item:hover{color:var(--text-primary)}.group-manage-btn-save-perms{padding:.4rem .9rem;font-size:.85rem}.group-manage-label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.group-manage-label-row .group-manage-label{margin-bottom:0}.group-manage-title-edit{gap:.5rem;margin-bottom:.5rem;display:flex}.group-manage-input{flex:1;padding:.5rem .75rem;font-size:.9rem}.group-manage-btn-save{white-space:nowrap;padding:.5rem 1rem;font-size:.85rem}.group-manage-btn-add{align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;display:flex}.group-manage-add-form{margin-bottom:.75rem}.group-manage-add-form .group-manage-input{margin-bottom:.25rem}.group-manage-status{color:var(--text-muted);font-size:.8rem}.group-manage-results{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.6rem;max-height:140px;margin:.25rem 0 0;padding:0;list-style:none;overflow-y:auto}.group-manage-result-item{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.88rem;transition:background .12s;display:flex}.group-manage-result-item:hover{background:var(--bg-hover);color:var(--text-primary)}.group-manage-result-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.group-manage-result-avatar img{object-fit:cover;width:100%;height:100%}.group-manage-result-item span:nth-child(2){flex:1}.group-manage-result-username{color:var(--text-muted);font-size:.75rem}.group-manage-members{margin:0;padding:0;list-style:none}.group-manage-member{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.65rem;padding:.6rem 0;display:flex}.group-manage-member:last-child{border-bottom:none}.group-manage-member-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.group-manage-member-avatar img{object-fit:cover;width:100%;height:100%}.group-manage-member-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.group-manage-member-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.group-manage-member-role{color:var(--text-muted);font-size:.75rem}.group-manage-member-actions{align-items:center;gap:.35rem;display:flex}.group-manage-btn-role{align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.75rem;display:flex}.group-manage-btn-role.is-admin{color:#22c55e;background:#22c55e24;border-color:#22c55e73}.group-manage-btn-remove{padding:.3rem}.group-manage-btn-leave{align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.78rem;display:flex}.group-manage-danger{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.group-manage-btn-delete{width:100%;padding:.6rem 1rem;font-size:.9rem}.chat-window{border:1px solid var(--border);background:var(--bg-panel);border-radius:1rem;flex-direction:column;height:100%;min-height:0;transition:background .25s,border-color .25s;display:flex;overflow:hidden}.chat-window-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-panel-deep);flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.chat-window-back{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.chat-window-back:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent));color:var(--accent-2)}.chat-window-header-avatar{border-radius:50%;flex-shrink:0;width:2.2rem;height:2.2rem;overflow:hidden}.chat-window-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.chat-window-avatar-placeholder{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:700;display:flex}.chat-window-header-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.chat-window-header-actions{gap:.35rem;margin-left:auto;display:flex}.chat-window-call-btn{background:color-mix(in srgb, var(--accent) 15%, transparent);width:2.25rem;height:2.25rem;color:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.chat-window-call-btn:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 25%, transparent), color-mix(in srgb, var(--accent-2) 25%, transparent));color:var(--accent-2)}.chat-window-call-btn.danger{color:#f87171;background:#f871711f}.chat-window-call-btn.danger:hover{color:#fecaca;background:#f871712e}.channel-search-bar{border-top:1px solid var(--border-subtle);background:var(--bg-panel-deep);color:var(--text-muted);align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.channel-search-input{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:.75rem;outline:none;flex:1;padding:.45rem .65rem;font-size:.9rem}.channel-search-input:focus{border-color:color-mix(in srgb, var(--accent) 70%, transparent)}.channel-search-clear{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.channel-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-window-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.chat-window-type{color:var(--text-muted);font-size:.7rem}.chat-window-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-pinned-bar{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#38bdf814;align-items:center;gap:.5rem;padding:.45rem .75rem;display:flex}.chat-pinned-bar:hover{background:#38bdf81f}.chat-pinned-text{flex-direction:column;flex:1;min-width:0;display:flex}.chat-pinned-label{color:var(--text-muted);font-size:.72rem}.chat-pinned-snippet{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.chat-pinned-unpin{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-pinned-unpin:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-window-messages{scroll-behavior:smooth;background-image:var(--chat-wallpaper);background-position:50%;background-repeat:repeat;background-size:520px 520px;flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.cw-jump-bottom{right:.85rem;bottom:calc(var(--cw-bottom-offset,4.75rem) + .85rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;z-index:5;background:#02061773;border:1px solid #94a3b859;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .12s,color .15s;display:flex;position:absolute}.cw-jump-bottom:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent));color:var(--accent-2)}.cw-jump-bottom:active{transform:scale(.98)}.cw-date-indicator{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-secondary);z-index:4;pointer-events:none;background:0 0;border:none;border-radius:0;align-self:center;padding:0;font-size:.78rem;font-weight:600;position:sticky;top:.5rem}.cw-center{color:var(--text-muted);flex:1;justify-content:center;align-items:center;margin:auto;font-size:.9rem;display:flex}.cw-empty{text-align:center}.msg-bubble{background:var(--msg-in);border:1px solid var(--border-subtle);border-radius:0 1rem 1rem;flex-direction:column;align-self:flex-start;gap:.2rem;max-width:65%;padding:.5rem .75rem;display:flex}.msg-bubble.own{background:var(--msg-out);border-color:#38bdf840;border-radius:1rem 0 1rem 1rem;align-self:flex-end}.msg-sender-name{background:linear-gradient(to right, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.msg-bubble.video-note-only{background:0 0;border:none;padding:0}.msg-content{color:var(--text-primary);word-break:break-word;white-space:pre-wrap;font-size:.9rem;line-height:1.4}.msg-time{color:var(--text-muted);align-self:flex-end;font-size:.7rem}.msg-edited{color:var(--text-secondary);font-style:italic}.chat-window-input-row{border-top:1px solid var(--border-subtle);background:var(--bg-panel-deep);align-items:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.voice-rec-btn{cursor:default;background:#f8717126;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;animation:1.4s ease-in-out infinite rec-pulse;display:flex}.voice-rec-btn .voice-rec-icon{color:#f97373;filter:drop-shadow(0 0 4px #f97373a6);flex-shrink:0}@keyframes rec-pulse{0%,to{box-shadow:0 0 #f9737366}50%{box-shadow:0 0 0 8px #f9737300}}.voice-preview-bar-line.recording-live{background:#f97373;animation:.7s ease-in-out infinite alternate bar-bounce}@keyframes bar-bounce{0%{opacity:.6;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1.4)}}.recording-dot{background:#f97373;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;display:inline-block;box-shadow:0 0 0 3px #f871714d}.voice-preview-bar{background:var(--bg-active);border-top:1px solid #38bdf833;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.voice-preview-play{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:.9rem;transition:transform .1s,opacity .15s;display:flex}.voice-preview-play:hover{transform:scale(1.08)}.voice-preview-play.playing{animation:1.4s ease-in-out infinite play-pulse}@keyframes play-pulse{0%,to{box-shadow:0 0 #38bdf873}50%{box-shadow:0 0 0 8px #38bdf800}}.voice-preview-bar-line.playing-blue{background:var(--accent)}.voice-preview-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.voice-preview-waveform{align-items:flex-end;gap:2px;height:28px;display:flex}.voice-preview-bar-line{background:var(--accent);opacity:.7;border-radius:2px;width:3px;min-height:4px;display:inline-block}.voice-preview-dur{color:var(--text-muted);font-size:.72rem}.voice-preview-action{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.9rem;transition:transform .1s,opacity .2s;display:flex}.voice-preview-action:hover{transform:scale(1.1)}.voice-preview-action.del{color:#f87171;background:#f8717126}.voice-preview-action.snd{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.chat-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text-primary);resize:none;border-radius:.75rem;outline:none;flex:1;max-height:7rem;padding:.6rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:border-color .2s,background .2s,color .2s;overflow-y:auto}.chat-input:focus{border-color:var(--border-input)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;transition:opacity .2s,transform .1s;display:flex}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{transform:scale(1.05)}.chat-send-btn.sending{opacity:.6}.chat-attach-btn{border:1px solid var(--border);width:2.4rem;height:2.4rem;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.chat-attach-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.chat-attach-btn.has-file{color:var(--accent);border-color:#38bdf866}.chat-attach-btn:disabled svg{animation:1s linear infinite spin-icon}@keyframes spin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.attach-preview-bar{background:var(--bg-elevated);border-top:1px solid #38bdf840;align-items:center;gap:10px;padding:8px 14px;animation:.15s slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.attach-preview-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:48px;height:48px}.attach-preview-icon{width:48px;height:48px;color:var(--accent);background:#38bdf81a;border:1px solid #38bdf840;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attach-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attach-preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.attach-preview-size{color:var(--text-muted);font-size:.72rem}.attach-preview-remove{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.attach-preview-remove:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.chat-mic-btn,.chat-video-note-btn{border:1px solid var(--border);color:#f97373;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;transition:background .2s,color .2s,transform .1s,border-color .2s;display:flex}.chat-mic-btn:hover:not(:disabled),.chat-video-note-btn:hover:not(:disabled){background:#f871711f;border-color:#f87171b3}.chat-mic-btn.active,.chat-video-note-btn.active{color:#fff;background:#f97373;border-color:#f97373}.chat-mic-btn:disabled,.chat-video-note-btn:disabled{opacity:.4;cursor:not-allowed}.ctx-menu{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border);min-width:170px;box-shadow:var(--shadow-card);border-radius:.6rem;padding:.3rem 0;position:fixed}.ctx-menu button{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;transition:background .15s;display:block}.ctx-menu button:hover{background:var(--bg-hover)}.ctx-menu button.ctx-danger{color:#f87171}.ctx-menu button.ctx-danger:hover{background:#ef44441a}.reply-preview{background:var(--bg-active);color:var(--text-secondary);border-top:1px solid #38bdf833;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;display:flex}.reply-preview button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.8rem}.msg-reply-bar{color:var(--accent);border-left:2px solid var(--accent);opacity:.8;margin-bottom:.3rem;padding-left:.4rem;font-size:.75rem}.msg-attachment{margin-bottom:.25rem}.msg-image-wrap{display:inline-block;position:relative}.msg-image{cursor:pointer;object-fit:cover;border-radius:.5rem;max-width:260px;max-height:200px;display:block}.msg-image-dl{color:#e2e8f0;cursor:pointer;opacity:0;background:#020617b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:.75rem;transition:opacity .15s;display:flex;position:absolute;bottom:.35rem;right:.35rem}.msg-image-wrap:hover .msg-image-dl{opacity:1}.msg-video-wrap{flex-direction:column;gap:.3rem;max-width:320px;display:flex}.msg-video-wrap.note{max-width:220px}.msg-video-clickarea{cursor:pointer;width:100%;display:inline-block;position:relative}.msg-video-clickarea.circle-area{width:220px;height:220px}.msg-video{pointer-events:none;background:#000;border-radius:.6rem;width:100%;max-width:320px;max-height:220px;display:block}.msg-video.circle{object-fit:cover;border-radius:999px;width:220px;max-width:none;height:220px;max-height:none}.video-player-bar{background:var(--bg-active);border-top:1px solid #38bdf833;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}.video-player-seek{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.video-seek-slider{appearance:none;background:linear-gradient(to right, var(--accent) var(--pct,0%), var(--border) var(--pct,0%));cursor:pointer;border-radius:999px;outline:none;flex:1;height:4px}.video-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #38bdf899}.video-seek-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.voice-preview-dur.muted{color:var(--text-muted)}.video-note-overlay{z-index:1300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-note-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad9;position:absolute;inset:0}.video-note-content{z-index:1;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.video-note-circle{object-fit:cover;background:#000;border-radius:999px;width:min(260px,70vw);height:min(260px,70vw);overflow:hidden;box-shadow:0 18px 45px #000000b3}.video-note-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border:1px solid #f8717140;border-radius:999px;align-items:center;gap:.6rem;min-width:min(300px,80vw);padding:.55rem 1.1rem;animation:.18s slide-up;display:flex;box-shadow:0 8px 32px #00000080}.msg-audio-card{cursor:pointer;background:#38bdf814;border:1px solid #38bdf82e;border-radius:999px;align-items:center;gap:8px;min-width:190px;max-width:280px;padding:7px 10px;transition:background .15s,border-color .15s;display:flex}.msg-audio-card:hover{background:#38bdf824;border-color:#38bdf859}.msg-audio-card.active{background:#38bdf821;border-color:#38bdf873}.msg-audio-play{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;pointer-events:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .1s;display:flex}.msg-audio-play.playing{animation:1.4s ease-in-out infinite play-pulse}.msg-audio-wave{flex:1;align-items:flex-end;gap:2px;height:24px;display:flex}.msg-audio-dur{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:34px;font-size:.7rem}.msg-video-footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.msg-video-footer .msg-file-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.msg-file-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:.6rem;align-items:center;gap:.6rem;max-width:280px;padding:.5rem .65rem;display:flex}.msg-file-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.msg-file-info{flex-direction:column;flex:1;gap:.1rem;display:flex;overflow:hidden}.msg-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.msg-file-size{color:var(--text-muted);font-size:.72rem}.msg-file-dl{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;transition:transform .1s,opacity .15s;display:flex}.msg-file-dl:hover{transform:scale(1.1)}.msg-file-dl.small{width:1.6rem;height:1.6rem;font-size:.72rem}.msg-edit-form{flex-direction:column;gap:.3rem;display:flex}.msg-edit-input{background:var(--bg-panel);border:1px solid var(--border-input);color:var(--text-primary);resize:none;border-radius:.4rem;outline:none;min-width:180px;padding:.3rem .5rem;font-family:inherit;font-size:.88rem}.msg-edit-actions{justify-content:flex-end;gap:.3rem;display:flex}.msg-edit-btn{cursor:pointer;border:none;border-radius:.3rem;padding:.2rem .5rem;font-family:inherit;font-size:.8rem}.msg-edit-btn.save{background:var(--accent);color:#fff}.msg-edit-btn.cancel{background:var(--bg-elevated);color:var(--text-secondary)}.call-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-modal-requesting{pointer-events:none;background:#00000080}.call-modal{background:var(--bg-elevated,#1e293b);border:1px solid var(--border,#94a3b833);text-align:center;border-radius:1rem;min-width:300px;max-width:90vw;padding:2rem}.call-modal-error{color:#f87171;margin-bottom:1rem;font-size:.9rem}.call-modal-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:flex;overflow:hidden}.call-modal-avatar-large{width:120px;height:120px;margin-bottom:1.5rem;font-size:3rem;overflow:hidden}.call-modal-avatar-img{object-fit:cover;width:100%;height:100%}.call-modal-audio-active{padding:2rem 0 0}.call-modal-avatar-pulse{animation:1.5s ease-in-out infinite call-pulse}@keyframes call-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.call-modal-name{color:var(--text-primary,#f1f5f9);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.call-modal-name-active{background:#00000080;border-radius:.5rem;padding:.35rem .75rem;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.call-modal-type,.call-modal-status{color:var(--text-muted,#94a3b8);margin:0 0 1.5rem;font-size:.9rem}.call-modal-actions{justify-content:center;gap:1.5rem;display:flex}.call-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:flex}.call-btn:hover{transform:scale(1.08)}.call-btn-accept{color:#fff;background:#22c55e}.call-btn-reject{color:#fff;background:#ef4444}.call-btn-end{color:#fff;background:#ef4444;border-radius:2rem;gap:.5rem;width:auto;padding:.5rem 1.25rem}.call-modal-end-wrap{justify-content:center;margin-top:1.5rem;display:flex}.call-modal-error-state{flex-direction:column;align-items:center;display:flex}.call-modal-error-state .call-modal-end-wrap{width:100%}.call-modal-video-area{aspect-ratio:4/3;background:#000;border-radius:.75rem;width:100%;max-width:480px;margin-bottom:4rem;position:relative;overflow:hidden}.call-video{object-fit:cover;width:100%;height:100%}.call-video-local{border:2px solid #ffffff80;border-radius:.5rem;width:120px;height:90px;position:absolute;bottom:.5rem;right:.5rem}.call-video-remote{position:absolute;inset:0}