.phone-mockup[data-astro-cid-tjmpwwjx]{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-tjmpwwjx]{width:100%;height:100%;position:relative;overflow:hidden;background:#fff}.view-post[data-astro-cid-tjmpwwjx]{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px;display:flex;flex-direction:column;animation:screenSwitch 12s infinite}.insta-header[data-astro-cid-tjmpwwjx]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar-small[data-astro-cid-tjmpwwjx]{width:30px;height:30px;border-radius:50%;background:#e5e7eb}.username-text[data-astro-cid-tjmpwwjx]{font-weight:700;font-size:13px;color:#1f2937}.insta-post-content[data-astro-cid-tjmpwwjx]{background:#f3f4f6;border-radius:8px;aspect-ratio:4/3;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.post-placeholder[data-astro-cid-tjmpwwjx]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;font-size:10px}.insta-actions[data-astro-cid-tjmpwwjx]{display:flex;gap:12px;color:#374151;margin-bottom:16px}.comments-section[data-astro-cid-tjmpwwjx]{display:flex;flex-direction:column;gap:12px}.comment-item[data-astro-cid-tjmpwwjx]{display:flex;gap:10px;opacity:0;transform:translateY(10px)}.c-avatar[data-astro-cid-tjmpwwjx]{width:24px;height:24px;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-tjmpwwjx]{font-size:11px;flex-grow:1}.c-text[data-astro-cid-tjmpwwjx]{margin-bottom:4px}.c-name[data-astro-cid-tjmpwwjx]{font-weight:700;margin-right:4px}.c-reply[data-astro-cid-tjmpwwjx]{display:flex;align-items:center;gap:6px;margin-left:-4px;margin-top:6px;padding-left:12px;border-left:2px solid #e5e7eb;color:#6b7280;font-size:10px;opacity:0}.reply-avatar[data-astro-cid-tjmpwwjx]{width:14px;height:14px;border-radius:50%;background:#3b82f6}.comment-item[data-astro-cid-tjmpwwjx].c1{animation:commentIn 12s infinite .5s}.comment-item[data-astro-cid-tjmpwwjx].c1 .c-reply[data-astro-cid-tjmpwwjx]{animation:replyIn 12s infinite 1.5s}.comment-item[data-astro-cid-tjmpwwjx].c2{animation:commentIn 12s infinite 2.5s}.comment-item[data-astro-cid-tjmpwwjx].c2 .c-reply[data-astro-cid-tjmpwwjx]{animation:replyIn 12s infinite 3.5s}.comment-item[data-astro-cid-tjmpwwjx].c3{animation:commentIn 12s infinite 4.5s}.comment-item[data-astro-cid-tjmpwwjx].c3 .c-reply[data-astro-cid-tjmpwwjx]{animation:replyIn 12s infinite 5.5s}.view-dm[data-astro-cid-tjmpwwjx]{position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;animation:slideToDM 12s infinite}.dm-header[data-astro-cid-tjmpwwjx]{height:50px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;padding:0 16px;gap:12px;font-weight:600;font-size:14px;color:#111827}.dm-body[data-astro-cid-tjmpwwjx]{padding:20px;flex-grow:1;background:#fff}.dm-auto-label[data-astro-cid-tjmpwwjx]{font-size:10px;color:#9ca3af;margin-bottom:4px;margin-left:4px;font-weight:500;opacity:0;transform:translateY(10px);animation:msgIn 12s infinite 8s}.dm-msg-in[data-astro-cid-tjmpwwjx]{background:#f3f4f6;padding:10px 14px;border-radius:4px 18px 18px;font-size:13px;margin-bottom:12px;max-width:80%;opacity:0;transform:translateY(10px);animation:msgIn 12s infinite 8s}.dm-card[data-astro-cid-tjmpwwjx]{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;max-width:80%;opacity:0;transform:translateY(10px);animation:cardIn 12s infinite 9s}.dm-card-img[data-astro-cid-tjmpwwjx]{height:80px;background:#e0f2fe}.dm-card-content[data-astro-cid-tjmpwwjx]{padding:10px;background:#fff}.dm-card-title[data-astro-cid-tjmpwwjx]{font-weight:700;font-size:12px;color:#111827}.dm-card-desc[data-astro-cid-tjmpwwjx]{font-size:10px;color:#6b7280}.dm-card-btn[data-astro-cid-tjmpwwjx]{width:100%;padding:10px;text-align:center;background:#fff;border-top:1px solid #e5e7eb;color:#3b82f6;font-weight:600;font-size:12px;cursor:pointer;transition:background .2s}.dm-card-btn[data-astro-cid-tjmpwwjx]:hover{background:#f9fafb}@keyframes commentIn{0%{opacity:0;transform:translateY(10px)}5%,to{opacity:1;transform:translateY(0)}}@keyframes replyIn{0%{opacity:0;height:0;margin-top:0}5%,to{opacity:1;height:auto;margin-top:4px}}@keyframes screenSwitch{0%,60%{transform:translate(0);opacity:1}65%,95%{transform:translate(-20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideToDM{0%,60%{left:100%;opacity:0}65%,95%{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes msgIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%,to{opacity:1;transform:translateY(0)}}