.record-chat-mock_chat{display:flex;flex:1;flex-direction:column;min-height:0;border-radius:8px;background:var(--mock-card)}.record-chat-mock_header{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--mock-surface-3)}.record-chat-mock_header-name{color:var(--mock-surface-9);font-size:14px;font-weight:600}.record-chat-mock_watch{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--mock-accent) 12%,transparent);color:var(--mock-accent)}.record-chat-mock_messages{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:0;padding-bottom:8px;overflow:hidden}.record-chat-mock_message{display:flex;gap:12px;margin:0 4px;padding:8px 16px}.record-chat-mock_avatar{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;box-shadow:0 0 0 2px var(--mock-surface);font-size:12px;font-weight:600}.record-chat-mock_body{flex:1;min-width:0}.record-chat-mock_message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.record-chat-mock_author{color:var(--mock-surface-9);font-size:14px;font-weight:600}.record-chat-mock_time{color:var(--mock-surface-4);font-size:11px;letter-spacing:.02em}.record-chat-mock_content{color:var(--mock-surface-8);font-size:14px;line-height:1.6;letter-spacing:.01em}.record-chat-mock_reactions{display:flex;gap:4px;margin-top:6px}.record-chat-mock_reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--mock-surface-3);border-radius:999px;background:var(--mock-surface);font-size:12px}.record-chat-mock_reaction-count{color:var(--mock-surface-7);font-weight:500}.record-chat-mock_activity{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 16px;color:var(--mock-surface-5)}.record-chat-mock_activity-text{color:var(--mock-surface-6);font-size:12px}.record-chat-mock_activity-text strong{color:var(--mock-surface-7);font-weight:500}.record-chat-mock_activity-old{opacity:.6;text-decoration:line-through}.record-chat-mock_activity-new{color:var(--mock-surface-8);font-weight:500}.record-chat-mock_activity-time{flex:none;color:var(--mock-surface-5);font-size:10px}.record-chat-mock_typing{display:flex;flex:none;align-items:center;gap:8px;height:0;padding:0 16px;overflow:hidden;opacity:0;color:var(--mock-surface-7);font-size:12px;transition:height .3s ease,padding .3s ease,opacity .3s ease}.record-chat-mock_typing--visible{height:20px;padding:2px 16px;opacity:1}.record-chat-mock_typing-dots{display:flex;align-items:center;gap:3px}.record-chat-mock_typing-dots>span{width:4px;height:4px;border-radius:999px;background:var(--mock-surface-6);animation:record-chat-mock-bounce 1.4s ease-in-out infinite both}.record-chat-mock_typing-dots>span:nth-child(2){animation-delay:.16s}.record-chat-mock_typing-dots>span:nth-child(3){animation-delay:.32s}@keyframes record-chat-mock-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.record-chat-mock_typing-text{font-style:italic}.record-chat-mock_composer{flex:none;margin:0 12px 12px;padding:10px 12px;border:1px solid var(--mock-surface-3);border-radius:8px;color:var(--mock-surface-5);font-size:14px}@media (prefers-reduced-motion:reduce){.record-chat-mock_typing-dots>span{animation:none}}