.sm-message-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:0 0 auto;width:100%}
.sm-message-block.mine{align-items:flex-end}.sm-message-block .sm-message-row{width:auto;max-width:100%}
.sm-reaction-bar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;max-width:100%;padding:0 2px}
.sm-message-block.mine .sm-reaction-bar{justify-content:flex-end}
.sm-reaction-chip,.sm-add-reaction{min-height:34px!important;min-width:40px;border:1px solid #dce5df!important;border-radius:18px!important;padding:3px 10px!important;background:#f5f8f5!important;color:#405e50!important;box-shadow:none!important;line-height:1.2!important;font:500 13px/1.2 system-ui,sans-serif!important}
.sm-reaction-chip.is-mine{background:#e2efe6!important;border-color:#799e88!important;color:#224c36!important}
.sm-add-reaction{font-size:16px!important;color:#75887c!important;background:transparent!important;border-color:transparent!important}
.sm-reaction-chip:focus-visible,.sm-add-reaction:focus-visible{outline:2px solid #416e58;outline-offset:2px}
.sm-reaction-dialog{width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid #d7e3de;border-radius:20px;box-shadow:0 20px 80px #102f3440;color:#234337;background:#fff;box-sizing:border-box}
.sm-reaction-dialog::backdrop{background:#173b324d}.sm-reaction-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sm-reaction-head h3{margin:0;font:700 19px/1.5 system-ui,sans-serif}.sm-reaction-close{width:44px;min-height:44px;padding:0!important;border-radius:12px!important;font-size:24px!important}
.sm-reaction-note{color:#687a6e;font:400 12px/1.7 system-ui,sans-serif;margin:10px 0 14px}
.sm-reaction-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sm-reaction-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:78px;padding:10px 2px!important;border:1px solid #e4eae5!important;border-radius:14px!important;background:#fafbf9!important;color:#3e5848!important;font:500 11px/1.4 system-ui,sans-serif!important}
.sm-reaction-choice[aria-pressed="true"]{border-color:#507e62!important;background:#e9f2ea!important;box-shadow:inset 0 0 0 1px #507e62}.sm-reaction-emoji{font-size:27px;line-height:1.1}.sm-reaction-choice:focus-visible{outline:2px solid #416e58;outline-offset:2px}.sm-reaction-remove{margin-top:12px;width:100%;min-height:44px;font-size:12px!important}.sm-reaction-feedback{font-size:12px;color:#8b4b32;margin:8px 0 0}.sm-reaction-feedback:empty{display:none}
.sm-reaction-people{margin-top:18px;padding-top:14px;border-top:1px solid #e4eae5}.sm-reaction-people h4{font:600 12px/1.5 system-ui,sans-serif;margin:0 0 12px;color:#6d7d72}.sm-reaction-person-group{margin:12px 0}.sm-reaction-person-group strong{font-size:13px}.sm-reaction-person-group ul{list-style:none;padding:0;margin:5px 0 0}.sm-reaction-person-group li{font-size:13px;padding:4px 0;overflow-wrap:anywhere}
.sm-reaction-live{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
@media(max-width:700px){.sm-reaction-chip,.sm-add-reaction{min-height:40px!important;min-width:44px}.sm-reaction-bar{gap:3px}.sm-reaction-dialog{padding:16px}}
@media(prefers-reduced-motion:no-preference){.sm-reaction-choice{transition:background .12s,border-color .12s}}