/* 2026-10-28 이모지 고르기 */
.ep-bar{display:flex;justify-content:flex-start;margin:6px 0 0}
.ep-open{display:inline-flex;align-items:center;gap:6px;min-height:36px!important;padding:0 12px!important;border:1px solid #d9d4c7!important;border-radius:999px!important;background:#fff!important;color:#4a463f!important;font:inherit;font-size:13px!important;cursor:pointer}
.ep-open span{font-size:16px;line-height:1}
.ep-open:hover,.ep-open[aria-expanded=true]{background:#fbf6ea!important;border-color:#c9b98f!important}
.ep-pop{width:min(340px,100%);margin:8px 0 4px;padding:10px;border:1px solid #e3ddcf;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgb(40 30 10/.14)}
.ep-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.ep-tabs button{min-height:32px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#6b665c!important;font-size:13px!important;cursor:pointer}
.ep-tabs button[aria-pressed=true]{background:#f3eee2!important;color:#2b2925!important;font-weight:600}
.ep-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.ep-grid button{min-height:44px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;font-size:24px!important;line-height:1;cursor:pointer;transition:transform .12s}
.ep-grid button:hover,.ep-grid button:focus-visible{background:#f6f1e4!important;transform:scale(1.15)}
.ep-grid button:focus-visible,.ep-tabs button:focus-visible,.ep-open:focus-visible{outline:2px solid #26717b;outline-offset:1px}
.ep-msg{margin:6px 2px 0;font-size:12px;color:#8a4b2a}.ep-msg:empty{display:none}
@media(prefers-reduced-motion:reduce){.ep-grid button{transition:none}.ep-grid button:hover{transform:none}}
/* 멘션(@별명) */
.ep-bar{gap:6px}
.ep-at span{font-weight:700;color:#2f5d50}
.mn-pop{width:min(320px,100%);margin:6px 0 4px;padding:6px;border:1px solid #e3ddcf;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgb(40 30 10/.14)}
.mn-pop [role=option]{display:flex;align-items:center;gap:10px;width:100%;min-height:44px!important;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#2b2925!important;font:inherit;font-size:15px!important;text-align:left;cursor:pointer}
.mn-pop [role=option][aria-selected=true],.mn-pop [role=option]:hover{background:#f3eee2!important}
.mn-av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2f5d50;color:#fff;font-size:13px;font-weight:600;flex:none}
.mn-msg{margin:6px 8px;font-size:13px;color:#6b665c}
.mn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;padding:8px 8px 4px;border-top:1px solid #eee7d8;font-size:12.5px;color:#6b665c}
.mn-edit{min-height:32px!important;padding:0 10px!important;border:1px solid #d9d4c7!important;border-radius:999px!important;background:#fff!important;color:#2b2925!important;font-size:12.5px!important;cursor:pointer}
.mn-form{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.mn-form input{flex:1;min-width:0;min-height:38px;padding:0 10px;border:1px solid #d9d4c7;border-radius:8px;font:inherit;font-size:14px}
.mn-form button{min-height:38px!important;padding:0 14px!important;border-radius:8px!important;background:#2b2925!important;color:#fff!important;border:0!important;cursor:pointer}
.mn-form small{flex-basis:100%;font-size:12px;color:#6b665c}
.mn-pop button:focus-visible,.mn-form input:focus-visible{outline:2px solid #26717b;outline-offset:1px}
.mention{display:inline-block;padding:0 6px;border-radius:6px;background:#e7f0ec;color:#2f5d50;font-weight:600;line-height:1.5}