/* 応援推し活拡張・最小スタイル（サイトテーマを尊重して控えめに） */
.ohi-tl, .ohi-lm { margin: 1rem 0; }
.ohi-tl__head, .ohi-lm__head { display: flex; flex-direction: column; gap: 2px; margin-bottom: .6rem; }
.ohi-tl__title, .ohi-lm__title { font-weight: 700; }
.ohi-tl__hint, .ohi-lm__hint { font-size: .82em; opacity: .7; }

.ohi-tl__card {
  border: 1px solid rgba(0,0,0,.08); border-radius: 12px;
  padding: .8rem .9rem; margin-bottom: .6rem; background: rgba(255,255,255,.6);
}
.ohi-tl__meta { display: flex; align-items: center; gap: .5rem; font-size: .85em; }
.ohi-tl__avatar { border-radius: 50%; flex: 0 0 auto; }
.ohi-tl__author { font-weight: 600; }
.ohi-tl__handle, .ohi-tl__time { opacity: .6; }
.ohi-tl__time { margin-left: auto; }
.ohi-tl__text { margin: .5rem 0 .6rem; line-height: 1.6; }
.ohi-tl__actions, .ohi-lm__row { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }

.ohi-btn {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .45rem .8rem; border-radius: 999px; text-decoration: none;
  font-weight: 700; font-size: .9em; line-height: 1;
  background: #ffd54a; color: #3a2f00; transition: transform .08s ease, filter .08s ease;
}
.ohi-btn:hover { filter: brightness(1.03); }
.ohi-btn:active { transform: scale(.97); }
.ohi-btn.is-recorded { filter: grayscale(.35) brightness(.98); }
.ohi-btn--lm { background: #00c300; color: #fff; flex-direction: column; align-items: flex-start; gap: .2rem; padding: .6rem 1rem; }
.ohi-btn--lm .ohi-lm__cta { font-size: .72em; font-weight: 600; opacity: .95; }
.ohi-btn--lm.is-primary { font-size: 1.05em; padding: .8rem 1.2rem; }

.ohi-lm__pick { margin-bottom: .8rem; }
.ohi-lm__others-label { display: block; font-size: .8em; opacity: .7; margin: .4rem 0 .2rem; }
.ohi-lm__row { margin-bottom: .35rem; }

.ohi-recorded { font-size: .82em; color: #2e7d32; display: inline-flex; align-items: center; gap: .4rem; }
.ohi-undo {
  border: none; background: none; cursor: pointer;
  color: inherit; text-decoration: underline; opacity: .75; font: inherit; padding: 0;
}
.ohi-undo:hover { opacity: 1; }

.ohi-tl--empty, .ohi-lm--empty { opacity: .7; font-size: .9em; padding: .6rem 0; }

@media (prefers-color-scheme: dark) {
  .ohi-tl__card { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
}

/* ひな曲ガチャ結果カード注入用（gacha-lm.js） */
.ohi-btn--sm { font-size: .74em; padding: .32rem .68rem; margin-top: .4rem; }
.ohi-btn--lm.ohi-btn--sm { flex-direction: row; align-items: center; gap: .3rem; }
.hg-track-info .ohi-lm-inline { display: inline-flex; width: fit-content; }