.post .pa{align-items:center;flex-wrap:wrap;overflow:visible}
.ev-reaction-group{--reaction-color:#78e9b4;--reel-width:min(244px,calc(100vw - 166px));position:relative;display:inline-flex;align-items:center;isolation:isolate;z-index:2;min-height:52px;max-width:100%;border:1px solid #fffaf824;border-radius:28px;background:#fffaf807;transform-origin:center;transition:background 160ms ease,border-color 160ms ease}
.ev-reaction-group[data-open=true],.ev-reaction-group:focus-within{z-index:5}
.ev-reaction-group button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
.ev-reaction-main{border:0;background:transparent;min-height:50px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;border-radius:26px;padding:0 12px 0 6px;transition:background 160ms ease,transform 120ms cubic-bezier(.23,1,.32,1)}
.ev-reaction-label{font-size:12px;font-weight:600}
.ev-reaction-count{font-size:11px;color:#bbb5b0}
.ev-reaction-added{font-size:10px;color:var(--reaction-color);display:inline-block}
.ev-reaction-added:empty,.ev-reaction-count:empty{display:none}
.ev-reaction-group[data-selected]:not([data-selected=""]){border-color:color-mix(in srgb,var(--reaction-color) 38%,transparent);background:color-mix(in srgb,var(--reaction-color) 7%,#17191e)}
.ev-reaction-art{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;pointer-events:none}
.post .ev-reaction-art img{position:relative;width:36px;height:36px;object-fit:contain;transform:none!important;filter:drop-shadow(2px 3px 2px #0006);z-index:1}
.ev-reaction-art:before{content:'';position:absolute;inset:5px;background:radial-gradient(ellipse,var(--aura),transparent 72%);opacity:.17;transform:translateY(5px) scale(1.2,.8)}
.ev-tone-like{--aura:#78e9b4}.ev-tone-love{--aura:#ff7292}.ev-tone-inspired{--aura:#bca0ff}.ev-tone-wow{--aura:#ffcd85}
/* The reel lives on the action row: it rolls out sideways from Like. */
.ev-reaction-viewport{width:var(--reel-width);max-width:0;height:52px;overflow:hidden;opacity:0;pointer-events:none;transition:max-width 240ms cubic-bezier(.23,1,.32,1),opacity 150ms ease}
.ev-reaction-group[data-open=true] .ev-reaction-viewport{max-width:var(--reel-width);opacity:1;pointer-events:auto}
.ev-reaction-picker{display:flex;align-items:center;gap:2px;height:41px;width:100%;padding:1px 7px 0 2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;box-sizing:border-box;border-left:1px solid #ffffff16}
.ev-reaction-picker::-webkit-scrollbar{display:none}
.ev-reaction-picker button{display:flex;flex:0 0 54px;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:44px;min-height:40px;padding:0 2px;background:transparent;border:0;border-radius:12px;color:#e8e4de;scroll-snap-align:center;transform:translateX(-13px);opacity:.25;transition:transform 220ms cubic-bezier(.23,1,.32,1),opacity 160ms ease,background 120ms ease}
.ev-reaction-group[data-open=true] .ev-reaction-picker button{transform:translateX(0);opacity:1}
.ev-reaction-picker button>span:last-child{font-size:9px;line-height:11px;white-space:nowrap}
.ev-reaction-picker .ev-reaction-art,.post .ev-reaction-picker .ev-reaction-art img{width:28px;height:28px;flex-basis:28px}
.ev-reaction-picker button[aria-pressed=true]{background:color-mix(in srgb,var(--reaction-color) 13%,transparent)}
.ev-reaction-preview{display:block;width:100%;height:10px;text-align:center;color:#a4a8b0;font:8px/10px var(--mono,monospace);letter-spacing:0;white-space:nowrap}
.ev-reaction-note{display:block;margin-top:12px;color:#aaa5a0;font:10px/1.5 var(--mono,monospace);letter-spacing:.04em}
.ev-reaction-status,.ev-reaction-hint{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.ev-reaction-group button:focus-visible{outline:2px solid #fffaf8;outline-offset:-3px}
.ev-reaction-group button:active{transform:scale(.96)}
.ev-reaction-group button:disabled{cursor:wait;opacity:.6}
@media(hover:hover) and (pointer:fine){.ev-reaction-group:hover{border-color:#ffffff40}.ev-reaction-main:hover,.ev-reaction-picker button:hover{background:#ffffff0e}.ev-reaction-picker button:hover .ev-reaction-art:before{opacity:.38}}
/* Keyboard navigation stays immediate; scrolling never selects a reaction. */
.ev-reaction-group[data-keyboard=true] .ev-reaction-viewport,.ev-reaction-group[data-keyboard=true] .ev-reaction-picker button{transition:none}
/* A quiet pulse travels through the surrounding control when a reaction lands. */
.ev-reaction-halo{position:absolute;inset:-4px;z-index:-1;border-radius:30px;pointer-events:none;opacity:0;border:1px solid var(--reaction-color);background:radial-gradient(ellipse at 32% 50%,color-mix(in srgb,var(--reaction-color) 26%,transparent),transparent 75%);box-shadow:0 0 12px color-mix(in srgb,var(--reaction-color) 18%,transparent)}
.ev-reaction-confetti{position:absolute;left:23px;top:15px;display:block;z-index:6;border-radius:0;opacity:0;pointer-events:none;box-shadow:0 0 3px #ffffff15}
@media(max-width:420px){.ev-reaction-main{gap:5px;padding-right:9px}.ev-reaction-count{font-size:10px}.ev-reaction-group{--reel-width:min(224px,calc(100vw - 166px))}}
@media(prefers-reduced-motion:reduce){.ev-reaction-group,.ev-reaction-group button,.ev-reaction-viewport{transition:none}.ev-reaction-picker button{transform:none}.ev-reaction-halo,.ev-reaction-confetti{display:none}}