/* Reference sm: 32×28 buttons, 16px icons, 30px pill; fixed right edge. */
.reaction-control{display:inline-grid;flex:0 0 auto;grid-template-columns:max-content;align-items:center;justify-items:end}
.reaction-control>.reaction-reserve,.reaction-control>.reaction-pill{grid-area:1/1}
.reaction-reserve{visibility:hidden;pointer-events:none;display:flex;align-items:center;border:1px solid transparent}
.reaction-reserve>i{display:block;width:32px;height:28px}
.reaction-reserve>span{padding:0 6px;font:500 14px/16px Rubik,Arial,sans-serif}
.reaction-control-lg>.reaction-reserve>i{width:44px;height:36px}
.reaction-control-lg>.reaction-reserve>span{padding:0 8px;font-size:16px;line-height:24px}
:is(#offers,#featured,.offer-detail) .reaction-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;overflow:hidden;min-height:0;padding:0;border:1px solid #f4f4f4;border-radius:9999px;background:#fff;color:#666;transition:all 300ms ease-in-out}
:is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;width:auto;min-height:0;height:auto;padding:6px 8px;border:0;border-radius:0;background:transparent;color:#666;line-height:1;touch-action:manipulation;transition:color 150ms,background-color 150ms}
:is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"]>.reaction-icon{width:16px;height:16px;min-width:16px;flex:0 0 16px;fill:currentColor!important;stroke:none!important;stroke-width:0}
.reaction-icon .reaction-filled{display:none}
[aria-pressed="true"]>.reaction-icon .reaction-outline{display:none}
[aria-pressed="true"]>.reaction-icon .reaction-filled{display:block}
:is(#offers,#featured,.offer-detail) .reaction-score{display:inline-block;min-width:0;padding:0 6px;font:500 14px/16px Rubik,Arial,sans-serif;text-align:center;color:#3c465a;user-select:text;transition:color 300ms}
:is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"]:hover{background:#f4f4f4}
:is(#offers,#featured,.offer-detail) .reaction-pill>[data-value="1"][aria-pressed="true"]{background:transparent;color:var(--ui-link,#0b5ed7);animation:none}
:is(#offers,#featured,.offer-detail) .reaction-pill>[data-value="-1"][aria-pressed="true"]{background:transparent;color:#e0157a;animation:none}
:is(#offers,#featured,.offer-detail) .reaction-pill>[aria-pressed="true"]>.reaction-icon{animation:reaction-vote-bounce 400ms ease-out}
:is(#offers,#featured,.offer-detail) .reaction-pill:has([data-value="1"][aria-pressed="true"])>.reaction-score{font-weight:700;color:var(--ui-link,#0b5ed7)}
:is(#offers,#featured,.offer-detail) .reaction-pill:has([data-value="-1"][aria-pressed="true"])>.reaction-score{font-weight:700;color:#e0157a}
:is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"]:focus-visible{outline:2px solid var(--ui-link,#0b5ed7);outline-offset:-3px;border-radius:9999px}
:is(#offers,#featured) .card-actions{justify-content:flex-end;gap:8px;flex-wrap:nowrap}
:is(#offers,#featured) .card-secondary-actions{margin-left:0;gap:8px}
.offer-reactions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
:is(#offers,#featured,.offer-detail) .comment-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:0;padding:6px 12px;border:1px solid #f4f4f4;border-radius:9999px;background:#fff;font:400 14px/16px Rubik,Arial,sans-serif;color:#666;white-space:nowrap}
:is(#offers,#featured,.offer-detail) .comment-button>.icon{width:16px;height:16px}
:is(#offers,#featured,.offer-detail) .reaction-pill-lg>[data-action="vote"]{padding:8px 12px}
:is(#offers,#featured,.offer-detail) .reaction-pill-lg>[data-action="vote"]>.reaction-icon{width:20px;height:20px;min-width:20px;flex-basis:20px}
:is(#offers,#featured,.offer-detail) .reaction-pill-lg>.reaction-score{padding:0 8px;font-size:16px;line-height:24px}
[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill,[data-theme="dark"] :is(#offers,#featured,.offer-detail) .comment-button{border:0;background:var(--ui-surface,#132b4c);color:#f4f4f4}
[data-theme="dark"] .reaction-reserve{border:0}
[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"],[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-score{color:#f4f4f4}
[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"]:hover{background:var(--ui-soft,#213d5f)}
[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill>[data-value="1"][aria-pressed="true"],[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill:has([data-value="1"][aria-pressed="true"])>.reaction-score{color:var(--ui-link,#62a9ff)}
[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill>[data-value="-1"][aria-pressed="true"],[data-theme="dark"] :is(#offers,#featured,.offer-detail) .reaction-pill:has([data-value="-1"][aria-pressed="true"])>.reaction-score{color:#f472b6}
@keyframes reaction-vote-bounce{0%,100%{transform:scale(1)}35%{transform:scale(1.22)}65%{transform:scale(.94)}}
@media(prefers-reduced-motion:reduce){:is(#offers,#featured,.offer-detail) .reaction-pill,:is(#offers,#featured,.offer-detail) .reaction-pill>[data-action="vote"],:is(#offers,#featured,.offer-detail) .reaction-pill .reaction-icon{transition:none;animation:none!important}}
@media(max-width:600px){
 #offers .card-actions{grid-column:1/-1;width:max-content;max-width:100%;gap:8px}
 #offers .offer-author{max-width:calc(100% - 204px)}
 :is(#offers,#featured) .card-secondary-actions{gap:4px}
 :is(#offers,#featured) .offer-more{min-width:24px;width:24px;padding:2px}
}