.phone-mockup[data-astro-cid-6nqdsluo]{width:300px;height:520px;background:#fff;border-radius:32px;border:8px solid #1f2937;box-shadow:0 20px 40px #0000001a;overflow:hidden;margin:0 auto;position:relative}.phone-screen[data-astro-cid-6nqdsluo]{width:100%;height:100%;position:relative;background:#f0f2f5;display:flex;flex-direction:column}.view-post[data-astro-cid-6nqdsluo]{background:#fff;margin-bottom:8px;padding-bottom:12px;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transition:transform .5s ease-in-out}.fb-header[data-astro-cid-6nqdsluo]{padding:12px;display:flex;align-items:flex-start;gap:10px}.avatar-small[data-astro-cid-6nqdsluo]{width:40px;height:40px;border-radius:50%;background:#1877f2}.fb-user-info[data-astro-cid-6nqdsluo]{display:flex;flex-direction:column}.username-text[data-astro-cid-6nqdsluo]{font-weight:600;font-size:14px;color:#050505}.post-meta[data-astro-cid-6nqdsluo]{font-size:12px;color:#65676b;display:flex;align-items:center;gap:4px}.fb-post-content[data-astro-cid-6nqdsluo]{background:#f0f2f5;height:200px;display:flex;align-items:center;justify-content:center}.post-placeholder[data-astro-cid-6nqdsluo]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#65676b;font-size:12px}.fb-stats[data-astro-cid-6nqdsluo]{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#65676b;border-bottom:1px solid #CED0D4;margin:0 12px}.fb-actions[data-astro-cid-6nqdsluo]{display:flex;padding:4px 12px;justify-content:space-between;border-bottom:1px solid #CED0D4;margin:0 12px 12px}.action-btn[data-astro-cid-6nqdsluo]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;color:#65676b;font-weight:600;font-size:13px}.comments-section[data-astro-cid-6nqdsluo]{padding:0 12px;display:flex;flex-direction:column;gap:12px}.comment-item[data-astro-cid-6nqdsluo]{display:flex;gap:8px;opacity:0;transform:translateY(10px)}.c-avatar[data-astro-cid-6nqdsluo]{width:32px;height:32px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.c-content[data-astro-cid-6nqdsluo]{display:flex;flex-direction:column}.c-bubble[data-astro-cid-6nqdsluo]{background:#f0f2f5;padding:8px 12px;border-radius:18px;font-size:13px;color:#050505;display:inline-block}.c-name[data-astro-cid-6nqdsluo]{font-weight:600;display:block;font-size:12px;margin-bottom:2px}.c-meta[data-astro-cid-6nqdsluo]{margin-left:12px;font-size:11px;color:#65676b;margin-top:2px;font-weight:600}.c-reply[data-astro-cid-6nqdsluo]{display:flex;gap:8px;margin-top:8px;opacity:0}.reply-avatar[data-astro-cid-6nqdsluo]{width:24px;height:24px;border-radius:50%;background:#1877f2;flex-shrink:0}.reply-bubble[data-astro-cid-6nqdsluo]{background:#e7f3ff}.view-dm[data-astro-cid-6nqdsluo]{position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;animation:dmSlideIn 12s infinite}.dm-header[data-astro-cid-6nqdsluo]{height:50px;border-bottom:1px solid #E4E6EB;display:flex;align-items:center;padding:0 12px;gap:12px;box-shadow:0 1px 2px #0000000d}.dm-user-head[data-astro-cid-6nqdsluo]{display:flex;align-items:center;gap:8px}.avatar-tiny[data-astro-cid-6nqdsluo]{width:32px;height:32px;border-radius:50%;background:#1877f2}.dm-user[data-astro-cid-6nqdsluo]{font-weight:600;font-size:14px;color:#050505}.dm-body[data-astro-cid-6nqdsluo]{padding:12px;flex-grow:1;display:flex;flex-direction:column;gap:8px}.dm-auto-label[data-astro-cid-6nqdsluo]{font-size:10px;color:#65676b;margin-left:12px;opacity:0;animation:msgIn 12s infinite 8s}.dm-msg-in[data-astro-cid-6nqdsluo]{background:#f0f2f5;padding:8px 12px;border-radius:18px;font-size:14px;color:#050505;align-self:flex-start;max-width:80%;opacity:0;transform:translateY(10px);animation:msgIn 12s infinite 8s}.dm-card[data-astro-cid-6nqdsluo]{margin-left:0;border:1px solid #E4E6EB;border-radius:12px;overflow:hidden;max-width:80%;opacity:0;transform:translateY(10px);animation:msgIn 12s infinite 8.5s}.dm-card-img[data-astro-cid-6nqdsluo]{height:80px;background:#e7f3ff}.dm-card-content[data-astro-cid-6nqdsluo]{padding:8px 12px;background:#f0f2f5}.dm-card-title[data-astro-cid-6nqdsluo]{font-weight:600;font-size:13px}.dm-card-desc[data-astro-cid-6nqdsluo]{font-size:11px;color:#65676b;text-transform:uppercase}@keyframes commentIn{0%,to{opacity:0;transform:translateY(10px)}5%,95%{opacity:1;transform:translateY(0)}}@keyframes replyIn{0%,to{opacity:0}5%,95%{opacity:1}}@keyframes dmSlideIn{0%,60%{left:100%;opacity:0}65%,95%{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes msgIn{0%,to{opacity:0;transform:translateY(10px)}5%,95%{opacity:1;transform:translateY(0)}}.comment-item[data-astro-cid-6nqdsluo].c1{animation:commentIn 12s infinite 1s}.comment-item[data-astro-cid-6nqdsluo].c1 .c-reply[data-astro-cid-6nqdsluo]{animation:replyIn 12s infinite 2.5s}.comment-item[data-astro-cid-6nqdsluo].c2{animation:commentIn 12s infinite 3.5s}.comment-item[data-astro-cid-6nqdsluo].c2 .c-reply[data-astro-cid-6nqdsluo]{animation:replyIn 12s infinite 5s}