.media-card{position:relative;width:100%;max-width:100%;overflow:hidden;}.media-card img,.media-card video{max-width:100%;height:auto;}.media-actions{position:absolute;bottom:10px;right:10px;z-index:5;display:flex;flex-direction:row;gap:6px;align-items:center;}.media-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;min-height:32px;background:rgba(0,0,0,0.6);border:0;border-radius:16px;color:#fff;font-size:13px;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease;}.media-action-btn:hover{background:rgba(0,0,0,0.78);}.media-action-btn:active{transform:scale(0.95);}.media-action-btn svg{width:16px;height:16px;display:block;fill:transparent;stroke:currentColor;stroke-width:2;transition:fill 0.15s ease;}.media-action-count{font-variant-numeric:tabular-nums;}.media-action-btn.is-active[data-action="like"]{background:#E5499D;}.media-action-btn.is-active[data-action="favorite"]{background:#E5499D;}.media-action-btn[data-action="share"]{background:rgba(0,0,0,0.6);}.media-action-btn[data-action="share"] svg{fill:none;stroke:currentColor;}.media-action-btn.is-active svg{fill:currentColor;}@media (max-width:575px){.media-actions{bottom:12px;right:12px;gap:8px;}.media-action-btn{padding:8px 12px;min-height:38px;font-size:14px;}.media-action-btn svg{width:18px;height:18px;}}