/* --- 全体 --- */
.esr-wrapper {
    margin-top: 8px;
}

/* --- 絵文字ストリーム（表示される絵文字たち） --- */
.esr-stream {
    min-height: 28px;
    font-size: 1.4rem;
    line-height: 1.4rem;  /* ← 行が伸びないよう固定 */
    word-wrap: break-word;
}

/* 絵文字1個 */
.esr-item {
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle; /* ← 行ずれ防止 */
}

/* 隠す分（折り畳み中） */
.esr-item.esr-hidden {
    display: none !important;
}

/* 折り畳み中の枠（必要なら外せる） */
.esr-stream.esr-collapsed {
    /* border: 1px dashed #aaa; */
}

/* --- トグルボタン（開閉） --- */
.esr-toggle {
    margin-top: 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; /* ← 中央寄せ */
    user-select: none;
}

/* --- 区切り線 --- */
.esr-separator {
    margin: 12px 0;
    border: none;
    border-top: 1px solid #ddd;
}

/* --- ラベル文字 "リアクションお待ちしてます ❤︎" --- */
.esr-label {
    font-size: 0.85rem;
    opacity: 0.8;
    margin-bottom: 6px;
    text-align: left;
}

/* --- 下部の絵文字ボタン --- */
.esr-buttons {
    margin-top: 2px;
    margin-bottom: 4px;
}

.esr-btn {
    border: none;
    background: transparent;
    font-size: 1.4rem;
    cursor: pointer;

    /* ここを少し狭く戻す（前の感覚に近い値） */
    margin-right: 3px;
    margin-bottom: 4px;

    vertical-align: middle;
}

/* Twemoji の画像サイズをちゃんと統一する */
.esr-stream img.emoji,
.esr-buttons img.emoji {
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    object-fit: contain;
}