.post>.metrics{display:none}
.post .post-engagement-actions{display:flex;direction:ltr;align-items:center;gap:4px;margin:8px 0 0;padding:7px 2px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:none}
.post .post-engagement-actions>form{width:auto;display:flex;margin:0}
.post .post-engagement-actions button{width:auto;min-width:44px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:#347e69;font-weight:700}
.post .post-engagement-actions button:hover{background:#edf7f3;color:var(--green)}
.post .post-engagement-actions .action-icon{width:27px;height:27px;flex:0 0 27px;color:currentColor;stroke-width:1.75}
.post .post-engagement-actions .post-action-count{display:inline!important;color:#66736e;font-size:11px;font-weight:600;line-height:1}
.post .post-engagement-actions .post-like-button>span:not(.post-action-count),.post .post-engagement-actions [data-favorite-post]>span:not(.post-action-count){display:none}
.post .post-engagement-actions .post-like-button.liked,.post .post-engagement-actions button.favorited{color:#bd8116;background:#fff8e9}
.post.comments-open .post-engagement-actions [data-focus-comment]{color:#bd8116;background:#fff8e9}
.post .post-engagement-actions .post-like-button.liked .action-icon,.post .post-engagement-actions button.favorited .action-icon{fill:#c48a20;stroke:#c48a20}
.post .post-engagement-actions .reaction-users-trigger{margin-left:auto;width:34px;min-width:34px;height:34px;padding:5px;border:1.5px solid #c48a20;border-radius:50%;color:#b8790c;background:#fff}
.post .post-engagement-actions .reaction-users-trigger .action-icon{width:20px;height:20px;fill:#c48a20;stroke:#a96c08}
.post .comment-form,.post:not(.comments-open) .comment-form{display:flex!important;align-items:center;gap:7px;margin-top:7px}
.post .comment-form .avatar{width:34px;height:34px;flex:0 0 34px;background-size:cover;background-position:center}
.post .comment-form textarea{flex:1;display:block;height:36px;min-height:36px;max-height:92px;resize:none;overflow-y:auto;border:1px solid transparent;border-radius:20px;background:#f0f2f2;padding:8px 14px;outline:0;line-height:18px;font-size:12px;color:var(--navy)}
.post .comment-form textarea:focus{border-color:#7db5a5;background:#fff}
.post .comment-form button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:15px;padding:0}
.reaction-users-modal[hidden]{display:none}
.reaction-users-modal{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,30,25,.5);backdrop-filter:blur(3px)}
.reaction-users-modal>section{width:min(420px,100%);max-height:min(620px,80vh);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.reaction-users-modal header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--border)}
.reaction-users-modal header button{width:34px;height:34px;border:0;border-radius:50%;background:var(--soft);font-size:23px;line-height:1}
.reaction-users-list{display:grid;gap:2px;max-height:calc(80vh - 66px);overflow-y:auto;padding:8px}
.reaction-users-list>a{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;color:var(--navy)}
.reaction-users-list>a:hover{background:var(--soft)}
.reaction-users-list .avatar{background-size:cover;background-position:center}
.reaction-users-loading,.reaction-users-empty{text-align:center;color:var(--muted);padding:28px 12px}
@media(max-width:480px){.post .post-engagement-actions{gap:1px}.post .post-engagement-actions button{min-width:39px;padding-inline:5px}.post .post-engagement-actions .action-icon{width:25px;height:25px;flex-basis:25px}.post .post-engagement-actions .reaction-users-trigger{width:32px;min-width:32px;height:32px}.post .post-engagement-actions .reaction-users-trigger .action-icon{width:18px;height:18px;flex-basis:18px}}
.post .has-feed-reels-button{position:relative}
.post .feed-reels-button{position:absolute;z-index:14;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;padding:8px;border:0px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(2,55,46,.28);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.28);backdrop-filter:blur(5px);transition:transform .18s ease,background .18s ease}
.post .feed-reels-button:hover{background:#00745c;transform:scale(1.06)}
.post .feed-reels-button:active{transform:scale(.94)}
.post .feed-reels-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.post .visual-story-player>.feed-reels-button{top:12px;right:12px}
@media(max-width:480px){.post .feed-reels-button{top:8px;right:8px;width:36px;height:36px;padding:7px}.post .feed-reels-button svg{width:21px;height:21px}}