#reactionButton{color:#8550b7;font-size:30px;font-weight:700}#reactionButton[aria-expanded=true]{background:#efe2fc;border-radius:12px}
.reaction-picker{position:fixed;z-index:30;width:242px;max-width:calc(100vw - 24px);padding:15px;background:rgba(255,255,255,.98);border:1px solid #e4d5f2;border-radius:21px;box-shadow:0 12px 38px #34204c30;color:#49325f}.reaction-picker[hidden]{display:none}.reaction-picker>strong{display:block;font-size:14px;margin-bottom:12px}.reaction-picker>small{display:block;text-align:center;font-size:10px;color:#7c6b8c;margin-top:10px}.reaction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reaction-choice{display:flex;align-items:center;flex-direction:column;gap:5px;min-height:70px;border:1px solid #eee4f5;border-radius:14px;background:#faf6fe;color:#594267;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:9px 3px}.reaction-choice:hover,.reaction-choice:focus-visible{background:#f0e1ff;border-color:#a36bd2;outline:2px solid #b28ad0;outline-offset:1px}.reaction-choice:disabled{opacity:.5}.reaction-choice .reaction-icon{font-size:29px;line-height:34px}.reaction-choice .reaction-icon{animation-duration:1.6s}
.map-reaction{position:absolute;bottom:calc(100% + 9px);left:50%;margin-left:-30px;width:60px;height:60px;display:grid;place-items:center;background:#fff;border:2px solid #e8d4fa;border-radius:21px;box-shadow:0 5px 18px #46235e35;pointer-events:none;z-index:15;animation:reaction-lifetime 5s both}.map-reaction:after{content:'';position:absolute;bottom:-7px;left:23px;width:10px;height:10px;transform:rotate(45deg);background:white;border-right:2px solid #e8d4fa;border-bottom:2px solid #e8d4fa}.map-reaction .reaction-icon{font-size:37px;line-height:1}.reaction-icon{display:inline-block;transform-origin:center;animation:reaction-bob 1.2s ease-in-out infinite}.reaction-wave .reaction-icon{transform-origin:70% 80%;animation-name:reaction-wave}.reaction-heart .reaction-icon{animation-name:reaction-heart}.reaction-laugh .reaction-icon{animation-name:reaction-laugh}.reaction-angry .reaction-icon{animation-name:reaction-angry}.reaction-sleep .reaction-icon{animation-duration:2s}.reaction-detail{position:absolute;right:-4px;top:-13px;font-size:19px;color:#9761bf;animation:reaction-steam 1.7s ease-out infinite}
@keyframes reaction-lifetime{0%{opacity:0;transform:scale(.4) translateY(9px)}9%,87%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.85) translateY(-15px)}}@keyframes reaction-bob{50%{transform:translateY(-4px) rotate(-5deg)}}@keyframes reaction-wave{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(22deg)}}@keyframes reaction-heart{0%,100%{transform:scale(.92)}40%{transform:scale(1.17)}65%{transform:scale(1)}}@keyframes reaction-laugh{25%{transform:rotate(-12deg) translateY(-3px)}75%{transform:rotate(12deg)}}@keyframes reaction-angry{20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}@keyframes reaction-steam{0%{opacity:0;transform:translateY(6px) scale(.8)}35%{opacity:1}100%{opacity:0;transform:translateY(-13px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.reaction-icon,.reaction-detail,.map-reaction{animation:none}}
.reaction-tip{position:fixed;z-index:29;box-sizing:border-box;width:250px;max-width:calc(100vw - 24px);padding:15px 30px 15px 15px;border:1px solid #d6b8ee;border-radius:17px;background:#fff9ff;color:#5b3976;box-shadow:0 7px 25px #48265d25;pointer-events:auto}.reaction-tip[hidden]{display:none}.reaction-tip:before{content:'';position:absolute;top:-7px;left:var(--tip-arrow,24px);width:11px;height:11px;background:#fff9ff;border-top:1px solid #d6b8ee;border-left:1px solid #d6b8ee;transform:rotate(45deg)}.reaction-tip p{margin:0;font-size:13px;line-height:1.5}.reaction-tip-close{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#d42a45;font-size:25px;line-height:1;cursor:pointer}.reaction-tip-close:focus-visible{outline:2px solid #d42a45;outline-offset:-3px}