/* DM Likes — like + share bar */
.dm-likes{--dm-accent:var(--accent-strong,#1a73e8);margin:2.4rem 0 0;padding:1.3rem 1.4rem;background:var(--surface,#fff);border:1px solid var(--line,#e7ebf0);border-radius:18px;box-shadow:0 10px 30px rgba(20,30,55,.06)}
.dm-likes-head{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.05rem;color:var(--ink,#0f1729);margin:0 0 .85rem}
.dm-likes-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}

/* like button */
.dm-like-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;border:1px solid var(--line,#e1e6ee);background:var(--bg,#f6f8fb);color:var(--ink,#0f1729);font-weight:700;font-size:.98rem;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease;font-family:inherit}
.dm-like-btn:hover{border-color:var(--dm-accent);transform:translateY(-1px)}
.dm-like-btn .dm-heart{display:grid;place-items:center;width:22px;height:22px}
.dm-like-btn .dm-heart svg{width:22px;height:22px;fill:none;stroke:#8a93a6;stroke-width:1.8px;transition:fill .2s ease,stroke .2s ease}
.dm-like-btn.is-liked{border-color:#ff4d6d;background:#fff0f3;color:#e11d48}
.dm-like-btn.is-liked .dm-heart svg{fill:#ff4d6d;stroke:#ff4d6d}
.dm-like-btn.dm-pop .dm-heart{animation:dm-heart-pop .45s cubic-bezier(.22,.61,.36,1)}
@keyframes dm-heart-pop{0%{transform:scale(1)}35%{transform:scale(1.45)}60%{transform:scale(.9)}100%{transform:scale(1)}}
.dm-like-count{min-width:1.5ch;text-align:left;font-variant-numeric:tabular-nums}

/* floating heart burst */
.dm-burst{position:absolute;pointer-events:none;color:#ff4d6d;font-size:18px;animation:dm-float 1s ease-out forwards}
@keyframes dm-float{0%{opacity:1;transform:translateY(0) scale(.6)}100%{opacity:0;transform:translateY(-44px) scale(1.2)}}

.dm-share-label{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--muted,#6b7686);text-transform:uppercase;letter-spacing:.08em}
.dm-share{display:flex;align-items:center;gap:.45rem}
.dm-share-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--line,#e1e6ee);background:var(--bg,#f6f8fb);color:#4a5365;cursor:pointer;transition:transform .15s ease,color .2s ease,background .2s ease,border-color .2s ease}
.dm-share-btn svg{width:17px;height:17px}
.dm-share-btn:hover{transform:translateY(-2px);color:#fff;border-color:transparent}
.dm-facebook:hover{background:#1877f2}
.dm-x:hover{background:#0f1419}
.dm-linkedin:hover{background:#0a66c2}
.dm-reddit:hover{background:#ff4500}
.dm-copy:hover{background:var(--dm-accent)}
.dm-copy .dm-copied{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(4px);background:#0f1729;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.dm-copy.is-copied .dm-copied{opacity:1;transform:translateX(-50%) translateY(0)}

/* compact (side panel) */
.dm-likes--compact{margin:0;padding:0;background:none;border:none;box-shadow:none}
.dm-likes--compact .dm-likes-row{gap:.5rem}
.dm-likes--compact .dm-share-label{display:none}
.dm-likes--compact .dm-like-btn{padding:.45rem .8rem;font-size:.92rem}
.dm-likes--compact .dm-share-btn{width:34px;height:34px;border-radius:10px}
.dm-likes--compact .dm-share{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:600px){.dm-share-label{width:100%;margin:.2rem 0 0}.dm-share{flex-wrap:wrap}}