.reaction-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.reaction-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text)}
.reaction-btn:hover{background:var(--hover)}
.reaction-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.reaction-btn svg{width:16px;height:16px;flex-shrink:0}
.reaction-btn .count{font-weight:700}
.share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--text);background:var(--text);color:var(--bg);font-size:13px;font-weight:600;cursor:pointer}
.share-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:none;flex-direction:column;gap:2px;z-index:10}
.share-menu.open{display:flex}
.share-menu a{padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;display:flex;gap:8px;align-items:center}
.share-menu a:hover{background:var(--hover)}