.zc-shell{height:var(--zc-h,calc(100dvh - 150px));min-height:440px;position:relative}.zc-pane{min-height:0}@media (width<=1023px){.zc-shell>.zc-pane{height:100%;display:none}.zc-shell[data-view=list]>.zc-left,.zc-shell[data-view=conv]>.zc-center,.zc-shell[data-view=side]>.zc-right{animation:zcPane .35s var(--ease-out-expo) both;display:flex}}@keyframes zcPane{0%{opacity:0;transform:translate(14px)}}@media (width>=1024px){.zc-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:264px minmax(0,1fr);gap:16px;display:grid}.zc-right{z-index:20;width:340px;box-shadow:var(--shadow-pop);background:#fff;display:none;position:absolute;top:0;bottom:0;right:0}.dark .zc-right{background:var(--color-night-1)}.zc-shell[data-right=details]>.zc-right,.zc-shell[data-right=thread]>.zc-right{animation:zcPane .4s var(--ease-out-expo) both;display:flex}}@media (width>=1280px){.zc-shell{grid-template-columns:272px minmax(0,1fr)}.zc-shell[data-right=details],.zc-shell[data-right=thread]{grid-template-columns:272px minmax(0,1fr) 320px}.zc-right{width:auto;box-shadow:var(--shadow-soft);background:#ffffffbf;position:static}.dark .zc-right{background:#1c1c24b8}}.zc-shell:not([data-right=thread]) [data-zc-rp=thread],.zc-shell[data-right=thread] [data-zc-rp=details]{display:none}.zc-center{container-type:inline-size}@container (width<=720px){.zc-w720{display:none!important}}@container (width<=640px){.zc-w640{display:none!important}}html:has(#zc) #ai-launch{display:none}.zc-shell:not([data-conv^=p104]) [data-p104],.zc-shell[data-conv=p104-client] #zc-smart{display:none!important}.zc-sec+.zc-sec{margin-top:10px}.zc-sec-h{justify-content:space-between;align-items:center;padding:6px 6px 4px 4px;display:flex}.zc-sec-h>button:first-child{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.zc-sec-h>button:first-child:hover{color:var(--color-ink)}.dark .zc-sec-h>button:first-child:hover{color:#fff}.zc-chev{transition:transform .35s var(--ease-out-expo);display:inline-grid}[aria-expanded=false]>.zc-chev{transform:rotate(-90deg)}.zc-sec-add{width:24px;height:24px;color:var(--color-muted);opacity:.7;border-radius:8px;place-items:center;transition:background-color .15s,opacity .15s;display:grid}.zc-sec-add:hover{background:var(--color-hover);opacity:1}.dark .zc-sec-add:hover{background:#ffffff0f}.zc-sec-b{transition:grid-template-rows .4s var(--ease-out-expo);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.zc-sec-b>*{min-height:0}.zc-sec.is-closed .zc-sec-b{grid-template-rows:0fr}.zc-sec.is-closed .zc-sec-b>*{overflow:hidden}.zc-row{width:100%;height:34px;color:var(--color-ink-2);text-align:left;transition:background-color .15s, color .15s, transform .25s var(--ease-out-expo);border-radius:11px;align-items:center;gap:9px;padding:0 8px;font-size:13px;font-weight:500;display:flex;position:relative}.zc-row:hover{background:var(--color-hover)}.dark .zc-row{color:#ffffffad}.dark .zc-row:hover{background:#ffffff0d}.zc-row:active{transform:scale(.985)}.zc-row.is-unread{color:var(--color-ink);font-weight:700}.dark .zc-row.is-unread{color:#fff}.zc-row.is-active{background:color-mix(in srgb, var(--app) 14%, #fff);color:var(--color-ink);font-weight:700}.dark .zc-row.is-active{background:color-mix(in srgb, var(--app) 22%, transparent);color:#fff}.zc-row.is-active:before{content:"";background:var(--app);border-radius:3px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.zc-rn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.zc-ri{flex-shrink:0;place-items:center;width:22px;display:grid}.zc-ri-sq{color:#fff;border-radius:7px;height:22px}.zc-ri-av .zc-dot{width:9px;height:9px;bottom:-2px;right:-2px}.zc-kids{border-left:1px solid var(--color-line);margin:1px 0 4px 18px;padding-left:8px}.dark .zc-kids{border-color:#ffffff12}.zc-kid{height:30px;font-size:12.5px}.zc-chev2{transition:transform .35s var(--ease-out-expo);display:inline-grid}.zc-space.is-folded .zc-kids{display:none}.zc-space.is-folded .zc-chev2{transform:rotate(-90deg)}.zc-row.is-hidden,.zc-space.is-hidden{display:none}.zc-hic-sq{color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.zc-hic-gray{background:var(--color-surface-2);color:var(--color-ink-2);border:1px solid var(--color-line)}.dark .zc-hic-gray{color:#c9c9d3;background:#ffffff0f;border-color:#ffffff14}.zc-intro{align-items:center;gap:14px;padding:22px 12px 8px;display:flex}.zc-intro>span:empty{display:none}.zc-day{z-index:2;pointer-events:none;justify-content:center;padding:10px 0 4px;display:flex;position:sticky;top:0}.zc-day>span{border:1px solid var(--color-line);box-shadow:var(--shadow-soft);background:#fff;border-radius:9999px;padding:3px 12px;font-size:11px;font-weight:700}.dark .zc-day>span{background:var(--color-night-2);border-color:#ffffff14}.zc-unread{color:var(--app-ink);align-items:center;gap:10px;margin:14px 8px 6px;font-size:11px;font-weight:700;transition:opacity .4s;display:flex}.zc-unread:before,.zc-unread:after{content:"";background:color-mix(in srgb, var(--app) 55%, transparent);flex:1;height:1px}.zc-unread.is-read{opacity:0}.zc-catch{border:1px solid color-mix(in srgb, var(--app) 22%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--app) 9%, #fff), #fff 55%, var(--color-sky-50));box-shadow:var(--shadow-soft);animation:popIn .5s var(--ease-spring) both;border-radius:20px;margin:8px 4px 6px;padding:14px}.dark .zc-catch{background:linear-gradient(135deg, color-mix(in srgb, var(--app) 14%, transparent), #ffffff05)}.zc-catch-b{transition:grid-template-rows .45s var(--ease-out-expo), opacity .3s;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.zc-catch-b>*{min-height:0}.zc-catch.is-folded .zc-catch-b{opacity:0;grid-template-rows:0fr}.zc-catch.is-folded .zc-catch-b>*{overflow:hidden}.zc-catch.is-folded [data-zc-catch-toggle] svg{transform:rotate(180deg)}.zc-box{border:1px solid var(--color-line);background:#fff;border-radius:18px;transition:border-color .2s,box-shadow .25s}.zc-box:focus-within{border-color:color-mix(in srgb, var(--app) 45%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--app) 12%, transparent)}.dark .zc-box{background:#ffffff0a;border-color:#ffffff1a}.zc-tool{width:28px;height:28px;color:var(--color-muted);transition:background-color .15s, color .15s, transform .25s var(--ease-spring);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.zc-tool:hover{background:var(--color-hover);color:var(--color-ink)}.dark .zc-tool:hover{color:#fff;background:#ffffff14}.zc-tool:active{transform:scale(.9)}.zc-send{color:#fff;background:var(--app);width:34px;height:34px;box-shadow:0 6px 14px -6px color-mix(in srgb, var(--app) 80%, transparent);transition:transform .3s var(--ease-spring), filter .2s, opacity .2s;border-radius:12px;place-items:center;display:grid}.zc-send:hover{filter:brightness(1.05);transform:translateY(-1px)}.zc-send:active{transform:scale(.9)}.zc-send.is-fly svg{animation:zcFly .5s var(--ease-out-expo)}@keyframes zcFly{40%{opacity:0;transform:translate(10px,-8px)scale(.6)}41%{opacity:0;transform:translate(-10px,8px)scale(.6)}to{opacity:1;transform:none}}.zc-staged{background:var(--color-surface-2);border:1px solid var(--color-line);height:28px;animation:popIn .35s var(--ease-spring) both;border-radius:10px;align-items:center;gap:6px;padding:0 6px 0 4px;font-size:11.5px;font-weight:600;display:inline-flex}.dark .zc-staged{background:#ffffff0f;border-color:#ffffff14}.zc-pop{z-index:95;animation:popIn .3s var(--ease-spring) both;position:fixed}.zc-pop[hidden]{display:none}.zc-emo{width:32px;height:32px;transition:transform .25s var(--ease-spring), background-color .15s;border-radius:9px;place-items:center;font-size:17px;display:grid}.zc-emo:hover{background:var(--color-hover);transform:scale(1.2)}.dark .zc-emo:hover{background:#ffffff14}#zc-mention-pop .menu-item.is-hl{background:var(--color-hover)}.dark #zc-mention-pop .menu-item.is-hl{background:var(--color-night-2)}#zc-th-parent .zc-acts,#zc-th-parent .zc-thread,#zc-th-parent .zc-suggest{display:none}#zc-th-parent .zc-msg{background:0 0}
