:root{--primary:#0068ff;--primary-hover:#0056d6;--primary-soft:#e5efff;--bg:#fff;--bg-secondary:#f3f5f8;--bg-chat:#eef1f5;--bg-hover:#f1f3f6;--bg-active:#e5efff;--text:#081b3a;--text-secondary:#5a6981;--text-muted:#8b97a8;--border:#e1e4ea;--bubble-me:#e5efff;--bubble-other:#fff;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--nav-bg:#0068ff;--shadow:0 4px 24px #0000001f;--font:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--primary-text:#0068ff;--primary-contrast:#fff;--danger-hover:#dc2626;--danger-soft:#fdecec;--success-soft:#e8f8ee;--warning-soft:#fff6e5;--online:#22c55e;--badge-bg:#ef4444;--badge-muted-bg:#a3adbb;--overlay:#081b3a73;--shadow-sm:0 1px 3px #0f1e3c14;--shadow-md:0 6px 20px #0f1e3c1f;--shadow-lg:0 16px 48px #0f1e3c33;--focus-ring:0 0 0 3px #0068ff2e;--mark-bg:#0068ff1f;--skeleton:#e9edf2;--skeleton-shine:#f5f7fa;--scrollbar:#5a698159;--scrollbar-hover:#5a69818c;--input-bg:#fff;--nav-item-hover:#ffffff24;--nav-item-active:#0003;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--rail-w:64px;--sidebar-w:344px;--panel-w:340px;--header-h:68px;--ease:cubic-bezier(.2, .8, .2, 1);--transition:.18s var(--ease);--z-dropdown:1300;--z-modal:1000;--z-viewer:1100;--z-call:1200;--z-toast:1400;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#1c1e22;--bg-secondary:#25282d;--bg-chat:#16181b;--bg-hover:#2c3036;--bg-active:#1d3357;--text:#e8ebef;--text-secondary:#a9b1bd;--text-muted:#7c8594;--border:#33373e;--bubble-me:#1d3357;--bubble-other:#2a2d33;--nav-bg:#1a2a44;--primary-text:#6aa8ff;--primary-soft:#0068ff33;--danger-soft:#ef444429;--success-soft:#22c55e29;--warning-soft:#f59e0b29;--badge-muted-bg:#5d6673;--overlay:#0009;--shadow:0 4px 24px #00000080;--shadow-sm:0 1px 3px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 16px 48px #0009;--focus-ring:0 0 0 3px #4d94ff47;--mark-bg:#4d94ff38;--skeleton:#2a2e34;--skeleton-shine:#33383f;--scrollbar:#a9b1bd40;--scrollbar-hover:#a9b1bd73;--input-bg:#212429;--nav-item-hover:#ffffff14;--nav-item-active:#0068ff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.45;overflow:hidden}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.25}ul,ol{margin:0;padding:0;list-style:none}img,svg,video,canvas,audio,iframe{display:block}img,video{max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--primary-text);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#0068ff38}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);background-clip:padding-box;border:2px solid #0000}.scroll-y{overscroll-behavior:contain;overflow:hidden auto}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-primary{color:var(--primary-text)}.flex-1{flex:1;min-width:0}.spacer{flex:1}.divider{background:var(--border);border:0;height:1px;margin:8px 0}.kbd{min-width:22px;font-size:12px;font-family:var(--font);text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xs);border-bottom-width:2px;padding:1px 6px;font-weight:600;display:inline-block}mark,.hl{background:var(--mark-bg);color:var(--primary-text);border-radius:3px;padding:0 1px;font-weight:600}.input,.textarea,.select{width:100%;min-width:0;height:40px;color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;padding:0 12px;font-size:14px;display:block}.textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.45}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.textarea:hover,.select:hover{border-color:#c5ccd8}html[data-theme=dark] .input:hover,html[data-theme=dark] .textarea:hover,html[data-theme=dark] .select:hover{border-color:#464b54}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.input.is-invalid,.textarea.is-invalid{border-color:var(--danger)}.input.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:0 0 0 3px #ef444426}.input-group{align-items:center;display:flex;position:relative}.input-group>.input{padding-left:40px}.input-group.has-action>.input{padding-right:42px}.input-group-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;left:12px}.input-group-action{border-radius:var(--radius);width:34px;height:34px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;right:4px}.input-group-action:hover{color:var(--text);background:var(--bg-hover)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:600}.field-hint{color:var(--text-muted);font-size:12px}.field-error{color:var(--danger);font-size:12.5px}.form-alert{border-radius:var(--radius);color:var(--danger);background:var(--danger-soft);animation:vc-shake .35s var(--ease);align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13.5px;display:flex}.form-alert svg{flex:none;margin-top:1px}.check-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.check-row input[type=checkbox],.check-row input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin:0}.btn{white-space:nowrap;border-radius:var(--radius);height:40px;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform 60ms;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6}.btn.is-loading{opacity:.85;cursor:progress}.btn-sm{gap:6px;height:32px;padding:0 12px;font-size:13px}.btn-lg{height:46px;padding:0 22px;font-size:15px}.btn-block{width:100%;display:flex}.btn-primary{color:var(--primary-contrast);background:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{color:var(--text);background:var(--bg-secondary);border-color:#0000}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-outline{color:var(--primary-text);border-color:var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-soft)}.btn-soft{color:var(--primary-text);background:var(--primary-soft)}.btn-soft:hover:not(:disabled){filter:brightness(.97)}.btn-danger{color:#fff;background:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.btn-link{height:auto;color:var(--primary-text);background:0 0;padding:0;font-weight:600}.btn-link:hover:not(:disabled){text-decoration:underline}.icon-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius);transition:background var(--transition), color var(--transition);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.icon-btn:disabled{opacity:.45}.icon-btn.is-active{color:var(--primary-text);background:var(--primary-soft)}.icon-btn.icon-btn-sm{border-radius:var(--radius-sm);width:28px;height:28px}.icon-btn.icon-btn-lg{width:44px;height:44px}.icon-btn.icon-btn-round{border-radius:50%}.icon-btn.icon-btn-primary{color:var(--primary-text)}.icon-btn.icon-btn-danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.icon-btn .badge{position:absolute;top:0;right:0;transform:translate(30%,-20%)}.badge{color:#fff;background:var(--badge-bg);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.badge.is-muted{background:var(--badge-muted-bg)}.badge.is-dot{width:10px;min-width:10px;height:10px;padding:0}.skeleton{background:linear-gradient(90deg, var(--skeleton) 25%, var(--skeleton-shine) 37%, var(--skeleton) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite vc-shimmer}@keyframes vc-spin{to{transform:rotate(360deg)}}@keyframes vc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vc-scale-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes vc-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes vc-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes vc-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes vc-slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes vc-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes vc-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes vc-ring{0%{box-shadow:0 0 #0068ff73}70%{box-shadow:0 0 0 18px #0068ff00}to{box-shadow:0 0 #0068ff00}}@keyframes vc-shimmer{0%{background-position:100%}to{background-position:0}}@keyframes vc-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes vc-highlight{0%,35%{background-color:#ffc40052}to{background-color:#0000}}@keyframes vc-typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes vc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-fade-in{animation:vc-fade-in .2s var(--ease) both}.anim-scale-in{animation:vc-scale-in .22s var(--ease) both}.anim-slide-up{animation:vc-slide-up .24s var(--ease) both}.anim-pop{animation:vc-pop .32s var(--ease) both}.anim-highlight{animation:2.2s ease-out both vc-highlight}.typing-dots{align-items:center;gap:3px;display:inline-flex}.typing-dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite vc-typing}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html.is-native,html.is-native body{overscroll-behavior:none}.avatar{vertical-align:middle;background:0 0;border:0;border-radius:50%;flex:none;padding:0;display:inline-flex;position:relative}.avatar-inner{background:var(--bg-secondary);border-radius:50%;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.avatar-ring .avatar-inner{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px #0068ff59}.avatar-clickable{cursor:pointer}.avatar-clickable:hover .avatar-inner{filter:brightness(.95)}.avatar-img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.avatar-initials{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;line-height:1;display:flex}.avatar-self{color:#fff;background:linear-gradient(135deg,#3f8cff,#0058e0);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-online{background:var(--online);box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;bottom:0;right:0}.avatar-collage{background:var(--bg);gap:1px;width:100%;height:100%;display:grid}.avatar-collage.n-2{grid-template-columns:1fr 1fr}.avatar-collage.n-3,.avatar-collage.n-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.avatar-collage.n-3 .avatar-collage-cell:first-child{grid-column:span 2}.avatar-collage-cell{min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.avatar-collage-cell .avatar-initials{font-size:60%!important}.avatar-collage.n-2 .avatar-collage-cell .avatar-initials,.avatar-collage.n-3 .avatar-collage-cell .avatar-initials,.avatar-collage.n-4 .avatar-collage-cell .avatar-initials{font-size:inherit}.avatar-collage-count{color:var(--text-secondary);background:var(--border);justify-content:center;align-items:center;font-weight:700}.spinner{color:var(--primary-text);border-style:solid;border-color:currentColor #0000 currentColor currentColor;border-radius:50%;flex:none;animation:.7s linear infinite vc-spin;display:inline-block}.btn .spinner{color:inherit}.modal-backdrop{z-index:var(--z-modal);background:var(--overlay);justify-content:center;align-items:center;padding:16px;animation:.16s both vc-fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg);max-width:calc(100vw - 32px);max-height:min(88vh,860px);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:vc-scale-in .2s var(--ease) both;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;min-height:56px;padding:10px 10px 10px 20px;display:flex}.modal-header.is-bare{z-index:2;border-bottom:0;min-height:0;padding:8px 8px 0;position:absolute;top:0;right:0}.modal-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.modal-close{margin-left:auto}.modal-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.modal-body.is-padded{padding:18px 20px}.modal-footer{border-top:1px solid var(--border);background:var(--bg);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;display:flex}@media (width<=767px){.modal-backdrop{padding:10px}.modal{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}.confirm-body{align-items:flex-start;gap:14px;display:flex}.confirm-icon{width:40px;height:40px;color:var(--danger);background:var(--danger-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.confirm-message{color:var(--text);white-space:pre-line;padding-top:2px;font-size:14.5px;line-height:1.55}.toaster{z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{color:#fff;border-radius:var(--radius);max-width:460px;min-height:44px;box-shadow:var(--shadow-md);pointer-events:auto;animation:vc-slide-down .22s var(--ease) both;background:#1f2a3c;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:14px;display:flex}html[data-theme=dark] .toast{background:#2f343c;border:1px solid #3c424b}.toast-icon{flex:none}.toast-success .toast-icon{color:#4ade80}.toast-error .toast-icon{color:#f87171}.toast-warning .toast-icon{color:#fbbf24}.toast-info .toast-icon{color:#60a5fa}.toast-message{word-break:break-word;flex:1;line-height:1.4}.toast-close{color:#ffffffa6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-close:hover{color:#fff;background:#ffffff1f}.dropdown-trigger{display:inline-flex}.menu{z-index:var(--z-dropdown);background:var(--bg);max-width:min(320px,100vw - 16px);max-height:calc(100vh - 16px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);opacity:0;padding:6px;position:fixed;overflow-y:auto}.menu.is-ready{opacity:1;animation:vc-scale-in .14s var(--ease) both}.menu-header{border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 10px 10px}.menu-item{text-align:left;width:100%;min-height:36px;color:var(--text);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:7px 10px;font-size:14px;transition:background .12s;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--bg-hover);outline:none}.menu-item:disabled{opacity:.45}.menu-item-icon{width:18px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.menu-item-icon:empty{display:none}.menu-item-label{flex:1;min-width:0}.menu-item-hint{color:var(--text-muted);font-size:12px}.menu-item-check{color:var(--primary-text)}.menu-item.is-danger,.menu-item.is-danger .menu-item-icon{color:var(--danger)}.menu-item.is-danger:hover:not(:disabled){background:var(--danger-soft)}.menu-divider{background:var(--border);height:1px;margin:5px 4px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 24px;animation:.25s both vc-fade-in;display:flex}.empty-state.is-sm{padding:24px 16px}.empty-state-icon{width:84px;height:84px;color:var(--primary-text);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.empty-state.is-sm .empty-state-icon{width:56px;height:56px;margin-bottom:4px}.empty-state-title{color:var(--text);font-size:15px;font-weight:600}.empty-state-desc{max-width:320px;color:var(--text-secondary);font-size:13.5px;line-height:1.5}.empty-state-action{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.search-input{background:var(--bg-secondary);border-radius:var(--radius);min-width:0;height:34px;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);border:1px solid #0000;flex:1;align-items:center;padding:0 8px 0 10px;display:flex;position:relative}.search-input:focus-within{background:var(--bg);border-color:var(--primary);box-shadow:var(--focus-ring)}.search-input.is-sm{height:30px}.search-input-icon{color:var(--text-muted);flex:none}.search-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 8px;font-size:14px}.search-input input::placeholder{color:var(--text-muted)}.search-input-clear{width:18px;height:18px;color:var(--bg);background:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.search-input-clear:hover{background:var(--text-secondary)}.switch{cursor:pointer;flex:none;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--border);width:40px;height:22px;transition:background var(--transition);border-radius:999px;position:relative}.switch-thumb{width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch.is-on .switch-track{background:var(--primary)}.switch.is-on .switch-thumb{transform:translate(18px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}.switch.is-disabled{opacity:.5;cursor:not-allowed}.iv{z-index:var(--z-viewer);color:#fff;background:#0a0c10f0;flex-direction:column;animation:.18s both vc-fade-in;display:flex;position:fixed;inset:0}.iv-topbar{background:linear-gradient(#00000073,#0000);flex:none;align-items:center;gap:12px;height:56px;padding:0 10px 0 18px;display:flex}.iv-title{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.iv-name{font-size:14.5px;font-weight:600}.iv-counter{background:#ffffff24;border-radius:999px;flex:none;padding:2px 10px;font-size:12.5px}.iv-actions{align-items:center;gap:4px;display:flex}.iv-btn{color:#ffffffd9;width:40px;height:40px;transition:background var(--transition), color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.iv-btn:hover{color:#fff;background:#ffffff24;text-decoration:none}.iv-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 72px;display:flex;position:relative;overflow:hidden}.iv-media{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;transition:transform .2s var(--ease), opacity .2s ease;border-radius:4px}img.iv-media{opacity:0;cursor:zoom-in}img.iv-media.is-loaded{opacity:1}img.iv-media.is-zoomed{cursor:zoom-out}.iv-loading{color:#fffc;border-width:3px;width:34px;height:34px;position:absolute}.iv-nav{z-index:2;color:#fff;width:48px;height:48px;transition:background var(--transition);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;margin-top:-24px;display:flex;position:absolute;top:50%}.iv-nav:hover{background:#ffffff3d}.iv-prev{left:14px}.iv-next{right:14px}.iv-thumbs{flex:none;justify-content:center;gap:8px;padding:10px 16px 16px;display:flex;overflow-x:auto}.iv-thumb{opacity:.5;width:56px;height:56px;transition:opacity var(--transition), border-color var(--transition);border:2px solid #0000;border-radius:6px;flex:none;overflow:hidden}.iv-thumb img,.iv-thumb video{object-fit:cover;width:100%;height:100%}.iv-thumb:hover{opacity:.85}.iv-thumb.is-active{opacity:1;border-color:var(--primary)}@media (width<=767px){.iv-stage{padding:8px}.iv-nav{background:#00000059;width:40px;height:40px}.iv-prev{left:6px}.iv-next{right:6px}}.splash{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;animation:.3s both vc-fade-in;display:flex}.splash-logo{border-radius:20px;animation:2.4s ease-in-out infinite vc-float;box-shadow:0 10px 30px #0068ff4d}.splash-name{letter-spacing:-.02em;color:var(--primary-text);font-size:28px;font-weight:800}.splash-loading{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.splash-error{text-align:center;max-width:360px;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:0 16px;display:flex}.splash-error svg{color:var(--danger)}.auth{background:linear-gradient(135deg,#e8f3ff 0%,#d2e6ff 45%,#eaf4ff 100%);height:100%;min-height:100%;position:relative;overflow-y:auto}html[data-theme=dark] .auth{background:linear-gradient(135deg,#0f1724 0%,#12233d 50%,#0f1a2b 100%)}.auth-decor{pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-bubble{opacity:.55;background:radial-gradient(circle at 30% 30%,#ffffffe6,#0068ff1f);border-radius:50%;animation:7s ease-in-out infinite vc-float;position:absolute}html[data-theme=dark] .auth-bubble{opacity:.5;background:radial-gradient(circle at 30% 30%,#4d94ff59,#0068ff0d)}.auth-bubble.b1{width:320px;height:320px;top:-90px;left:-80px}.auth-bubble.b2{width:200px;height:200px;animation-delay:-2s;bottom:8%;left:6%}.auth-bubble.b3{width:260px;height:260px;animation-delay:-4s;top:10%;right:-70px}.auth-bubble.b4{width:120px;height:120px;animation-delay:-1s;bottom:-30px;right:18%}.auth-theme{z-index:2;width:40px;height:40px;color:var(--primary-text);background:var(--bg);box-shadow:var(--shadow-sm);transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;right:16px}.auth-theme:hover{transform:rotate(-12deg)scale(1.05)}.auth-container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;padding:48px 16px 28px;display:flex;position:relative}.auth-brand{animation:vc-slide-up .35s var(--ease) both;align-items:center;gap:12px;display:flex}.auth-brand img{border-radius:16px;box-shadow:0 8px 24px #0068ff4d}.auth-brand h1{letter-spacing:-.03em;color:var(--primary-text);font-size:46px;font-weight:800}.auth-tagline{text-align:center;max-width:360px;color:var(--text-secondary);animation:vc-slide-up .4s var(--ease) both;margin-top:10px;font-size:14.5px;line-height:1.5}.auth-card{background:var(--bg);border-radius:var(--radius-xl);width:100%;animation:vc-scale-in .3s var(--ease) both;margin-top:24px;overflow:hidden;box-shadow:0 12px 40px #003ca024}html[data-theme=dark] .auth-card{border:1px solid var(--border);box-shadow:0 12px 40px #00000073}.auth-form{padding:26px 28px 22px}.auth-title{text-align:center;margin-bottom:18px;font-size:18px;font-weight:700}.input.input-lg{height:46px;font-size:15px}.auth-submit{margin-top:6px}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:14px}.auth-switch a{font-weight:600}.auth-terms{text-align:center;color:var(--text-muted);margin-top:12px;font-size:12.5px;line-height:1.5}.auth-demo{background:var(--bg-secondary);border-top:1px solid var(--border);padding:16px 20px 20px}.auth-demo-head{color:var(--primary-text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.auth-demo-hint{color:var(--text-secondary);margin:6px 0 12px;font-size:12.5px;line-height:1.5}.auth-demo-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-demo-item{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:0;transition:border-color var(--transition), box-shadow var(--transition), transform 80ms;align-items:center;gap:10px;padding:8px 10px;display:flex}.auth-demo-item:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--focus-ring)}.auth-demo-item:active:not(:disabled){transform:scale(.98)}.auth-demo-item.is-selected{border-color:var(--primary);background:var(--primary-soft)}.auth-demo-text{flex-direction:column;min-width:0;display:flex}.auth-demo-name{color:var(--text);font-size:13.5px;font-weight:600}.auth-demo-phone{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.auth-footer{color:var(--text-muted);margin-top:22px;font-size:12.5px}@media (width<=480px){.auth-container{padding-top:32px}.auth-brand h1{font-size:38px}.auth-form{padding:22px 18px 18px}.auth-demo{padding:14px 14px 16px}.auth-demo-list{grid-template-columns:1fr}}@keyframes call-pulse{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}@keyframes call-wiggle{0%,50%,to{transform:rotate(0)}8%{transform:rotate(-16deg)}16%{transform:rotate(14deg)}24%{transform:rotate(-12deg)}32%{transform:rotate(10deg)}40%{transform:rotate(-6deg)}}.call-pulse{pointer-events:none;border:2px solid #ffffff8c;border-radius:50%;animation:2.2s ease-out infinite call-pulse;position:absolute;inset:-4px}.call-pulse.is-delayed{animation-delay:1.1s}.call-action{flex-direction:column;align-items:center;gap:8px;min-width:64px;display:flex}.call-action>span{color:#ffffffdb;white-space:nowrap;font-size:12.5px;font-weight:500}.call-round{color:#fff;width:52px;height:52px;transition:background var(--transition), transform var(--transition), color var(--transition), box-shadow var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.call-round:hover:not(:disabled){transform:scale(1.07)}.call-round:active:not(:disabled){transform:scale(.96)}.call-round:disabled{opacity:.4;cursor:not-allowed}.call-round:focus-visible{outline-offset:3px;outline:2px solid #fff}.call-round.is-lg{width:62px;height:62px}.call-round.is-danger{background:#ef4444;box-shadow:0 6px 18px #ef444466}.call-round.is-danger:hover:not(:disabled){background:#dc2626}.call-round.is-success{background:#22c55e;box-shadow:0 6px 18px #22c55e66}.call-round.is-success:hover:not(:disabled){background:#16a34a}.call-round.is-ringing svg{animation:1.6s ease-in-out infinite call-wiggle}.call-round.is-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29}.call-round.is-glass:hover:not(:disabled){background:#ffffff45}.call-round.is-off{color:#0b1f3f;background:#fff}.call-incoming-backdrop{z-index:var(--z-call);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050c1a8c;justify-content:center;align-items:center;padding:16px;animation:.18s both vc-fade-in;display:flex;position:fixed;inset:0}.call-incoming{text-align:center;color:#fff;background:linear-gradient(165deg,#1d4f9c 0%,#0f2b57 55%,#0a1a35 100%);border-radius:22px;flex-direction:column;align-items:center;width:340px;max-width:100%;padding:34px 24px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000080}.call-incoming-glow{pointer-events:none;background:radial-gradient(circle at 50% 40%,#4d94ff73,#4d94ff00 60%);height:120%;position:absolute;inset:-40% -40% auto}.call-incoming-avatar,.call-avatar{border-radius:50%;display:flex;position:relative}.call-incoming-avatar{margin-bottom:18px}.call-incoming-avatar .avatar-inner,.call-avatar .avatar-inner{box-shadow:0 0 0 3px #ffffffd9}.call-incoming-name{max-width:100%;font-size:21px;font-weight:700;position:relative}.call-incoming-type{color:#ffffffd1;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:inline-flex;position:relative}.call-incoming-actions{justify-content:center;align-items:flex-end;gap:56px;margin-top:30px;display:flex;position:relative}.call-link{color:#ffffffd1;border-radius:var(--radius-full);transition:background var(--transition), color var(--transition);align-items:center;gap:6px;margin-top:18px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.call-link:hover{color:#fff;background:#ffffff1f}.call-window{z-index:var(--z-call);isolation:isolate;color:#fff;width:340px;height:480px;max-height:calc(100dvh - 48px);transition:width .25s var(--ease), height .25s var(--ease), right .25s var(--ease), bottom .25s var(--ease), border-radius .25s var(--ease);background:#0d1b33;border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 22px 64px #00000073,0 0 0 1px #ffffff0f}.call-window.is-video{width:380px;height:560px}.call-window.is-expanded{border-radius:0;width:100vw;height:100dvh;max-height:none;bottom:0;right:0}.call-hidden-audio{display:none}.call-stage{z-index:0;background:#000;position:absolute;inset:0}.call-video-full{object-fit:cover;background:#000;width:100%;height:100%}.call-window.is-expanded .call-video-full:not(.is-local){object-fit:contain}.is-mirror{transform:scaleX(-1)}.call-backdrop{background:radial-gradient(circle at 50% 28%,#4d94ff66,#4d94ff00 55%),linear-gradient(170deg,#1d4f9c 0%,#0f2b57 50%,#0a1a35 100%);position:absolute;inset:0;overflow:hidden}.call-backdrop img{object-fit:cover;filter:blur(30px)brightness(.5)saturate(1.25);opacity:.9;width:calc(100% + 60px);max-width:none;height:calc(100% + 60px);position:absolute;inset:-30px}.call-window.has-video .call-stage:after{content:"";pointer-events:none;background:linear-gradient(#00000080 0%,#0000 24% 66%,#0009 100%);position:absolute;inset:0}.call-top{z-index:2;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 0 14px;display:flex;position:relative}.call-top-type{color:#ffffffe6;border-radius:var(--radius-full);background:#00000038;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.call-top-actions{gap:6px;display:flex}.call-icon-btn{color:#fff;width:32px;height:32px;transition:background var(--transition);background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;display:flex}.call-icon-btn:hover{background:#ffffff47}.call-center{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 20px;display:flex;position:relative}.call-center.is-overlay{justify-content:flex-start;padding-top:26px}.call-window.has-video.is-active .call-center{text-align:left;justify-content:flex-start;align-items:flex-start;padding:10px 16px}.call-avatar{margin-bottom:16px}.call-name{text-shadow:0 1px 10px #00000059;max-width:100%;font-size:21px;font-weight:700}.call-window.has-video.is-active .call-name{font-size:17px}.call-status{color:#ffffffdb;text-shadow:0 1px 8px #0000004d;margin-top:6px;font-size:14px}.call-status.is-timer{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.call-status.is-ended{color:#ffd2d2;font-size:15px;font-weight:600}.call-substatus{color:#ffffffb8;margin-top:4px;font-size:13px}.call-chip{color:#fff;border-radius:var(--radius-full);background:#00000061;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;font-size:12.5px;display:inline-flex}.call-pip{z-index:3;width:104px;height:148px;animation:vc-scale-in .2s var(--ease) both;background:#000;border:2px solid #ffffffbf;border-radius:12px;position:absolute;top:56px;right:12px;overflow:hidden;box-shadow:0 8px 22px #0006}.call-window.is-expanded .call-pip{width:180px;height:240px;top:auto;bottom:120px;right:20px}.call-pip-video{object-fit:cover;width:100%;height:100%}.call-controls{z-index:2;flex:none;justify-content:center;align-items:flex-end;gap:18px;min-height:100px;padding:14px 16px 22px;display:flex;position:relative}.call-window.is-ended .call-controls:empty{min-height:40px}@media (width<=767px){.call-window,.call-window.is-video{border-radius:0;width:100vw;height:100dvh;max-height:none;bottom:0;right:0}.call-expand{display:none!important}.call-controls{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));gap:22px}.call-top{padding-top:calc(12px + env(safe-area-inset-top,0px))}.call-pip{top:calc(60px + env(safe-area-inset-top,0px))}.call-incoming-backdrop{padding:0}.call-incoming{border-radius:0;justify-content:center;width:100%;height:100%}}@media (height<=520px) and (width>=768px){.call-window,.call-window.is-video{height:calc(100vh - 32px);bottom:16px}}.gp-modal{height:min(680px,88vh)}.modal-body.gp-modal-body{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.gp-title{flex-direction:column;min-width:0;line-height:1.25;display:flex}.gp-title-sub{color:var(--text-muted);font-size:12.5px;font-weight:400}.gp-head{flex:none;align-items:center;gap:14px;display:flex}.gp-avatar{flex:none;position:relative}.gp-avatar-btn{width:52px;height:52px;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--text-muted);transition:color var(--transition), border-color var(--transition), background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.gp-avatar-btn:hover:not(:disabled){color:var(--primary-text);border-color:var(--primary);background:var(--primary-soft)}.gp-avatar-btn img{object-fit:cover;width:100%;height:100%}.gp-avatar-btn:has(img){border-style:solid;border-color:var(--border)}.gp-avatar-clear{color:#fff;background:var(--text-secondary);width:20px;height:20px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-2px;right:-2px}.gp-avatar-clear:hover{background:var(--danger)}.gp-name{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.gp-name-input{width:100%;height:40px;color:var(--text);border:0;border-bottom:1px solid var(--border);transition:border-color var(--transition);background:0 0;outline:none;padding:0 2px;font-size:15px}.gp-name-input:focus{border-bottom-color:var(--primary)}.gp-name-input:focus-visible{outline:none}.gp-name-input::placeholder{color:var(--text-muted)}.gp-name-hint{color:var(--text-muted);font-size:12px}.gp-error{flex:none;margin:12px 0 0}.gp-section-title{flex:none;margin:16px 0 10px;font-size:14px;font-weight:600}.gp-footer-hint{color:var(--text-muted);margin-right:auto;font-size:13px}.gp-center{flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.gp-picker{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.gp-picker>.search-input{flex:none;height:38px}.gp-chips{flex-wrap:wrap;flex:none;gap:6px;max-height:72px;display:none;overflow-y:auto}.gp-chip{max-width:170px;height:28px;color:var(--primary-text);background:var(--primary-soft);border-radius:var(--radius-full);align-items:center;gap:6px;padding:0 4px 0 3px;font-size:13px;font-weight:500;display:inline-flex}.gp-chip button,.gp-selected-item button{width:20px;height:20px;color:inherit;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.gp-chip button:hover,.gp-selected-item button:hover{background:#0068ff29}.gp-body{border-top:1px solid var(--border);flex:1;min-height:0;margin:0 -20px;display:flex}.gp-list{flex:1;min-width:0;padding:2px 0 12px}.gp-list .empty-state{height:100%}.gp-letter{color:var(--text-secondary);padding:10px 20px 4px;font-size:13px;font-weight:700}.gp-row{text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:7px 20px;transition:background .12s;display:flex}.gp-row:hover:not(:disabled){background:var(--bg-hover)}.gp-row:disabled{cursor:default}.gp-row.is-locked{opacity:.6}.gp-row:disabled:not(.is-locked):not(.is-skeleton){opacity:.5}.gp-check{color:#fff;width:20px;height:20px;transition:background var(--transition), border-color var(--transition);border:2px solid #c5ccd8;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}html[data-theme=dark] .gp-check{border-color:#4a505a}.gp-row.is-checked .gp-check{background:var(--primary);border-color:var(--primary);animation:vc-pop .22s var(--ease)}.gp-row.is-locked .gp-check{background:var(--text-muted);border-color:var(--text-muted);animation:none}.gp-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.gp-row-name{font-size:14.5px;font-weight:500}.gp-row-sub{color:var(--text-muted);font-size:12.5px}.gp-loading{padding:6px 0}.gp-row.is-skeleton{pointer-events:none}.gp-selected{border-left:1px solid var(--border);width:220px;min-height:0;animation:vc-slide-in-right .2s var(--ease) both;flex-direction:column;flex:none;display:flex}.gp-selected-head{color:var(--text-secondary);flex:none;padding:10px 14px 8px;font-size:13px}.gp-selected-head b{color:var(--primary-text)}.gp-selected-list{flex:1;min-height:0;padding:0 10px 12px}.gp-selected-item{color:var(--primary-text);background:var(--primary-soft);border-radius:var(--radius-full);animation:vc-pop .22s var(--ease) both;align-items:center;gap:8px;margin-bottom:6px;padding:3px 4px 3px 3px;font-size:13px;font-weight:500;display:flex}.gp-selected-item>.truncate{flex:1}@media (width<=767px){.gp-modal{height:calc(100dvh - 20px)}.gp-selected{display:none}.gp-chips{display:flex}.gp-footer-hint{display:none}}.contacts-page{background:var(--bg);flex:1;min-width:0;min-height:0;display:flex}.contacts-side{width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex:none;min-width:0;display:flex}.contacts-side-head{align-items:center;min-height:56px;padding:14px 18px 6px;display:flex}.contacts-side-head h2{letter-spacing:-.01em;font-size:19px;font-weight:700}.contacts-side-actions{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;padding:6px 16px 14px;display:grid}.contacts-side-actions .btn{height:36px}.contacts-menu{flex-direction:column;gap:2px;padding:8px;display:flex;overflow-y:auto}.contacts-menu-item{text-align:left;width:100%;min-height:52px;color:var(--text);border-radius:var(--radius);transition:background var(--transition), color var(--transition);align-items:center;gap:12px;padding:6px 12px;font-size:14.5px;font-weight:500;display:flex}.contacts-menu-item:hover{background:var(--bg-hover)}.contacts-menu-item.is-active{background:var(--bg-active);color:var(--primary-text);font-weight:600}.contacts-menu-label{flex:1;min-width:0}.contacts-menu-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.contacts-menu-chevron{color:var(--text-muted);flex:none;display:none}.contacts-menu-icon,.contacts-head-icon{--tone:#0068ff;--tone-soft:#e5efff;width:36px;height:36px;color:var(--tone);background:var(--tone-soft);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.contacts-head-icon{border-radius:9px;width:32px;height:32px}.tone-groups{--tone:#12a46b;--tone-soft:#dcf6ea}.tone-requests{--tone:#f08a1c;--tone-soft:#ffeedb}.tone-blocked{--tone:#e5484d;--tone-soft:#fdecec}html[data-theme=dark] .contacts-menu-icon,html[data-theme=dark] .contacts-head-icon{--tone:#5aa2ff;--tone-soft:#0068ff33}html[data-theme=dark] .tone-groups{--tone:#34d399;--tone-soft:#34d39926}html[data-theme=dark] .tone-requests{--tone:#fbbf24;--tone-soft:#fbbf2424}html[data-theme=dark] .tone-blocked{--tone:#f87171;--tone-soft:#f8717126}.contacts-main{background:var(--bg-secondary);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.contacts-head{height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:0 20px;display:flex}.contacts-head h3{font-size:16px;font-weight:600}.contacts-back{margin-left:-6px;display:none!important}.contacts-body{flex:1;min-height:0;padding:16px 20px 28px}.contacts-body-inner{max-width:1080px;animation:.2s both vc-fade-in}.contacts-count{color:var(--text);align-items:baseline;gap:6px;margin:2px 0 12px;font-size:14px;font-weight:600;display:flex}.contacts-count-online{color:var(--success);font-weight:500}.contacts-card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:clip}html[data-theme=dark] .contacts-card{box-shadow:none;border:1px solid var(--border)}.contacts-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.contacts-toolbar .search-input{flex:220px}.contacts-select{white-space:nowrap;height:34px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition), border-color var(--transition), color var(--transition);align-items:center;gap:6px;padding:0 10px;font-size:13.5px;font-weight:500;display:inline-flex}.contacts-select:hover{color:var(--text);background:var(--bg-hover)}.dropdown-trigger.is-open .contacts-select{color:var(--primary-text);border-color:var(--primary)}.contacts-list{padding:2px 0 8px}.contacts-letter{z-index:1;color:var(--text);background:var(--bg);padding:12px 20px 6px;font-size:14px;font-weight:700;position:sticky;top:0}.contacts-row{cursor:pointer;outline:none;align-items:center;gap:12px;min-height:64px;padding:8px 16px 8px 20px;transition:background .12s;display:flex;position:relative}.contacts-row:hover,.contacts-row:focus-visible{background:var(--bg-hover)}.contacts-row:focus-visible{box-shadow:inset 3px 0 0 var(--primary);outline:none}.contacts-row.is-static{cursor:default}.contacts-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contacts-row-name{color:var(--text);font-size:15px;font-weight:500}.contacts-row-sub{color:var(--text-muted);font-size:13px}.contacts-row-sub.is-online{color:var(--success)}.contacts-row-time{color:var(--text-muted);flex:none;font-size:12px}.contacts-row-actions{opacity:0;flex:none;transition:opacity .12s}.contacts-row:hover .contacts-row-actions,.contacts-row:focus-within .contacts-row-actions{opacity:1}.contacts-row-actions:has(.is-open){opacity:1}@media (hover:none){.contacts-row-actions{opacity:1}}.contacts-skeleton{padding:10px 0}.contacts-skeleton-row{align-items:center;gap:12px;padding:10px 20px;display:flex}.contacts-skeleton-row>.skeleton{flex:none}.contacts-skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.contacts-requests>section+section{margin-top:26px}.contacts-req-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.contacts-req{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:14px;display:flex}html[data-theme=dark] .contacts-req{box-shadow:none;border:1px solid var(--border)}.contacts-req-head{align-items:center;gap:12px;min-width:0;display:flex}.contacts-req-who{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.contacts-req-name{text-align:left;max-width:100%;color:var(--text);font-size:15px;font-weight:600}.contacts-req-name:hover{color:var(--primary-text)}.contacts-req-time{color:var(--text-muted);font-size:12.5px}.contacts-req-msg{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px;font-size:13.5px;line-height:1.5}.contacts-req-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.contacts-req-actions>.btn-block{grid-column:1/-1}.contacts-req-empty{color:var(--text-muted);background:var(--bg);border-radius:var(--radius-lg);border:1px dashed var(--border);align-items:center;gap:10px;padding:16px 18px;font-size:13.5px;display:flex}.alias-form{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.alias-text{color:var(--text);font-size:14px;line-height:1.6}.alias-text .muted{font-size:13px}.alias-meta{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:-4px;display:flex}.af-phone{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);height:46px;transition:border-color var(--transition), box-shadow var(--transition);align-items:center;display:flex}.af-phone:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.af-phone.is-invalid{border-color:var(--danger)}.af-prefix{height:60%;color:var(--text-secondary);border-right:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.af-phone-input{letter-spacing:.02em;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0 12px;font-size:15.5px}.af-phone-input:focus-visible{outline:none}.af-phone-input::placeholder{color:var(--text-muted);letter-spacing:0}.af-error{align-items:center;gap:6px;margin-top:8px;display:flex}.af-content{min-height:150px;margin-top:16px}.af-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:36px 0;font-size:13.5px;display:flex}.af-hint{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:22px 24px;font-size:13.5px;line-height:1.55;display:flex}.af-hint-icon{width:64px;height:64px;color:var(--primary-text);background:var(--primary-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.af-result{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:14px;display:flex}.af-user{align-items:center;gap:12px;min-width:0;display:flex}.af-user-info{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.af-user-name{text-align:left;max-width:100%;color:var(--text);font-size:16px;font-weight:600}.af-user-name:hover{color:var(--primary-text)}.af-user-sub{max-width:100%;color:var(--text-muted);font-size:13px}.af-state{flex-direction:column;gap:12px;display:flex}.af-note{border-radius:var(--radius);align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.af-note svg{flex:none}.af-note.is-info{color:var(--primary-text);background:var(--primary-soft)}.af-note.is-success{color:#15803d;background:var(--success-soft)}.af-note.is-danger{color:var(--danger);background:var(--danger-soft)}html[data-theme=dark] .af-note.is-info{color:#7db3ff}html[data-theme=dark] .af-note.is-success{color:#4ade80}html[data-theme=dark] .af-note.is-danger{color:#f87171}.af-message{margin:0}.af-message .textarea{min-height:76px}.af-counter{align-self:flex-end}.af-actions{gap:8px;display:flex}.af-actions>.btn{flex:1}@media (width<=767px){.contacts-side{border-right:0;flex:1;width:100%}.contacts-main,.contacts-page.show-content .contacts-side{display:none}.contacts-page.show-content .contacts-main{display:flex}.contacts-back{display:inline-flex!important}.contacts-menu-chevron{display:block}.contacts-menu-item.is-active{color:var(--text);background:0 0;font-weight:500}.contacts-menu-item{min-height:56px}.contacts-head{height:56px;padding:0 10px}.contacts-body{padding:12px 10px 20px}.contacts-row{padding:8px 10px 8px 14px}.contacts-letter{padding:10px 14px 4px}.contacts-toolbar{padding:10px 12px}.contacts-req-grid{grid-template-columns:1fr}}.profile-modal .modal-body{overflow-x:hidden}.profile-cover{background:linear-gradient(135deg,#5b8def,#2f6fe0);height:150px;position:relative}.profile-cover:after{content:"";background:linear-gradient(#0000 55%,#0000001f);position:absolute;inset:0}.profile-head{text-align:center;flex-direction:column;align-items:center;margin-top:-46px;padding:0 20px 14px;display:flex;position:relative}.profile-avatar-wrap{border-radius:50%;display:inline-flex;position:relative}.profile-avatar-wrap .avatar-inner{box-shadow:0 0 0 4px var(--bg)}.profile-avatar-wrap .avatar-online{box-shadow:0 0 0 3px var(--bg);bottom:4px;right:4px}.profile-avatar-edit{width:30px;height:30px;color:var(--text);background:var(--bg-secondary);box-shadow:0 0 0 2px var(--bg), var(--shadow-sm);transition:background var(--transition), color var(--transition), transform var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:-2px}.profile-avatar-edit:hover{color:var(--primary-text);background:var(--primary-soft);transform:scale(1.06)}.profile-name{justify-content:center;align-items:center;gap:4px;max-width:100%;margin-top:10px;padding-left:28px;display:flex}.profile-name h3{font-size:19px;font-weight:600}.profile-realname{max-width:100%;color:var(--text-muted);margin-top:1px;font-size:13px}.profile-presence{color:var(--text-muted);margin-top:4px;font-size:13px}.profile-presence.is-online{color:var(--success)}.profile-banner{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius);align-items:flex-start;gap:8px;margin:0 16px 12px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.profile-banner svg{flex:none;margin-top:1px}.profile-actions{gap:8px;padding:0 16px 16px;display:flex}.profile-actions>.btn{flex:1 1 0;min-width:0;padding:0 10px}.profile-video-btn.icon-btn{background:var(--bg-secondary);width:40px;height:40px}.profile-gap{background:var(--bg-secondary);height:8px}.profile-section{padding:14px 20px 12px}.profile-section h4{margin-bottom:8px;font-size:15px;font-weight:600}.profile-row{grid-template-columns:118px minmax(0,1fr);align-items:start;gap:10px;padding:7px 0;font-size:14px;display:grid}.profile-row-label{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.profile-row-label svg{color:var(--text-muted);flex:none}.profile-row-value{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.profile-row-value.is-muted{color:var(--text-muted)}.profile-links{padding:6px 0 8px}.profile-link{text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:11px 20px;font-size:14px;transition:background .12s;display:flex}.profile-link svg{color:var(--text-secondary);flex:none}.profile-link:hover:not(:disabled){background:var(--bg-hover)}.profile-link:disabled{cursor:default;color:var(--text-secondary)}.profile-link.is-danger,.profile-link.is-danger svg{color:var(--danger)}.profile-link-chevron{transition:transform var(--transition)}.profile-link-chevron.is-open{transform:rotate(180deg)}.profile-groups{flex-direction:column;gap:2px;padding:0 12px 6px 40px;display:flex}.profile-group{text-align:left;width:100%;color:var(--text);border-radius:var(--radius);align-items:center;gap:10px;padding:6px 8px;font-size:13.5px;display:flex}.profile-group:hover{background:var(--bg-hover)}.profile-group>.truncate{flex:1}.profile-group>.muted{flex:none;font-size:12px}.profile-footer{border-top:1px solid var(--border);padding:12px 16px 16px}.profile-skeleton .profile-cover:after{display:none}.profile-skeleton-avatar{width:84px;height:84px;box-shadow:0 0 0 4px var(--bg);display:block;border-radius:50%!important}@media (width<=767px){.profile-cover{height:128px}.profile-actions{flex-wrap:wrap}.profile-row{grid-template-columns:104px minmax(0,1fr)}}.mp-title{align-items:center;gap:6px;min-width:0;margin-left:-8px;display:flex}.mp-avatar-step{flex-direction:column;align-items:center;gap:14px;padding:6px 0 2px;display:flex}.mp-avatar-preview{background:var(--bg-secondary);width:200px;height:200px;box-shadow:var(--shadow-md);border-radius:50%;position:relative;overflow:hidden}.mp-avatar-preview img{object-fit:cover;width:100%;height:100%}.mp-avatar-progress{color:#fff;font-variant-numeric:tabular-nums;background:#00000073;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.mp-avatar-name{max-width:100%;color:var(--text-muted);font-size:13px}.mp-avatar-step .form-alert{width:100%;margin:0}.mp-avatar-actions{gap:8px;width:100%;display:flex}.mp-avatar-actions>.btn{flex:1}.mp-form .field{margin-bottom:16px}.mp-field-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.mp-radios{flex-wrap:wrap;align-items:center;gap:8px 22px;min-height:32px;display:flex}.mp-dob{grid-template-columns:1fr 1fr 1.25fr;gap:8px;display:grid}.mp-clear{align-self:flex-start;font-size:12.5px;font-weight:600}.mp-radios .mp-clear{align-self:center}.mp-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:4px;padding-top:14px;display:flex}.st-modal{height:min(620px,88vh)}.modal-body.st-body{display:flex;overflow:hidden}.st-nav{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:2px;width:210px;padding:10px 8px;display:flex}.st-nav-item{white-space:nowrap;text-align:left;width:100%;height:42px;color:var(--text);border-radius:var(--radius);transition:background var(--transition), color var(--transition);align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.st-nav-item svg{color:var(--text-secondary);flex:none}.st-nav-item:hover{background:var(--bg-hover)}.st-nav-item.is-active{color:var(--primary-text);background:var(--bg-active);font-weight:600}.st-nav-item.is-active svg{color:var(--primary-text)}.st-content{flex:1;min-width:0;padding:20px 24px 28px;animation:.18s both vc-fade-in}.st-title{font-size:17px;font-weight:600}.st-sub{color:var(--text-secondary);margin:4px 0 18px;font-size:13.5px;line-height:1.5}.st-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px 16px}.st-card+.st-card{margin-top:14px}.st-row{align-items:center;gap:12px;padding:13px 0;display:flex}.st-row+.st-row{border-top:1px solid var(--border)}.st-row-icon{width:34px;height:34px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.st-row-text{flex:1;min-width:0}.st-row-title{font-size:14px;font-weight:600}.st-row-desc{color:var(--text-muted);margin-top:2px;font-size:12.5px;line-height:1.45}.st-row-control{flex:none}.st-row-extra{margin-top:-8px;padding:0 0 12px 46px}.st-row-extra+.st-row{border-top:1px solid var(--border)}.st-permission{color:var(--text-muted);flex-wrap:wrap;align-items:flex-start;gap:6px 8px;margin-top:-6px;padding:0 0 13px 46px;font-size:12.5px;line-height:1.45;display:flex}.st-permission svg{flex:none;align-self:flex-start;margin-top:1px}.st-permission>span{flex:220px;min-width:0}.st-permission.is-granted{color:var(--success)}.st-permission.is-denied{color:var(--danger)}.st-permission .btn-link{margin-left:auto;font-size:12.5px}.st-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.st-theme{text-align:left;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:10px;padding:10px;display:flex}.st-theme:hover{border-color:#b9c2d0}.st-theme.is-selected{border-color:var(--primary);box-shadow:var(--focus-ring)}.st-theme-preview{--p-rail:#0068ff;--p-list:#fff;--p-line:#e6e9ef;--p-chat:#eef1f5;--p-other:#fff;--p-me:#cfe0ff;border:1px solid #00000014;border-radius:8px;height:108px;display:flex;overflow:hidden}.st-theme.is-dark .st-theme-preview{--p-rail:#1a2a44;--p-list:#1c1e22;--p-line:#33373e;--p-chat:#16181b;--p-other:#2a2d33;--p-me:#1d3357}.st-theme-rail{background:var(--p-rail);width:14%}.st-theme-list{background:var(--p-list);border-right:1px solid var(--p-line);flex-direction:column;gap:9px;width:32%;padding:12px 8px;display:flex}.st-theme-list i{background:var(--p-line);border-radius:4px;height:8px;display:block}.st-theme-list i:nth-child(2){width:70%}.st-theme-chat{background:var(--p-chat);flex-direction:column;flex:1;justify-content:flex-end;gap:7px;padding:10px;display:flex}.st-theme-chat b{background:var(--p-other);border-radius:7px;width:62%;height:14px;display:block}.st-theme-chat b.is-me{background:var(--p-me);align-self:flex-end;width:55%}.st-theme-chat b.short{width:38%}.st-theme-label{color:var(--text);align-items:center;gap:8px;padding:0 2px 2px;font-size:14px;font-weight:600;display:flex}.st-radio{width:18px;height:18px;transition:border var(--transition);border:2px solid #c5ccd8;border-radius:50%;flex:none}.st-theme.is-selected .st-radio{border:5px solid var(--primary)}.st-tip{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius);align-items:flex-start;gap:8px;margin-top:16px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.st-tip svg{flex:none;margin-top:2px}.st-form{padding:16px}.st-form-title{align-items:center;gap:8px;margin-bottom:14px;font-size:14.5px;font-weight:600;display:flex}.st-form-title svg{color:var(--primary-text)}.st-form-actions{justify-content:flex-end;display:flex}.st-account{align-items:center;gap:14px;padding:16px;display:flex}.st-account-info{min-width:0;color:var(--text-secondary);flex-direction:column;flex:1;gap:2px;font-size:13.5px;display:flex}.st-account-info b{color:var(--text);font-size:16px;font-weight:600}.st-account-info .muted{font-size:12.5px}.st-about{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;display:flex}.st-about img{box-shadow:var(--shadow-md);border-radius:18px}.st-about h3{color:var(--primary-text);align-items:center;gap:8px;margin-top:6px;font-size:22px;font-weight:800;display:flex}.st-about h3 span{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);padding:3px 10px;font-size:12.5px;font-weight:600}.st-about>p{max-width:420px;color:var(--text-secondary);font-size:14px;line-height:1.55}.st-about>p.muted{color:var(--text-muted);font-size:12.5px}.st-about-list{text-align:left;color:var(--text);background:var(--bg-secondary);border-radius:var(--radius-lg);gap:8px;margin:6px 0 8px;padding:14px 18px;font-size:13.5px;display:grid}.st-about-list li{padding-left:22px;position:relative}.st-about-list li:before{content:"";border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);width:11px;height:6px;position:absolute;top:4px;left:2px;transform:rotate(-45deg)}@media (width<=767px){.st-modal{height:calc(100dvh - 20px)}.modal-body.st-body{flex-direction:column}.st-nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;width:100%;padding:8px;overflow-x:auto}.st-nav-item{flex:none;width:auto;height:36px}.st-content{flex:1;min-height:0;padding:16px}.st-themes{gap:10px}.st-theme-preview{height:84px}.st-account{flex-wrap:wrap}.st-row-extra,.st-permission{padding-left:0}}.chat{--chat-me-border:#c7dcff;--chat-other-border:#e3e7ed;--chat-bubble-shadow:0 1px 2px #081b3a0d;--chat-pill-bg:#081b3a47;--chat-system-bg:#ffffffc7;--chat-hover-btn:var(--bg);background:var(--bg-chat);flex:1;min-width:0;min-height:0;display:flex;position:relative}html[data-theme=dark] .chat{--chat-me-border:#284a7d;--chat-other-border:#343841;--chat-bubble-shadow:none;--chat-pill-bg:#ffffff1f;--chat-system-bg:#ffffff12;--chat-hover-btn:#2c3036}.chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.chat-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-center{justify-content:center;align-items:center}.chat-header{height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);z-index:3;flex:none;align-items:center;gap:12px;padding:0 12px 0 16px;display:flex}.chat-header .chat-back{margin-left:-8px;display:none}.chat-header-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.chat-header-title-row{align-items:center;gap:8px;min-width:0;display:flex}.chat-header-title{text-align:left;max-width:100%;color:var(--text);font-size:17px;font-weight:600;line-height:1.3}button.chat-header-title:hover{color:var(--primary-text)}.chat-stranger-tag{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);flex:none;padding:1px 8px;font-size:11.5px;font-weight:600}.chat-header-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;align-items:center;gap:5px;max-width:100%;margin-top:2px;font-size:13px;line-height:1.3;display:inline-flex;overflow:hidden}.chat-header-sub.is-online{color:var(--text-secondary)}.chat-header-sub.is-link:hover{color:var(--primary-text)}.chat-header-dot{background:var(--online);border-radius:50%;flex:none;width:8px;height:8px}.chat-header-actions{flex:none;align-items:center;gap:2px;display:flex}.chat-header-actions .icon-btn{width:38px;height:38px}.chat-search{z-index:6;background:var(--bg);border-bottom:1px solid var(--border);animation:vc-slide-down .18s var(--ease) both;flex:none;position:relative}.chat-search-bar{align-items:center;gap:6px;height:52px;padding:0 12px 0 16px;display:flex}.chat-search-count{min-width:44px;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.chat-search-close{border-radius:var(--radius);height:32px;color:var(--text);flex:none;padding:0 10px;font-size:14px;font-weight:600}.chat-search-close:hover{background:var(--bg-hover)}.chat-search-results{background:var(--bg);border-bottom:1px solid var(--border);max-height:min(380px,55vh);box-shadow:var(--shadow-md);padding:4px 0 6px;position:absolute;top:100%;left:0;right:0}.chat-search-head{color:var(--text-muted);padding:6px 16px 4px;font-size:12.5px;font-weight:600}.chat-search-empty{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;font-size:13.5px;display:flex}.chat-search-empty svg{color:var(--text-muted)}.chat-search-item{text-align:left;align-items:center;gap:10px;width:100%;padding:8px 16px;transition:background .12s;display:flex}.chat-search-item:hover,.chat-search-item.is-active{background:var(--bg-hover)}.chat-search-item.is-active{box-shadow:inset 3px 0 0 var(--primary)}.chat-search-item-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-search-item-top{align-items:baseline;gap:8px;min-width:0;display:flex}.chat-search-item-top b{flex:1;font-size:14px;font-weight:600}.chat-search-item-time{color:var(--text-muted);flex:none;font-size:12px}.chat-search-item-text{color:var(--text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.chat-banner{background:var(--bg);border-bottom:1px solid var(--border);z-index:2;flex:none;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.chat-banner-icon{width:34px;height:34px;color:var(--primary-text);background:var(--primary-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.chat-banner-text{min-width:0;color:var(--text-secondary);flex:1;font-size:13.5px;line-height:1.4}.chat-banner-actions{flex:none;align-items:center;gap:6px;display:flex}.chat-banner-close{width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.chat-banner-close:hover{background:var(--bg-hover);color:var(--text)}.chat-pinned{z-index:4;flex:none;padding:8px 12px 0;position:relative}.chat-pinned-bar,.chat-pinned-list{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.chat-pinned-list{flex-direction:column;align-items:stretch;gap:0;padding:4px}.chat-pinned-head{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:6px 6px 6px 10px;font-size:13px;font-weight:600;display:flex}.chat-pinned-row{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.chat-pinned-row.is-compact{border-radius:var(--radius-sm)}.chat-pinned-row.is-compact:hover{background:var(--bg-hover)}.chat-pinned-open{text-align:left;border-radius:var(--radius-sm);flex:1;align-items:center;gap:10px;min-width:0;padding:4px 6px;display:flex}.chat-pinned-bar .chat-pinned-open:hover{background:var(--bg-hover)}.chat-pinned-icon{width:32px;height:32px;color:var(--primary-text);flex:none;justify-content:center;align-items:center;display:flex}.chat-pinned-thumb{object-fit:cover;border-radius:var(--radius-xs);flex:none;width:32px;height:32px}.chat-pinned-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-pinned-label{color:var(--text);font-size:13px;font-weight:600}.chat-pinned-text{color:var(--text-secondary);font-size:12.5px}.chat-pinned-more{height:28px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);flex:none;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chat-pinned-more:hover{color:var(--primary-text);border-color:var(--primary)}.chat-pinned-unpin{opacity:.75;flex:none}.chat-pinned-unpin:hover{opacity:1}.chat-list-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-list{overflow-anchor:none;flex:1;min-height:0}.chat-list-content{flex-direction:column;min-height:100%;padding:8px 16px 34px;display:flex;position:relative}.chat-list-content>:first-child{margin-top:auto}.chat-list-content.is-loading{justify-content:flex-end}.chat-list-loader{justify-content:center;align-items:center;min-height:44px;padding:8px 0;display:flex}.chat-list-loader-space{height:24px;display:block}.chat-list-retry{color:var(--danger);background:var(--bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:6px;margin:8px auto;padding:6px 12px;font-size:13px;display:inline-flex}.chat-list-retry:hover{background:var(--danger-soft)}.chat-list-jumping{color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:5;align-items:center;gap:8px;padding:6px 14px;font-size:13px;animation:.2s both vc-fade-in;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.chat-down-btn{z-index:6;min-width:40px;height:40px;color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:color var(--transition), transform var(--transition);justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute;bottom:18px;right:20px}.chat-down-btn:hover{color:var(--primary-text);transform:translateY(-1px)}.chat-down-btn.has-new{color:#fff;background:var(--primary);padding:0 12px 0 14px}.chat-down-count{white-space:nowrap;font-size:13px;font-weight:600}.chat-skeleton{flex-direction:column;gap:14px;padding:16px 0;display:flex}.chat-skeleton-row{align-items:flex-end;gap:8px;display:flex}.chat-skeleton-row.is-mine{justify-content:flex-end}.chat-skeleton-avatar{border-radius:50%;flex:none;width:32px;height:32px}.chat-skeleton-bubble{border-radius:12px;max-width:70%;height:40px}.chat-intro{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 16px 18px;display:flex}.chat-intro.is-empty{margin:auto 0;padding:40px 16px}.chat-intro-title{color:var(--text);margin-top:6px;font-size:17px;font-weight:600}.chat-intro-desc{max-width:360px;color:var(--text-secondary);font-size:13.5px;line-height:1.5}.chat-intro-wave{height:40px;color:var(--primary-text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:8px;margin-top:12px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.chat-intro-wave span{font-size:22px;line-height:1}.chat-intro-wave:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-item{border-radius:var(--radius);position:relative}.chat-item.is-highlighted{animation:2.2s ease-out both vc-highlight}.chat-item.is-date{justify-content:center;padding:14px 0 8px;display:flex}.chat-date{color:#fff;background:var(--chat-pill-bg);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;padding:3px 12px;font-size:12px;font-weight:500}.chat-item.is-system{padding:6px 0}.chat-system{justify-content:center;display:flex}.chat-system span{text-align:center;max-width:min(520px,90%);color:var(--text-secondary);background:var(--chat-system-bg);border-radius:var(--radius-full);overflow-wrap:anywhere;padding:4px 12px;font-size:12.5px;line-height:1.45}.chat-row{align-items:flex-end;padding-top:2px;display:flex;position:relative}.chat-row.is-first{padding-top:10px}.chat-row.is-mine{justify-content:flex-end}.chat-row-avatar{flex:none;align-self:flex-end;width:32px;margin-right:8px}.chat-row.has-reactions .chat-row-avatar{margin-bottom:12px}.chat-row-body{flex-direction:column;align-items:flex-start;min-width:0;max-width:min(72%,620px);display:flex}.chat-row.is-mine .chat-row-body{align-items:flex-end}.chat-sender{max-width:100%;color:var(--text-muted);margin:0 0 3px 2px;font-size:12.5px}.chat-bubble-line{max-width:100%;display:flex;position:relative}.chat-row.has-reactions .chat-bubble-line{margin-bottom:12px}.chat-bubble{min-width:0;max-width:100%;color:var(--text);background:var(--bubble-other);border:1px solid var(--chat-other-border);box-shadow:var(--chat-bubble-shadow);overflow-wrap:anywhere;border-radius:12px;padding:9px 12px 8px;font-size:15px;line-height:1.47;position:relative}.chat-row.is-mine .chat-bubble{background:var(--bubble-me);border-color:var(--chat-me-border)}.chat-bubble.is-bare{box-shadow:none;border:0;padding:0;background:0 0!important}.chat-bubble.is-media.has-extras{padding:6px}.chat-bubble.is-poll{width:340px;max-width:100%;padding:0;overflow:visible}.chat-row.is-mine .chat-bubble.is-poll{background:var(--bubble-other);border-color:var(--chat-other-border)}.chat-bubble.is-file,.chat-bubble.is-audio,.chat-bubble.is-call{padding:10px 12px 8px}.chat-bubble.is-sending{opacity:.92}.chat-bubble.is-failed{border-color:#ef44448c!important}.chat-bubble-foot{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-top:4px;font-size:12px;line-height:1.2;display:flex}.chat-bubble.is-poll .chat-bubble-foot{margin-top:0;padding:0 14px 10px}.chat-bubble.is-media.has-extras .chat-bubble-foot{padding:0 6px 2px}.chat-edited{font-style:italic}.chat-caption{padding:6px 6px 0}.chat-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.chat-text.is-emoji{letter-spacing:.02em;line-height:1.2}.chat-text.is-emoji.e1{font-size:44px}.chat-text.is-emoji.e2{font-size:38px}.chat-text.is-emoji.e3{font-size:32px}.chat-text.is-emoji.e4{font-size:28px}.chat-link{color:var(--primary-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:2px;overflow-wrap:anywhere}.chat-link:hover{text-decoration-color:currentColor}.chat-mention-tag{color:var(--primary-text);font-weight:600}.chat-mention-tag.is-me{background:var(--mark-bg);border-radius:4px;padding:0 3px}html[data-theme=dark] .chat-mention-tag.is-me{color:#9cc7ff}.chat-recalled{color:var(--text-muted);align-items:center;gap:6px;font-style:italic;display:flex}.chat-forwarded{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:4px;font-size:12px;font-style:italic;display:flex}.chat-quote{text-align:left;border-left:3px solid var(--primary);background:#081b3a0d;border-radius:4px 8px 8px 4px;align-items:center;gap:8px;width:100%;min-width:160px;margin:1px 0 6px;padding:5px 10px 5px 9px;transition:background .12s;display:flex}html[data-theme=dark] .chat-quote{background:#ffffff0f}.chat-quote:hover{background:#0068ff1a}.chat-quote-thumb{object-fit:cover;border-radius:4px;flex:none;width:34px;height:34px}.chat-quote-thumb.is-icon{color:var(--text-secondary);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.chat-quote-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-quote-main b{color:var(--text);font-size:12.5px;font-weight:600}.chat-quote-text{color:var(--text-secondary);font-size:12.5px}.chat-quote-text.is-recalled{font-style:italic}.chat-actions{opacity:0;pointer-events:none;white-space:nowrap;z-index:2;align-items:center;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.chat-actions.is-other{left:calc(100% + 8px)}.chat-actions.is-mine{flex-direction:row-reverse;right:calc(100% + 8px)}.chat-row:hover .chat-actions,.chat-row.is-hovering .chat-actions,.chat-actions:focus-within{opacity:1;pointer-events:auto}.chat-actions-time{color:#fff;background:var(--chat-pill-bg);border-radius:var(--radius-full);padding:2px 8px;font-size:11.5px}.chat-actions.is-mine .chat-actions-time{order:-1}.chat-action-btn{width:28px;height:28px;color:var(--text-secondary);background:var(--chat-hover-btn);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex}.chat-action-btn:hover,.chat-action-btn.is-active{color:var(--primary-text)}.chat-actions-more{display:inline-flex}.chat-bubble-react{z-index:2;align-items:center;gap:4px;display:flex;position:absolute;bottom:-12px;right:8px}.chat-row.has-reactions .chat-bubble:not(.is-bare){min-width:124px}.chat-row.is-other .chat-bubble.is-bare .chat-bubble-react{left:8px;right:auto}.chat-react-btn{width:24px;height:24px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s,color .12s,transform .12s;display:flex}.chat-row:hover .chat-react-btn,.chat-row.is-hovering .chat-react-btn,.chat-react-btn:focus-visible{opacity:1}.chat-react-btn:hover{color:var(--primary-text);transform:scale(1.08)}.chat-react-btn-emoji{font-size:13px;line-height:1}.chat-reactions{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);height:22px;box-shadow:var(--shadow-sm);animation:vc-pop .24s var(--ease) both;align-items:center;gap:1px;padding:0 6px 0 4px;display:inline-flex}.chat-reactions.has-mine{border-color:#0068ff73}.chat-reactions-emoji{font-size:13px;line-height:1}.chat-reactions-count{color:var(--text-secondary);margin-left:3px;font-size:12px;font-weight:600}.chat-reaction-picker{z-index:var(--z-dropdown);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);animation:vc-scale-in .16s var(--ease) both;gap:2px;padding:5px 6px;display:flex;position:fixed}.chat-reaction-option{width:38px;height:36px;transition:transform .14s var(--ease), background .12s;border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.chat-reaction-picker .chat-reaction-option{animation:vc-pop .28s var(--ease) both}.chat-reaction-option:hover{transform:scale(1.25)translateY(-2px)}.chat-reaction-option.is-active{background:var(--primary-soft)}.chat-reaction-menu{justify-content:space-between;gap:2px;display:flex}.chat-reaction-menu .chat-reaction-option{width:32px;height:32px;font-size:21px}.chat-status{justify-content:flex-end;min-height:18px;margin-top:4px;display:flex}.chat-receipt{color:var(--text-muted);background:var(--chat-system-bg);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:1px 8px;font-size:11.5px;display:inline-flex}.chat-receipt.is-seen{color:var(--primary-text)}.chat-failed{color:var(--danger);align-items:center;gap:5px;font-size:12px;display:inline-flex}.chat-failed button{color:var(--danger);border-radius:var(--radius-sm);align-items:center;gap:3px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex}.chat-failed button:hover{background:var(--danger-soft)}.chat-failed button.is-muted{color:var(--text-muted)}.chat-readers{justify-content:flex-end;align-items:center;gap:2px;padding:4px 2px 0;display:flex}.chat-readers .avatar{box-shadow:0 0 0 1.5px var(--bg-chat);border-radius:50%}.chat-readers-more{color:var(--text-muted);margin-left:2px;font-size:11px;font-weight:600}.chat-album{background:var(--bg-secondary);border-radius:12px;gap:3px;width:340px;max-width:100%;display:grid;position:relative;overflow:hidden}.chat-album.is-single{display:block}.chat-album.n2{grid-template-columns:repeat(2,1fr)}.chat-album.n3{grid-template-columns:repeat(3,1fr)}.chat-album.n4{grid-template-columns:repeat(2,1fr)}.chat-album.nmany{grid-template-columns:repeat(3,1fr)}.chat-album-cell{aspect-ratio:1;cursor:zoom-in;background:var(--skeleton);width:100%;padding:0;display:block;position:relative;overflow:hidden}.chat-album.is-single .chat-album-cell{aspect-ratio:auto;height:100%}.chat-album-cell:disabled{cursor:default}.chat-album-img{object-fit:cover;width:100%;height:100%;transition:transform .25s var(--ease), filter .2s}.chat-album-cell:not(:disabled):hover .chat-album-img{filter:brightness(.94)}.chat-img-fallback{width:100%;height:100%;color:var(--text-muted);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.chat-media-overlay{color:#fff;pointer-events:none;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-media-overlay.is-failed{color:#fecaca;background:#00000073}.chat-progress-ring{transform:rotate(-90deg)}.chat-progress-ring circle{fill:none;stroke-width:3.5px}.chat-progress-ring .track{stroke:#ffffff4d}.chat-progress-ring .bar{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.chat-progress-pct{font-size:11px;font-weight:700;position:absolute}.chat-media-time{color:#fff;border-radius:var(--radius-full);pointer-events:none;background:#00000073;padding:1px 7px;font-size:11.5px;position:absolute;bottom:8px;right:8px}.chat-video{background:#000;border-radius:12px;max-width:100%;position:relative;overflow:hidden}.chat-video video{object-fit:contain;background:#000;width:100%;height:100%}.chat-video .chat-media-time{top:8px;bottom:auto}.chat-sticker{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #0000001f);font-size:84px;line-height:1.05}.chat-sticker-time{color:var(--text-muted);margin-top:2px;font-size:11.5px}.chat-file{align-items:center;gap:8px;width:300px;max-width:100%;display:flex}.chat-file-link{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;display:flex;text-decoration:none!important}.chat-file-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-file-name{min-width:0;color:var(--text);font-size:14px;font-weight:600;display:flex}.chat-file-name-base{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-file-name-ext{white-space:nowrap;flex:none}.chat-file-link:hover .chat-file-name{color:var(--primary-text)}.chat-file-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.chat-file.is-failed .chat-file-meta{color:var(--danger)}.chat-file-progress{background:#0068ff26;border-radius:3px;height:3px;margin-top:3px;display:block;overflow:hidden}.chat-file-progress span{background:var(--primary);border-radius:3px;height:100%;transition:width .2s linear;display:block}.chat-file-dl{width:34px;height:34px;color:var(--text-secondary);background:#081b3a0d;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}html[data-theme=dark] .chat-file-dl{background:#ffffff12}.chat-file-dl:hover{color:var(--primary-text);background:var(--primary-soft);text-decoration:none}.chat-file-icon{color:#fff;background:var(--file-color,#7c8aa5);border-radius:6px 12px 6px 6px;flex:none;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex;position:relative;box-shadow:inset 0 -2px #00000014}.chat-file-icon-fold{background:#ffffff61;border-radius:0 12px 0 6px;width:12px;height:12px;position:absolute;top:0;right:0}.chat-file-icon-label{letter-spacing:.02em;font-weight:800;line-height:1}.chat-voice{align-items:center;gap:10px;width:260px;max-width:100%;display:flex}.chat-voice-btn{color:#fff;background:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,transform .12s;display:flex}.chat-voice-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.chat-voice-btn:disabled{opacity:.7}.chat-voice-wave{cursor:pointer;flex:1;align-items:center;gap:2px;height:28px;display:flex}.chat-voice-wave i{background:#0068ff47;border-radius:2px;flex:1;min-width:2px;max-width:4px;transition:background .12s}.chat-voice-wave i.is-played{background:var(--primary)}.chat-voice-time{min-width:34px;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:600}.chat-call{flex-direction:column;gap:8px;min-width:210px;display:flex}.chat-call-row{align-items:center;gap:10px;display:flex}.chat-call-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-call-icon.is-ok{color:var(--success);background:var(--success-soft)}.chat-call-icon.is-danger{color:var(--danger);background:var(--danger-soft)}.chat-call-icon.is-muted{color:var(--text-secondary);background:var(--bg-secondary)}.chat-call-text{flex-direction:column;min-width:0;display:flex}.chat-call-text b{font-size:14.5px;font-weight:600}.chat-call-text span{color:var(--text-secondary);font-size:13px}.chat-call-btn{height:32px;color:var(--primary-text);border-radius:var(--radius);background:#0068ff14;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:background .12s;display:flex}.chat-call-btn:hover:not(:disabled){background:#0068ff29}.chat-call-btn:disabled{opacity:.5}.chat-poll{padding:12px 14px 8px}.chat-poll-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.chat-poll-badge{color:var(--primary-text);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.chat-poll-closed{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);align-items:center;gap:4px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chat-poll-question{overflow-wrap:anywhere;font-size:15.5px;font-weight:700;line-height:1.4}.chat-poll-meta{color:var(--text-muted);margin-top:2px;font-size:12.5px}.chat-poll-options{flex-direction:column;gap:6px;margin-top:10px;display:flex}.chat-poll-option{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-items:center;gap:8px;min-height:38px;padding:6px 10px;transition:border-color .12s;display:flex;position:relative;overflow:hidden}.chat-poll-option:not(:disabled):hover{border-color:var(--primary)}.chat-poll-option:disabled{cursor:default}.chat-poll-option.is-selected{border-color:var(--primary)}.chat-poll-bar{transition:width .35s var(--ease);pointer-events:none;background:#0068ff14;position:absolute;inset:0 auto 0 0}.chat-poll-option.is-leading .chat-poll-bar{background:#0068ff26}.chat-poll-check{color:#fff;border:2px solid var(--text-muted);flex:none;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:flex;position:relative}.chat-poll-check.is-round{border-radius:50%}.chat-poll-check.is-square{border-radius:5px}.chat-poll-option.is-selected .chat-poll-check{border-color:var(--primary);background:var(--primary)}.chat-poll-text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;position:relative}.chat-poll-voters{flex:none;display:flex;position:relative}.chat-poll-voters .avatar+.avatar{margin-left:-5px}.chat-poll-voters .avatar{box-shadow:0 0 0 1.5px var(--bg);border-radius:50%}.chat-poll-count{text-align:right;min-width:18px;color:var(--text-secondary);flex:none;font-size:13px;font-weight:700;position:relative}.chat-poll-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.chat-poll-link{color:var(--primary-text);align-items:center;gap:4px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.chat-poll-link:disabled{color:var(--text-muted);font-weight:500}.chat-poll-link:not(:disabled):hover{text-decoration:underline}.chat-poll-link.is-muted{color:var(--text-secondary)}.chat-typing{z-index:4;max-width:calc(100% - 100px);color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);pointer-events:none;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-size:12.5px;display:inline-flex;position:absolute;bottom:6px;left:16px}.chat-typing .typing-dots{color:var(--primary-text)}.chat-typing-text b{color:var(--text);font-weight:600}.chat-composer{background:var(--bg);border-top:1px solid var(--border);z-index:5;transition:border-color var(--transition);flex:none;position:relative}.chat-composer:focus-within{border-top-color:#0068ff8c}.chat-composer-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:2px;height:46px;padding:0 8px;display:flex}.chat-tool{width:40px;height:36px;color:var(--text-secondary);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.chat-tool:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.chat-tool.is-active{color:var(--primary-text);background:var(--primary-soft)}.chat-tool:disabled{opacity:.4}.chat-composer-input{align-items:flex-end;gap:6px;min-height:58px;padding:8px 10px 8px 16px;display:flex}.chat-composer-input textarea{min-width:0;height:40px;color:var(--text);resize:none;background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:15px;line-height:22px;overflow-y:hidden}.chat-composer-input textarea::placeholder{color:var(--text-muted)}.chat-composer-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;align-self:center;font-size:11.5px}.chat-composer-counter.is-over{color:var(--danger);font-weight:600}.chat-composer-actions{flex:none;align-items:center;gap:4px;height:40px;display:flex}.chat-send-btn{min-width:44px;height:40px;color:var(--primary-text);border-radius:var(--radius);animation:vc-pop .22s var(--ease) both;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;transition:background .12s,transform 80ms;display:inline-flex}.chat-send-btn:hover:not(:disabled){background:var(--primary-soft)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn.is-save{color:#fff;background:var(--primary);padding:0 14px}.chat-send-btn.is-save:hover:not(:disabled){background:var(--primary-hover)}.chat-like-btn{border-radius:var(--radius);width:44px;height:40px;transition:transform .15s var(--ease), background .12s;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.chat-like-btn:hover{background:var(--bg-hover);transform:scale(1.12)rotate(-8deg)}.chat-like-btn:active{transform:scale(.92)}.chat-replybar{background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:4px var(--radius) var(--radius) 4px;align-items:center;gap:10px;margin:8px 12px 0;padding:7px 6px 7px 10px;display:flex}.chat-composer.is-editing .chat-replybar{border-left-color:var(--warning)}.chat-replybar-icon{color:var(--primary-text);flex:none;display:flex}.chat-composer.is-editing .chat-replybar-icon{color:var(--warning)}.chat-replybar-thumb{object-fit:cover;border-radius:4px;flex:none;width:36px;height:36px}.chat-replybar-thumb.is-icon{color:var(--text-secondary);background:var(--bg);justify-content:center;align-items:center;display:flex}.chat-replybar-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-replybar-title{color:var(--text-secondary);font-size:13px}.chat-replybar-title b{color:var(--text);font-weight:600}.chat-replybar-text{color:var(--text-muted);font-size:13px}.chat-popover{z-index:30;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform-origin:0 100%;position:absolute;bottom:calc(100% + 8px);left:8px}.chat-picker{flex-direction:column;width:352px;max-width:calc(100vw - 16px);height:380px;max-height:calc(100dvh - 180px);display:flex;overflow:hidden}.chat-picker-title{color:var(--text-secondary);flex:none;padding:12px 14px 6px;font-size:13px;font-weight:600}.chat-emoji-grid{flex:1;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px;min-height:0;padding:0 8px 8px;display:grid}.chat-emoji-btn{aspect-ratio:1;border-radius:var(--radius);justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background .1s,transform .1s;display:flex}.chat-emoji-btn:hover{background:var(--bg-hover);transform:scale(1.12)}.chat-sticker-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:6px;min-height:0;padding:2px 10px 10px;display:grid}.chat-sticker-btn{aspect-ratio:1;border-radius:var(--radius-lg);transition:background .12s, transform .15s var(--ease);justify-content:center;align-items:center;font-size:46px;line-height:1;display:flex}.chat-sticker-btn:hover{background:var(--bg-hover);transform:scale(1.1)}.chat-sticker-btn:active{transform:scale(.94)}.chat-picker-tabs{border-top:1px solid var(--border);background:var(--bg-secondary);flex:none;gap:2px;padding:4px 6px;display:flex;overflow-x:auto}.chat-picker-tab{width:40px;height:36px;color:var(--text-secondary);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;transition:background .12s;display:flex}.chat-picker-tab:hover{background:var(--bg-hover)}.chat-picker-tab.is-active{background:var(--bg);box-shadow:var(--shadow-sm);color:var(--primary-text)}.chat-picker-tab-emoji{font-size:20px;line-height:1}.chat-mention{z-index:31;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;max-width:calc(100% - 24px);box-shadow:var(--shadow-lg);padding:6px;position:absolute;bottom:calc(100% + 6px);left:12px}.chat-mention-title{color:var(--text-muted);padding:4px 8px 6px;font-size:12px;font-weight:600}.chat-mention-list{max-height:260px}.chat-mention-item{text-align:left;border-radius:var(--radius);align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.chat-mention-item.is-active{background:var(--bg-active)}.chat-mention-all{color:#fff;background:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.chat-mention-name{flex:1;font-size:14px;font-weight:500}.chat-mention-sub{color:var(--text-muted);font-size:12.5px;font-weight:400}.chat-recorder{align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:flex}.chat-recorder-cancel,.chat-recorder-send{border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .12s,transform .12s;display:flex}.chat-recorder-cancel{color:var(--danger);background:var(--danger-soft)}.chat-recorder-cancel:hover{transform:scale(1.05)}.chat-recorder-send{color:#fff;background:var(--primary)}.chat-recorder-send:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.chat-recorder-send:disabled{opacity:.6}.chat-recorder-main{background:var(--bg-secondary);border-radius:var(--radius-full);flex:1;align-items:center;gap:10px;min-width:0;height:40px;padding:0 14px;display:flex}.chat-recorder-hint{color:var(--text-secondary);align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.chat-recorder-dot{background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s ease-in-out infinite vc-pulse}.chat-recorder-time{min-width:36px;color:var(--danger);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:700}.chat-recorder-bars{flex:1;align-items:center;gap:2px;min-width:0;height:26px;display:flex;overflow:hidden}.chat-recorder-bars i{background:var(--primary);transform-origin:50%;border-radius:2px;flex:1;min-width:2px;max-width:4px;height:100%;transition:transform 90ms linear}.chat-recorder-limit{color:var(--text-muted);flex:none;font-size:11.5px}.chat-blocked{background:var(--bg);border-top:1px solid var(--border);flex:none;align-items:center;gap:12px;min-height:72px;padding:12px 18px;display:flex}.chat-blocked-icon{width:40px;height:40px;color:var(--danger);background:var(--danger-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.chat-blocked-text{flex-direction:column;flex:1;min-width:0;display:flex}.chat-blocked-text b{font-size:14.5px;font-weight:600}.chat-blocked-text span{color:var(--text-secondary);font-size:13px}.chat-dropzone{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0068ff0f;padding:14px;display:flex;position:absolute;inset:0}.chat-dropzone-inner{color:var(--primary-text);text-align:center;background:color-mix(in srgb, var(--bg) 86%, transparent);border:2px dashed var(--primary);border-radius:var(--radius-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.chat-dropzone-inner b{color:var(--text);font-size:17px;font-weight:600}.chat-dropzone-inner span{color:var(--text-secondary);font-size:13.5px}.chat-info{width:var(--panel-w);background:var(--bg);border-left:1px solid var(--border);min-height:0;animation:vc-slide-in-right .2s var(--ease) both;flex-direction:column;flex:none;display:flex}.chat-info-header{height:var(--header-h);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}.chat-info-header-title{text-align:center;flex:1;min-width:0;font-size:16px;font-weight:600}.chat-info-header{position:relative}.chat-info-header .chat-info-close{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.chat-info.is-mobile .chat-info-header-title{text-align:left}.chat-info-scroll{flex:1;min-height:0}.chat-info-top{flex-direction:column;align-items:center;padding:20px 16px 16px;display:flex}.chat-info-avatar{position:relative}.chat-info-avatar-btn{width:28px;height:28px;color:var(--text-secondary);background:var(--bg-secondary);border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex;position:absolute;bottom:-2px;right:-2px}.chat-info-avatar-btn:hover:not(:disabled){color:var(--primary-text);background:var(--primary-soft)}.chat-info-name-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;margin-top:12px;display:flex}.chat-info-name{text-align:center;overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:17px;font-weight:600}.chat-info-edit-btn{width:28px;height:28px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.chat-info-edit-btn:hover{color:var(--primary-text);background:var(--primary-soft)}.chat-info-edit{align-items:center;gap:4px;width:100%;margin-top:8px;display:flex}.chat-info-edit .input{height:36px}.chat-info-sub{max-width:280px;color:var(--text-secondary);text-align:center;margin-top:4px;font-size:13px}.chat-info-quick{justify-content:center;gap:4px;width:100%;margin-top:18px;display:flex}.chat-quick{width:76px;color:var(--text-secondary);text-align:center;border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:2px;font-size:12px;line-height:1.3;display:flex}.chat-quick-icon{width:38px;height:38px;color:var(--text);background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.chat-quick:hover .chat-quick-icon{background:var(--border)}.chat-quick.is-active .chat-quick-icon{color:var(--primary-text);background:var(--primary-soft)}.chat-info-section{border-top:8px solid var(--bg-secondary)}.chat-info-section-head{text-align:left;width:100%;color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.chat-info-section-head:hover{background:var(--bg-hover)}.chat-info-section-count{color:var(--text-muted);font-weight:500}.chat-info-chevron{color:var(--text-muted);transition:transform var(--transition);transform:rotate(-90deg)}.chat-info-chevron.is-open{transform:none}.chat-info-section-body{padding:0 0 12px}.chat-info-loading{justify-content:center;padding:12px;display:flex}.chat-info-empty{color:var(--text-muted);padding:4px 16px 6px;font-size:13px}.chat-info-seeall{width:calc(100% - 32px);height:34px;color:var(--text);background:var(--bg-secondary);border-radius:var(--radius);margin:10px 16px 0;font-size:13.5px;font-weight:600;display:block}.chat-info-seeall:hover{background:var(--border)}.chat-info-row{text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex}.chat-info-row svg{color:var(--text-secondary);flex:none}.chat-info-row:hover{background:var(--bg-hover)}.chat-info-row.is-danger,.chat-info-row.is-danger svg{color:var(--danger)}.chat-info-row-label{flex:1}.chat-info-row-hint{color:var(--text-muted);font-size:12px}.chat-member-add{text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.chat-member-add:hover{background:var(--bg-hover)}.chat-member-add-icon{width:40px;height:40px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-member{align-items:center;padding-right:10px;display:flex}.chat-member:hover{background:var(--bg-hover)}.chat-member-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:7px 8px 7px 16px;display:flex}.chat-member-text{flex-direction:column;min-width:0;display:flex}.chat-member-name{font-size:14px;font-weight:500}.chat-role{color:var(--text-muted);align-self:flex-start;margin-top:1px;font-size:12px}.chat-role.is-owner{color:#d97706;font-weight:600}.chat-role.is-admin{color:var(--primary-text);font-weight:600}.chat-member-more{opacity:0}.chat-member:hover .chat-member-more,.chat-member .dropdown-trigger.is-open .chat-member-more,.chat-member-more:focus-visible{opacity:1}@media (hover:none){.chat-member-more{opacity:1}}.chat-media-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:0 16px;display:grid}.chat-media-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--skeleton);cursor:zoom-in;padding:0;display:block;position:relative;overflow:hidden}.chat-media-tile img,.chat-media-tile video{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .25s var(--ease)}.chat-media-tile:hover img,.chat-media-tile:hover video{transform:scale(1.04)}.chat-media-tile-badge{color:#fff;border-radius:var(--radius-full);background:#00000080;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:4px;left:4px}.chat-media-tile-fallback{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.chat-link-row,.chat-file-row{align-items:center;gap:4px;padding:6px 10px 6px 16px;display:flex}.chat-link-row:hover,.chat-file-row:hover{background:var(--bg-hover)}.chat-link-row-main{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;display:flex;text-decoration:none!important}.chat-link-row-icon{width:42px;height:42px;color:var(--primary-text);background:var(--primary-soft);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;display:flex}.chat-link-row-text{flex-direction:column;min-width:0;display:flex}.chat-link-row-text b{color:var(--text);font-size:14px;font-weight:600}.chat-link-row-url{color:var(--primary-text);font-size:12.5px}.chat-link-row-meta{color:var(--text-muted);font-size:12px}.chat-file-row .chat-file{flex:1;width:auto;min-width:0}.chat-file.is-flat .chat-file-dl{display:none}.chat-gallery{flex-direction:column;flex:1;min-height:0;display:flex}.chat-gallery .chat-info-header-title{text-align:left}.chat-gallery-tabs{border-bottom:1px solid var(--border);flex:none;display:flex}.chat-gallery-tab{height:42px;color:var(--text-secondary);flex:1;font-size:14px;font-weight:500;position:relative}.chat-gallery-tab:hover{color:var(--text)}.chat-gallery-tab.is-active{color:var(--primary-text);font-weight:600}.chat-gallery-tab.is-active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.chat-gallery-scroll{flex:1;min-height:0;padding-bottom:16px}.chat-gallery-group{padding-top:8px}.chat-gallery-date{color:var(--text-secondary);padding:6px 16px;font-size:13px;font-weight:600}.chat-gallery-loading{justify-content:center;padding:36px 0;display:flex}.chat-gallery-loading.is-more{padding:14px 0}.chat-gallery .chat-list-retry{display:flex}.chat-people-body{flex-direction:column;min-height:220px;max-height:60vh;display:flex}.chat-people-tabs{border-bottom:1px solid var(--border);flex:none;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.chat-people-tab{max-width:180px;height:32px;color:var(--text-secondary);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex;overflow:hidden}.chat-people-tab span{color:var(--text-muted);font-size:12.5px;font-weight:600}.chat-people-tab:hover{background:var(--bg-hover)}.chat-people-tab.is-active{color:var(--primary-text);background:var(--primary-soft);font-weight:600}.chat-people-tab.is-active span{color:var(--primary-text)}.chat-people-list{flex:1;padding:6px 0;overflow-y:auto}.chat-people-row{text-align:left;align-items:center;gap:12px;width:100%;padding:8px 18px;display:flex}.chat-people-row:hover{background:var(--bg-hover)}.chat-people-name{flex:1;font-size:14.5px;font-weight:500}.chat-people-emoji{font-size:22px;line-height:1}.chat-fw-body{flex-direction:column;min-height:0;display:flex}.chat-fw-search{flex:none;padding:12px 16px 6px}.chat-fw-section{color:var(--text-secondary);flex:none;padding:8px 18px 4px;font-size:13px;font-weight:600}.chat-fw-list{flex:1;min-height:180px;max-height:46vh;padding:0 6px 8px}.chat-fw-list .chat-fw-section{padding:10px 12px 4px}.chat-fw-item{text-align:left;border-radius:var(--radius);align-items:center;gap:12px;width:100%;padding:7px 12px;transition:background .12s;display:flex}.chat-fw-item:hover{background:var(--bg-hover)}.chat-fw-item.is-checked{background:var(--bg-active)}.chat-fw-check{color:#fff;border:2px solid var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;transition:background .12s,border-color .12s;display:flex}.chat-fw-check.is-checked{border-color:var(--primary);background:var(--primary)}.chat-fw-title{flex:1;font-size:14.5px;font-weight:500}.chat-fw-meta{color:var(--text-muted);flex:none;font-size:12px}.chat-fw-preview{background:var(--bg-secondary);border-radius:var(--radius);flex:none;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 12px;display:flex}.chat-fw-thumb{object-fit:cover;border-radius:var(--radius-sm);flex:none;width:44px;height:44px}.chat-fw-thumb.is-icon,.chat-fw-thumb.is-sticker{color:var(--text-secondary);background:var(--bg);justify-content:center;align-items:center;display:flex}.chat-fw-thumb.is-sticker{font-size:28px;line-height:1}.chat-fw-preview-text{flex-direction:column;min-width:0;display:flex}.chat-fw-preview-label{color:var(--text-muted);font-size:12px;font-weight:600}.chat-fw-preview-body{color:var(--text);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.chat-fw-selected{min-width:0;color:var(--text-secondary);flex:1;margin-right:auto;font-size:13px}.chat-poll-form .field{margin-bottom:16px}.chat-poll-form .textarea{resize:none;min-height:64px}.chat-poll-form-count{align-self:flex-end}.chat-poll-form-options{flex-direction:column;gap:8px;display:flex}.chat-poll-form-option{align-items:center;gap:6px;display:flex}.chat-poll-form-add{color:var(--primary-text);align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:6px 4px;font-size:14px;font-weight:600;display:inline-flex}.chat-poll-form-add:hover{text-decoration:underline}.chat-poll-form-multi{font-size:14px}@media (width<=1199px) and (width>=768px){.chat-info{z-index:35;box-shadow:var(--shadow-lg);position:absolute;top:0;bottom:0;right:0}}@media (width<=767px){.chat-header .chat-back{display:inline-flex}.chat-header{gap:8px;height:60px;padding:0 6px 0 12px}.chat-header .avatar{width:40px!important;min-width:40px!important;height:40px!important}.chat-header-title{font-size:16px}.chat-header-actions .icon-btn{width:36px;height:36px}.chat-list-content{padding:6px 10px 32px}.chat-row-body{max-width:84%}.chat-row-avatar{width:28px;margin-right:6px}.chat-row-avatar .avatar{width:28px!important;min-width:28px!important;height:28px!important}.chat-actions,.chat-react-btn{display:none}.chat-album,.chat-album.is-single{max-width:min(100%,72vw)}.chat-sticker{font-size:72px}.chat-composer-toolbar{height:42px;padding:0 4px;overflow-x:auto}.chat-tool{width:38px}.chat-composer-input{padding:6px 8px 6px 12px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.chat-popover{left:6px;right:6px}.chat-picker{width:auto;height:320px}.chat-banner{flex-wrap:wrap}.chat-banner-text{flex-basis:calc(100% - 80px)}.chat-banner-actions{margin-left:46px}.chat-info.is-mobile{z-index:60;border-left:0;width:100%;position:fixed;inset:0}.chat-down-btn{bottom:14px;right:12px}.chat-search-bar{padding:0 8px 0 10px}.chat-search-count{min-width:32px}}@media (hover:none){.chat-actions{display:none}}.gs-wrap{flex-direction:column;flex:1;min-height:0;animation:.15s both vc-fade-in;display:flex}.gs-tabs{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:2px;height:36px;padding:0 12px;display:flex}.gs-tab{height:36px;color:var(--text-secondary);align-items:center;gap:5px;padding:0 8px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.gs-tab:hover{color:var(--text)}.gs-tab.is-active{color:var(--primary-text);font-weight:600}.gs-tab.is-active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:6px;right:6px}.gs-tab-count{color:var(--text-muted);font-size:11.5px;font-weight:600}.gs-tabs-spinner{margin-left:auto}.gs{flex:1;min-height:0;padding:4px 0 12px;transition:opacity .15s}.gs.is-refreshing{opacity:.6}.gs-section{padding:6px 0 4px}.gs-section+.gs-section{border-top:6px solid var(--bg-secondary)}.gs-section-head{height:34px;color:var(--text);justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:flex}.gs-section-count{color:var(--text-muted);font-weight:400}.gs-more{color:var(--primary-text);align-items:center;gap:2px;font-size:13px;font-weight:500;display:inline-flex}.gs-more:hover{text-decoration:underline}.gs-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 16px;transition:background .12s;display:flex}.gs-row:hover,.gs-row:focus-visible{background:var(--bg-hover);outline:none}.gs-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gs-row-top{align-items:center;gap:8px;min-width:0;display:flex}.gs-row-title{color:var(--text);flex:1;font-size:14.5px;font-weight:500;display:block}.gs-row-time{color:var(--text-muted);flex:none;font-size:12px}.gs-row-sub{color:var(--text-secondary);font-size:13px;display:block}.gs-row-snippet{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.gs-row-trailing{color:var(--text-muted);flex:none}.gs-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:36px 16px;font-size:14px;display:flex}.gs-hint{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius);align-items:flex-start;gap:10px;margin:12px 16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.gs-hint svg{color:var(--primary-text);flex:none;margin-top:1px}.cl{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cl-header{flex:none;align-items:center;gap:4px;height:64px;padding:0 10px 0 16px;display:flex}.cl-header .search-input{margin-right:4px}.cl-close-search{height:32px;color:var(--text);border-radius:var(--radius);flex:none;padding:0 10px;font-size:14px;font-weight:600}.cl-close-search:hover{background:var(--bg-hover)}.cl-filters{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;height:36px;padding:0 10px 0 16px;display:flex}.cl-filter{height:36px;color:var(--text-secondary);align-items:center;gap:6px;margin-right:14px;padding:0 4px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.cl-filter:hover{color:var(--text)}.cl-filter.is-active{color:var(--primary-text);font-weight:600}.cl-filter.is-active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.cl-filter-count{text-align:center;color:#fff;background:var(--badge-bg);border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.cl-scroll{flex:1;min-height:0}.cl-items{padding:4px 0 8px}.cl-item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:12px;height:74px;padding:0 16px;transition:background .12s;display:flex;position:relative}.cl-item:hover,.cl-item.is-menu-open{background:var(--bg-hover)}.cl-item:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.cl-item.is-active{background:var(--bg-active)}.cl-item-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cl-item-row{align-items:center;gap:8px;min-width:0;display:flex}.cl-item-title{color:var(--text);flex:1;font-size:15px;font-weight:500}.cl-item.is-unread .cl-item-title{font-weight:700}.cl-item-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.cl-item.is-unread .cl-item-time{color:var(--text);font-weight:600}.cl-item-preview{color:var(--text-secondary);flex:1;font-size:13.5px;display:block}.cl-item.is-unread .cl-item-preview{color:var(--text);font-weight:600}.cl-item-preview.is-typing{color:var(--primary-text);font-weight:500!important}.cl-typing{align-items:center;gap:6px;display:inline-flex}.cl-typing .typing-dots i{width:4px;height:4px}.cl-draft{color:var(--danger);font-weight:500}.cl-failed{vertical-align:-2px;color:var(--danger);margin-right:4px;display:inline-block}.cl-empty-preview{color:var(--text-muted);font-weight:400}.cl-item-indicators{color:var(--text-muted);flex:none;align-items:center;gap:6px;display:flex}.cl-pin-icon{color:var(--text-muted);transform:rotate(35deg)}.cl-item-more{display:none;position:absolute;top:10px;right:10px}.cl-more-btn{background:var(--bg);box-shadow:var(--shadow-sm)}.cl-item.is-active .cl-more-btn{background:var(--bg)}@media (hover:hover){.cl-item:hover .cl-item-more,.cl-item.is-menu-open .cl-item-more{display:block}.cl-item:hover .cl-item-row:first-child .cl-item-time,.cl-item.is-menu-open .cl-item-row:first-child .cl-item-time{visibility:hidden}}.cl-skeletons{padding:6px 0}.cl-skeleton{align-items:center;gap:12px;height:74px;padding:0 16px;display:flex}.cl-skeleton-avatar{border-radius:50%;flex:none;width:48px;height:48px}.cl-skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.cl-skeleton-lines .skeleton{height:12px;display:block}.cl-banner{background:var(--primary-soft);border-radius:var(--radius);flex:none;align-items:center;gap:10px;margin:8px 10px 4px;padding:10px 8px 10px 12px;display:flex}.cl-banner-icon{color:var(--primary-text);flex:none}.cl-banner-text{min-width:0;color:var(--text-secondary);flex-direction:column;flex:1;font-size:12.5px;line-height:1.4;display:flex}.cl-banner-text b{color:var(--text);font-size:13px;font-weight:600}.cl-banner-close{width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.cl-banner-close:hover{color:var(--text);background:#0000000f}@media (width<=767px){.cl-header{height:58px;padding:0 8px 0 12px}.cl-item{padding:0 12px}}.app-shell{background:var(--bg);width:100%;height:100dvh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex:none;min-width:0;display:flex}.app-main{background:var(--bg);flex:1;min-width:0;min-height:0;display:flex;position:relative}.app-contacts{flex:1;min-width:0;min-height:0;display:flex}@media (width<=1023px) and (width>=768px){.app-shell{--sidebar-w:300px}}.nav-rail{z-index:20;width:var(--rail-w);background:var(--nav-bg);color:#fff;flex-direction:column;flex:none;align-items:center;gap:2px;padding:14px 0 12px;display:flex;position:relative}.nav-avatar-wrap{margin-bottom:18px}.nav-avatar{transition:box-shadow var(--transition), transform var(--transition);border-radius:50%;padding:0;display:flex;box-shadow:0 0 0 2px #ffffffe6}.nav-avatar:hover{box-shadow:0 0 0 3px #fff}.dropdown-trigger.is-open .nav-avatar{box-shadow:0 0 0 3px #fff,0 0 0 6px #ffffff40}.nav-item{color:#ffffffeb;width:100%;height:60px;transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.nav-item:hover{background:var(--nav-item-hover);color:#fff}.nav-item.is-active{background:var(--nav-item-active);color:#fff}.nav-item-label{display:none}.nav-badge{box-shadow:0 0 0 2px var(--nav-bg);margin-left:4px;position:absolute;top:10px;left:50%}.nav-spacer{flex:1}.nav-menu-header{align-items:center;gap:10px;min-width:0;display:flex}.nav-menu-header-text{flex-direction:column;min-width:0;display:flex}.nav-menu-header-text b{font-size:15px;font-weight:600}.nav-menu-header-text span{color:var(--text-muted);font-size:12.5px}.welcome{text-align:center;background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:32px 24px;display:flex;overflow-y:auto}.welcome-head h2{color:var(--text);font-size:22px;font-weight:500}.welcome-head h2 span{color:var(--primary-text);font-weight:800}.welcome-head p{max-width:480px;color:var(--text-secondary);margin:10px auto 0;font-size:14px;line-height:1.6}.welcome-carousel{align-items:center;gap:18px;margin-top:32px;display:flex}.welcome-arrow{width:40px;height:40px;color:var(--text-secondary);background:var(--bg-secondary);transition:background var(--transition), color var(--transition);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.welcome-arrow:hover{color:var(--primary-text);background:var(--primary-soft)}.welcome-slide{width:min(420px,60vw);animation:vc-slide-in-right .35s var(--ease) both;flex-direction:column;align-items:center;display:flex}.welcome-slide h3{color:var(--primary-text);margin-top:26px;font-size:17px;font-weight:600}.welcome-slide p{max-width:380px;color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.6}.welcome-art{--tone:#0068ff;--tone-soft:#e5efff;justify-content:center;align-items:center;width:220px;height:200px;display:flex;position:relative}.welcome-art.tone-green{--tone:#12a46b;--tone-soft:#dcf6ea}.welcome-art.tone-violet{--tone:#7c4dff;--tone-soft:#ece5ff}.welcome-art.tone-orange{--tone:#f08a1c;--tone-soft:#ffeedb}.welcome-art.tone-night{--tone:#3d4f7a;--tone-soft:#e2e7f3}html[data-theme=dark] .welcome-art{--tone-soft:#0068ff2e}html[data-theme=dark] .welcome-art.tone-green{--tone:#34d399;--tone-soft:#34d39926}html[data-theme=dark] .welcome-art.tone-violet{--tone:#a78bfa;--tone-soft:#a78bfa26}html[data-theme=dark] .welcome-art.tone-orange{--tone:#fbbf24;--tone-soft:#fbbf2424}html[data-theme=dark] .welcome-art.tone-night{--tone:#93a8e0;--tone-soft:#93a8e026}.welcome-art-ring{background:var(--tone-soft);border-radius:50%;width:170px;height:170px;position:absolute}.welcome-art-ring:after{content:"";border:2px dashed var(--tone-soft);border-radius:50%;position:absolute;inset:-14px}.welcome-art-icon{color:#fff;background:var(--tone);border-radius:32px;justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:relative;transform:rotate(-6deg);box-shadow:0 14px 30px #00000026}.welcome-chip{background:var(--bg);width:46px;height:46px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:24px;animation:3.2s ease-in-out infinite vc-float;display:flex;position:absolute}.welcome-chip.c1{top:6px;left:10px}.welcome-chip.c2{animation-delay:-1s;top:26px;right:4px}.welcome-chip.c3{animation-delay:-2s;bottom:4px;left:32px}.welcome-dots{gap:8px;margin-top:22px;display:flex}.welcome-dot{background:var(--border);width:8px;height:8px;transition:width var(--transition), background var(--transition);border-radius:999px}.welcome-dot.is-active{background:var(--primary);width:22px}.welcome-tips{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;margin-top:36px;padding:14px 20px;font-size:13px;display:flex}.welcome-tip{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.welcome-tip-sep{color:var(--text-muted);margin:0 4px}@media (height<=640px){.welcome-carousel{margin-top:18px}.welcome-tips{display:none}}@media (width<=767px){.app-shell{flex-direction:column}.nav-rail{width:100%;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);border-top:1px solid #ffffff14;flex-direction:row;order:2;justify-content:space-around;gap:0}.app-shell.has-active .nav-rail{display:none}.nav-avatar-wrap{flex:1;order:10;justify-content:center;margin:0}.nav-avatar{box-shadow:0 0 0 2px #ffffffd9}.nav-avatar .avatar{width:30px!important;min-width:30px!important;height:30px!important}.nav-avatar .avatar-initials{font-size:12px!important}.nav-item{flex-direction:column;flex:1;gap:2px;height:56px}.nav-item svg{width:22px;height:22px}.nav-item-label{font-size:10.5px;font-weight:500;line-height:1;display:block}.nav-item.is-active{background:0 0}.nav-item.is-active .nav-item-label{font-weight:700}.nav-item.is-active:after{content:"";background:#fff;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}.nav-spacer,.nav-settings{display:none}.nav-badge{margin-left:2px;top:5px}.app-sidebar{border-right:0;flex:1;width:100%;min-height:0}.app-main{flex:1;min-height:0}.app-shell:not(.has-active) .app-main,.app-shell.has-active .app-sidebar{display:none}.app-contacts{flex:1;min-height:0}.welcome-arrow{display:none}}