/* OTONAEVENT 相性レビュー */
.oear-wrap { margin: 1.5em 0; font-size: 15px; line-height: 1.7; }
.oear-section { margin: 1.5em 0; padding-top: 1em; border-top: 1px solid #eee; }
.oear-heading { font-size: 1.15em; font-weight: 700; margin: 0 0 .6em; }
.oear-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: .8em; margin-bottom: 1em; }
.oear-stars { color: #f5a623; letter-spacing: 1px; }
.oear-stars--empty { color: #cbd5e1; }
.oear-avg strong { font-size: 1.4em; }
.oear-count, .oear-events { color: #666; font-size: .9em; }
.oear-note { color: #888; font-size: .82em; margin-top: .8em; }
.oear-empty { color: #666; }
.oear-more a { font-size: .9em; }

/* カード */
.oear-list, .oear-latest { min-height: 150px; }
.oear-card { min-height: 150px; padding: 1em 0; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; }
.oear-card__head { display: flex; align-items: center; gap: .6em; margin-bottom: .5em; }
.oear-card__avatar { border-radius: 50%; width: 40px; height: 40px; object-fit: cover; }
.oear-card__author { font-weight: 600; display: block; }
.oear-card__comment { margin: .4em 0; white-space: normal; }
.oear-card__comment--empty { color: #8a94a3; }
.oear-card__foot { display: flex; flex-wrap: wrap; gap: .6em; color: #888; font-size: .82em; align-items: center; }
.oear-card__foot a { color: inherit; text-decoration: underline; }
.oear-card__event { flex-basis: 100%; color: #596273; }
.oear-card__event-label { font-weight: 600; color: #404958; }
.oear-card__event a { font-weight: 600; color: #2b6cb0; }
.oear-card__event-date { white-space: nowrap; }
.oear-card--empty { display: flex; flex-direction: column; justify-content: center; gap: .4em; }
.oear-card__empty-rating { font-size: 1.35em; line-height: 1; }
.oear-card__empty-note { margin: 0; color: #9aa3af; font-size: .85em; }
.oear-report { background: none; border: none; color: #aaa; cursor: pointer; font-size: .82em; padding: 0; text-decoration: underline; }

/* 投稿パネル */
.oear-panel { background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 1.2em; margin-bottom: 1.4em; }
.oear-intro { font-weight: 700; margin: 0 0 .6em; }
.oear-q { font-weight: 700; margin: 0 0 .8em; }
.oear-choices { display: flex; gap: .8em; }
.oear-choice, .oear-submit, .oear-pager button { background: #2b6cb0; color: #fff; border: none; border-radius: 8px; padding: .6em 1.2em; cursor: pointer; font-size: 1em; }
.oear-choice[data-ans="not_attended"] { background: #e2e8f0; color: #333; }
.oear-ratelabel { margin: 0 0 .3em; font-weight: 600; }
.oear-rating { font-size: 1.8em; line-height: 1; }
.oear-rate { background: none; border: none; cursor: pointer; color: #ddd; font-size: 1em; padding: 0 .05em; }
.oear-rate.is-on { color: #f5a623; }
.oear-ratetext { min-height: 1.2em; color: #666; margin: .2em 0 .6em; }
.oear-comment { width: 100%; min-height: 6em; border: 1px solid #ccc; border-radius: 8px; padding: .6em; font: inherit; box-sizing: border-box; }
.oear-actions { display: flex; gap: .8em; margin-top: .8em; align-items: center; }
.oear-del { background: none; border: none; color: #c0392b; cursor: pointer; text-decoration: underline; }
.oear-msg { color: #2b6cb0; min-height: 1.2em; margin: .5em 0 0; }

.oear-toolbar { margin-bottom: .8em; font-size: .9em; }
.oear-pager { text-align: center; margin-top: 1em; }

/* イベント終了後の次回アクセス時レビュー投稿モーダル */
body.oear-modal-open { overflow: hidden; }
.oear-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity .18s ease; }
.oear-modal[hidden] { display: none; }
.oear-modal.is-open { opacity: 1; }
.oear-modal__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .62); }
.oear-modal__dialog { position: relative; z-index: 1; width: min(620px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; background: #fff; border-radius: 16px; padding: 28px; box-shadow: 0 24px 70px rgba(15, 23, 42, .3); transform: translateY(12px); transition: transform .18s ease; }
.oear-modal.is-open .oear-modal__dialog { transform: translateY(0); }
.oear-modal__close { position: absolute; top: 12px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f5f9; color: #334155; font-size: 24px; line-height: 1; cursor: pointer; }
.oear-modal__eyebrow { margin: 0 40px 6px 0; color: #2b6cb0; font-weight: 700; }
.oear-modal__title { margin: 0 40px 2px 0; font-size: 1.45em; line-height: 1.35; color: #172033; }
.oear-modal__event-date { margin: 0; color: #667085; }
.oear-modal__event-link { margin: .25em 0 1em; }
.oear-modal__form .oear-panel { margin-bottom: 0; background: #f8fafc; }

@media (max-width: 480px) {
	.oear-choices { flex-direction: column; }
	.oear-choice { width: 100%; }
	.oear-modal { padding: 10px; align-items: flex-end; }
	.oear-modal__dialog { max-height: calc(100vh - 20px); padding: 22px 18px; border-radius: 16px 16px 8px 8px; }
}