.zc-dot{background:#c4c2cf;border:2px solid #fff;border-radius:9999px;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.dark .zc-dot{border-color:var(--color-night-1)}.zc-dot.zc-online{background:#3dbe8b}.zc-dot.zc-away{background:#fff;box-shadow:inset 0 0 0 2px #e3b465}.dark .zc-dot.zc-away{background:var(--color-night-1)}.zc-dot.zc-dnd{background:#e58f84}.zc-dot.zc-dnd:after{content:"";background:#fff;border-radius:2px;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:2px;right:2px}.zc-dot.zc-offline{background:#fff;box-shadow:inset 0 0 0 2px #c4c2cf}.dark .zc-dot.zc-offline{background:var(--color-night-1);box-shadow:inset 0 0 0 2px #ffffff4d}.zc-mention{color:color-mix(in srgb, var(--app) 82%, #222637);background:color-mix(in srgb, var(--app) 12%, transparent);border-radius:6px;padding:0 4px;font-weight:600;display:inline-block}.zc-mention.is-me{color:#8a5a0c;background:#fbefd6}.dark .zc-mention{color:#cfc6f7;background:color-mix(in srgb, var(--app) 22%, transparent)}.dark .zc-mention.is-me{color:#f5d497;background:#f5a52429}.zc-msg{border-radius:14px;gap:12px;margin:0 -6px;padding:6px 16px 6px 14px;transition:background-color .15s;display:flex;position:relative}.zc-msg:not(.is-cont){margin-top:10px}.zc-msg:hover,.zc-msg:focus-within,.zc-msg.is-hl{background:#22263709}.dark .zc-msg:hover,.dark .zc-msg:focus-within,.dark .zc-msg.is-hl{background:#ffffff09}.zc-msg.is-hl{box-shadow:inset 3px 0 0 var(--app)}.zc-gutter{flex-shrink:0;justify-content:center;width:36px;padding-top:2px;display:flex}.zc-gtime{color:var(--color-muted);opacity:0;white-space:nowrap;padding-top:4px;font-size:10px;transition:opacity .15s}.zc-msg:hover .zc-gtime{opacity:1}.zc-text{color:var(--color-ink-2);overflow-wrap:anywhere;font-size:13.5px;line-height:1.55}.dark .zc-text{color:#ffffffd1}.zc-text b,.zc-text strong{color:var(--color-ink)}.dark .zc-text b,.dark .zc-text strong{color:#fff}.zc-text code{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:6px;padding:1px 5px;font-size:12px}.dark .zc-text code{background:#ffffff0f;border-color:#ffffff14}.zc-msg.zc-enter{animation:zcEnter .5s var(--ease-spring) both}@keyframes zcEnter{0%{opacity:0;transform:translateY(14px)scale(.97)}}.zc-msg.zc-sending .zc-text{opacity:.6}.zc-acts{z-index:3;border:1px solid var(--color-line);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity .14s ease, transform .25s var(--ease-out-expo);background:#fff;border-radius:12px;align-items:center;gap:1px;padding:3px;display:flex;position:absolute;top:-14px;right:12px;transform:translateY(4px)scale(.96)}.dark .zc-acts{background:var(--color-night-2);border-color:#ffffff14}.zc-msg:hover .zc-acts,.zc-msg:focus-within .zc-acts,.zc-acts.is-open{opacity:1;pointer-events:auto;transform:none}.zc-act{width:30px;height:28px;color:var(--color-ink-2);transition:background-color .15s, transform .25s var(--ease-spring);border-radius:9px;place-items:center;display:grid}.zc-act:hover{background:var(--color-hover);transform:translateY(-1px)}.dark .zc-act{color:#c9c9d3}.dark .zc-act:hover{color:#fff;background:#ffffff14}.zc-act-emoji{font-size:14px}@media (width<=639px){.zc-act-emoji{display:none}}.zc-reacts{flex-wrap:wrap;gap:6px;display:flex}.zc-reacts:not(:empty){margin-top:6px}.zc-react{background:var(--color-surface-2);border:1px solid var(--color-line);height:26px;transition:background-color .15s, border-color .15s, transform .25s var(--ease-spring);border-radius:9999px;align-items:center;gap:5px;padding:0 9px;font-size:13px;display:inline-flex}.zc-react b{color:var(--color-ink-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.zc-react:hover{border-color:color-mix(in srgb, var(--app) 40%, transparent);transform:translateY(-1px)}.zc-react.is-mine{background:color-mix(in srgb, var(--app) 12%, #fff);border-color:color-mix(in srgb, var(--app) 45%, transparent)}.zc-react.is-mine b{color:color-mix(in srgb, var(--app) 80%, #222637)}.dark .zc-react{background:#ffffff0d;border-color:#ffffff14}.dark .zc-react b{color:#c9c9d3}.dark .zc-react.is-mine{background:color-mix(in srgb, var(--app) 22%, transparent)}.dark .zc-react.is-mine b{color:#dcd5fa}.zc-react-add{color:var(--color-muted);opacity:0;padding:0 7px;transition:opacity .15s}.zc-msg:hover .zc-react-add{opacity:1}.zc-react.zc-pop{animation:zcPop .45s var(--ease-spring)}@keyframes zcPop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:none}}.zc-thread{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:4px 10px 4px 5px;font-size:12px;transition:background-color .15s,border-color .15s;display:inline-flex}.zc-thread:hover{border-color:var(--color-line);background:#fff}.dark .zc-thread:hover{background:#ffffff0d;border-color:#ffffff14}.zc-thread-go{opacity:0;transition:opacity .15s, transform .25s var(--ease-out-expo);transform:translate(-4px)}.zc-thread:hover .zc-thread-go{opacity:1;transform:none}.zc-file{border:1px solid var(--color-line);background:#fff;border-radius:16px;align-items:center;gap:12px;max-width:420px;margin-top:8px;padding:10px 10px 10px 12px;display:flex}.dark .zc-file{background:#ffffff0a;border-color:#ffffff14}.zc-photo{aspect-ratio:4/3;color:#22263759;background:linear-gradient(135deg, var(--pt), #fff 140%);transition:transform .3s var(--ease-out-expo), box-shadow .3s;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.dark .zc-photo{background:linear-gradient(135deg, color-mix(in srgb, var(--pt) 18%, transparent), #ffffff08);color:#ffffff4d}.zc-photo:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.zc-photo-cap{color:var(--color-ink-2);text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;position:absolute;bottom:5px;left:6px;right:6px;overflow:hidden}.dark .zc-photo-cap{color:#ffffffb3}.zc-suggest{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.zc-suggest-btn{background:color-mix(in srgb, var(--app) 10%, #fff);height:24px;color:color-mix(in srgb, var(--app) 80%, #222637);border:1px solid color-mix(in srgb, var(--app) 25%, transparent);transition:transform .25s var(--ease-spring), background-color .15s;border-radius:9999px;align-items:center;gap:5px;padding:0 9px 0 5px;font-size:11.5px;font-weight:600;display:inline-flex}.zc-suggest-btn:hover{background:color-mix(in srgb, var(--app) 16%, #fff);transform:translateY(-1px)}.dark .zc-suggest-btn{background:color-mix(in srgb, var(--app) 18%, transparent);color:#dcd5fa}.zc-appcard{border:1px solid var(--color-line);background:#fff;border-radius:16px;max-width:460px;margin-top:6px;position:relative;overflow:hidden}.zc-appcard:before{content:"";background:var(--c,var(--app));width:4px;position:absolute;top:0;bottom:0;left:0}.dark .zc-appcard{background:#ffffff0a;border-color:#ffffff14}.zc-badge{background:var(--color-surface-2);min-width:20px;height:20px;color:var(--color-ink-2);border:1px solid var(--color-line);font-variant-numeric:tabular-nums;border-radius:9999px;place-items:center;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-grid}.dark .zc-badge{color:#c9c9d3;background:#ffffff14;border-color:#0000}.zc-badge.is-hot{background:var(--app);color:#fff;border-color:#0000;position:relative}.zc-badge.is-hot:after{content:"";border-radius:inherit;border:2px solid var(--app);opacity:0;animation:2.4s ease-out infinite zcBadge;position:absolute;inset:-3px}@keyframes zcBadge{0%{opacity:.55;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.35)}}.zc-badge.zc-out{animation:zcOut .3s var(--ease-in-quick) forwards}@keyframes zcOut{to{opacity:0;transform:scale(.3)}}.zc-typing{align-items:center;gap:3px;display:inline-flex}.zc-typing i{background:var(--app);opacity:.4;border-radius:9999px;width:5px;height:5px;animation:1.2s ease-in-out infinite zcType}.zc-typing i:nth-child(2){animation-delay:.15s}.zc-typing i:nth-child(3){animation-delay:.3s}@keyframes zcType{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.zc-cap{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:8px;font-size:11px;font-weight:700}.zc-lift{transition:transform .35s var(--ease-out-expo), box-shadow .35s ease, border-color .35s ease}.zc-lift:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.zc-icon-sq{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.zc-speaking{box-shadow:0 0 0 3px color-mix(in srgb, var(--app) 70%, transparent);animation:1.4s ease-in-out infinite zcSpeak}@keyframes zcSpeak{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--app) 25%, transparent)}}