.cp{display:flex;flex-direction:column;height:100%;min-height:0;background:linear-gradient(180deg,rgba(var(--neutral-rgb),.02),transparent),var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(var(--neutral-rgb),.08);overflow:hidden}.cp-full{height:calc(100vh - var(--header-h) - 56px - 52px - 10px - 12px);height:calc(100dvh - var(--header-h) - 56px - 52px - 10px - 12px)}.cp-compact .cp-messages{padding:6px 8px;gap:4px}.cp-compact .cp-msg{gap:5px}.cp-compact .cp-msg-avatar{width:28px;height:28px;font-size:.58rem;margin-top:0;box-shadow:0 4px 12px rgba(0,0,0,.22),0 0 0 1px rgba(var(--neutral-rgb),.08) inset}.cp-compact .cp-msg-avatar-spacer{width:28px}.cp-compact .cp-msg-body{max-width:88%;gap:0}.cp-compact .cp-msg-meta{gap:4px;margin-bottom:1px}.cp-compact .cp-msg-name,.cp-compact .cp-msg-time{font-size:.62rem}.cp-compact .cp-bubble-wrap{gap:4px}.cp-compact .cp-bubble{padding:5px 10px;font-size:.8125rem;line-height:1.32;border-radius:8px 14px 14px 14px}.cp-compact .cp-bubble-own{border-radius:14px 8px 14px 14px}.cp-compact .own-t{font-size:.58rem;margin-top:0}.cp-compact .cp-reactions{gap:2px;margin-top:1px}.cp-compact .cp-react-chip{padding:1px 5px;min-height:20px;font-size:.65rem}.cp-compact .cp-react-count{font-size:.55rem}.cp-compact .cp-react-add{min-height:20px}.cp-compact .cp-input-bar{padding:6px;padding-bottom:calc(6px + var(--safe-bottom))}.cp-compact .cp-input-wrap{padding:2px 2px 2px 5px;border-radius:var(--radius-lg)}.cp-compact .cp-input-avatar{width:22px;height:22px;font-size:.55rem}.cp-compact .cp-input{font-size:.8125rem;padding:5px 0}.cp-compact .cp-send{width:30px;height:30px}.cp-compact .cp-send svg{width:16px;height:16px}.cp-compact .cp-empty{padding:20px 16px;gap:6px}.cp-compact .cp-empty-icon{width:40px;height:40px}.cp-compact .cp-empty-icon svg{width:22px;height:22px}.cp-compact .cp-empty-text{font-size:.75rem}.cp-messages{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.cp-load-older{align-self:center;border:1px solid rgba(var(--neutral-rgb),.16);background:rgba(var(--neutral-rgb),.04);color:var(--text-secondary);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;transition:all var(--duration-fast)}.cp-load-older:disabled{opacity:.6;cursor:not-allowed}.cp-load-older:not(:disabled):hover{border-color:rgba(var(--neutral-rgb),.28)}.cp-empty{flex-direction:column;flex:1 1;text-align:center;padding:32px;gap:10px}.cp-empty,.cp-empty-icon{display:flex;align-items:center;justify-content:center}.cp-empty-icon{width:52px;height:52px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);opacity:.6}.cp-empty-text{font-size:var(--text-sm);font-weight:600;color:var(--text-dim)}.cp-msg{display:flex;align-items:flex-start;gap:8px;animation:fadeInUp .2s var(--ease-out)}.cp-msg.own{flex-direction:row-reverse}.cp-msg.own .cp-msg-body{align-items:flex-end}.cp-msg.own .cp-msg-meta,.cp-msg.own .cp-msg-team-row{justify-content:flex-end}.cp-msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:rgb(var(--neutral-rgb));flex-shrink:0;margin-top:2px;box-shadow:0 10px 20px rgba(0,0,0,.28),0 0 0 1px rgba(var(--neutral-rgb),.1) inset;overflow:hidden}.cp-msg-avatar img{width:100%;height:100%;object-fit:cover}.cp-msg-avatar-spacer{width:36px;flex-shrink:0}.cp-msg-body{display:flex;flex-direction:column;gap:1px;max-width:80%}.cp-msg-meta{display:flex;align-items:baseline;gap:6px}.cp-msg-name{font-size:var(--text-xs);font-weight:750}.cp-msg-name-link{text-decoration:none}.cp-msg-name-link:hover{text-decoration:underline}.cp-msg-time{font-size:.58rem;color:var(--text-dim);flex-shrink:0}.cp-msg-cont{margin-top:-4px}.cp-msg-team-row{display:flex;align-items:center;gap:6px;margin-bottom:0}.cp-msg-team{display:inline-flex;align-items:center;gap:5px}.cp-msg-team-logo{width:14px;height:14px;object-fit:contain}.cp-msg-team-name{font-size:.75rem;color:color-mix(in srgb,var(--text-secondary) 92%,#fff 8%);font-weight:650}.cp-bubble-wrap{display:flex;align-items:flex-end;gap:6px}.cp-bubble{background:rgba(var(--neutral-rgb),.03);border:1px solid rgba(var(--neutral-rgb),.08);border-radius:10px 18px 18px 18px;padding:10px 14px;font-size:var(--text-sm);line-height:1.45;color:var(--text-primary);word-break:break-word}.cp-sys-userlink{color:var(--accent-blue);font-weight:800;text-decoration:none}.cp-sys-userlink:hover{text-decoration:underline}.cp-bubble-own{background:color-mix(in srgb,var(--accent-yellow) 16%,transparent);border-color:color-mix(in srgb,var(--accent-yellow) 24%,transparent);border-radius:18px 10px 18px 18px}.cp-moderation-badge{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(245,158,11,.16);color:#b45309;border:1px solid rgba(245,158,11,.45);flex-shrink:0;align-self:center;cursor:help}.cp-reactions{flex-wrap:wrap;gap:3px;position:relative}.cp-react-chip,.cp-reactions{display:flex;align-items:center}.cp-react-chip{gap:2px;background:rgba(var(--neutral-rgb),.03);border:1px solid rgba(var(--neutral-rgb),.08);border-radius:50px;padding:2px 7px;font-size:var(--text-xs);color:var(--text-secondary);min-height:24px;transition:all var(--duration-fast)}.cp-react-chip:active{transform:scale(.95)}.cp-react-chip.mine{background:color-mix(in srgb,var(--accent-yellow) 12%,transparent);border-color:color-mix(in srgb,var(--accent-yellow) 30%,transparent);color:var(--accent-blue)}.cp-react-count{font-weight:700;font-size:.62rem}.cp-react-add{background:none;color:var(--text-dim);padding:2px 4px;border-radius:6px;min-height:24px;opacity:0;transition:opacity var(--duration-fast);display:flex;align-items:center}.cp-msg:active .cp-react-add,.cp-msg:hover .cp-react-add{opacity:.7}.cp-react-add:active{opacity:1}@media (hover:none){.cp-react-add{opacity:.4}}.cp-emoji-picker{position:absolute;bottom:calc(100% + 4px);left:0;display:flex;gap:2px;background:rgba(17,28,61,.92);border:1px solid rgba(var(--neutral-rgb),.14);border-radius:var(--radius-md);padding:6px 8px;z-index:50;box-shadow:var(--shadow-3);animation:scaleIn .15s var(--ease-spring)}.cp-msg.own .cp-emoji-picker{left:auto;right:0}.cp-emoji-btn{font-size:1.15rem;background:none;padding:4px 5px;border-radius:var(--radius-sm);min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;transition:background .1s}.cp-emoji-btn:active{background:var(--bg-hover);transform:scale(1.15)}.cp-input-bar{padding:8px;padding-bottom:calc(8px + var(--safe-bottom));border-top:1px solid rgba(var(--neutral-rgb),.08);flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;z-index:5;background:var(--bg-primary)}.cp-input-wrap{display:flex;align-items:center;gap:6px;background:rgba(var(--neutral-rgb),.02);border:1.5px solid rgba(var(--neutral-rgb),.1);border-radius:var(--radius-xl);padding:4px 4px 4px 6px;transition:border-color .2s}.cp-input-wrap:focus-within{border-color:rgba(var(--neutral-rgb),.25)}.cp-input-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:rgb(var(--neutral-rgb));flex-shrink:0;overflow:hidden}.cp-input-avatar img{width:100%;height:100%;object-fit:cover}.cp-input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--text-sm);padding:8px 0;min-width:0;min-height:20px}.cp-input::placeholder{color:var(--text-dim)}.cp-send{width:34px;height:34px;border-radius:50%;background:rgba(var(--neutral-rgb),.04);color:rgba(var(--neutral-rgb),.48);display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-smooth);flex-shrink:0}.cp-send.active{background:var(--accent-blue);color:rgb(var(--neutral-rgb));box-shadow:0 14px 40px color-mix(in srgb,var(--accent-yellow) 22%,transparent)}.cp-send.active:active{transform:scale(.88)}@media (min-width:768px){.cp{border-radius:20px}.cp-messages{padding:16px;gap:10px}.cp-msg-avatar{width:38px;height:38px;font-size:var(--text-xs)}.cp-bubble{padding:10px 14px}.cp-input-bar{padding:10px}.cp-compact .cp-messages{padding:10px 12px;gap:6px}.cp-compact .cp-msg-avatar{width:30px;height:30px;font-size:.65rem}.cp-compact .cp-bubble{padding:6px 12px;font-size:var(--text-sm)}.cp-compact .cp-input-bar{padding:8px;padding-bottom:calc(8px + var(--safe-bottom))}}