#reactionMenu[hidden]{display:none}#reactionMenu{position:fixed;z-index:12;bottom:104px;left:50%;transform:translateX(-50%);width:min(400px,calc(100vw - 24px));box-sizing:border-box;padding:18px;background:#fffef8f5;border:1px solid #fff;border-radius:18px;box-shadow:0 12px 45px #243b3329;backdrop-filter:blur(12px);color:#344f3e}.reactionHeading{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px;margin-bottom:14px}.reactionHeading>span{font-size:10px;font-weight:400;color:#81917f}.reactionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reactionGrid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:88px;padding:12px 3px;border:1px solid #dfe6d8;background:#f2f5eb;color:#3e5745;border-radius:12px;font-size:12px;cursor:pointer}.reactionGrid button:hover:not(:disabled),.reactionGrid button:focus-visible{background:#e3eddc;border-color:#98b28e;outline:2px solid #98b28e;outline-offset:2px}.reactionGrid button:disabled{opacity:.45;cursor:default}.reactionEmoji{font-size:29px;line-height:1.2}.reactionGrid kbd{position:absolute;top:6px;right:8px;font:10px Arial;color:#9aa690}.reactionHint{margin:12px 0 0;text-align:center;font-size:11px;color:#83917f}#reactions[aria-expanded="true"]{background:#e6eddc;color:#405b42}@media(max-width:850px){#reactionMenu{bottom:90px;padding:14px}.reactionGrid button{min-height:80px}footer nav button{padding:11px 12px;font-size:10px}.reactionHeading>span{display:none}}@media(prefers-reduced-motion:reduce){#reactionMenu{backdrop-filter:none}}

@media(max-width:850px){footer nav{max-width:100%;box-sizing:border-box}footer nav button{flex-direction:column;gap:5px;white-space:nowrap;min-width:0}}

@media(max-width:850px){#reactionMenu{bottom:108px}footer nav button{position:relative}footer nav b{position:absolute;top:4px;right:4px}}