/* echo-review · 今日回声（sheet 风格与 cold-listen 同族；深色 Nocturne） */
.er-screen { display: flex; align-items: flex-end; justify-content: center; min-height: 100%; }
.er-sheet {
  width: 100%; max-width: 560px; margin: 0 auto;
  background: var(--bg-raise, #12151c); border-radius: 20px 20px 0 0;
  padding: 20px 20px 28px; box-shadow: 0 -12px 40px rgba(0,0,0,.45);
}
.er-head { position: relative; text-align: center; margin-bottom: 14px; }
.er-title { font-size: 20px; margin: 0; }
.er-sub { font-size: 13px; color: var(--ink-dim, #8a90a0); margin: 4px 0 0; }
.er-close {
  position: absolute; right: 0; top: 0; width: 44px; height: 44px;
  background: none; border: 0; color: var(--ink-dim, #8a90a0); font-size: 20px; cursor: pointer;
}
.er-loading { text-align: center; color: var(--ink-dim, #8a90a0); padding: 28px 0; }
.er-count { font-size: 12px; color: var(--ink-dim, #8a90a0); margin-bottom: 10px; }
.er-sent { font-size: 22px; line-height: 2.2; word-break: keep-all; }
.er-tok { margin-right: .15em; display: inline-block; }
.er-target .er-wordline {
  color: var(--accent, #e8b45a);
  border-bottom: 2px solid var(--accent, #e8b45a); padding-bottom: 2px;
}
/* 检索纪律：揭示前句内不显示任何逐词小义/翻译（先想后看） */
.er-sent .tr-tok-gloss, .er-sent rt.rt-roma { }
.er-word-only { font-size: 40px; text-align: center; padding: 18px 0 6px; }
.er-ask { font-size: 15px; color: var(--ink, #d8dce6); margin: 16px 0 10px; }
.er-acts, .er-reveal-acts { display: flex; gap: 10px; }
.er-btn {
  flex: 1; min-height: 46px; border-radius: 12px; border: 1px solid var(--line, #2a2f3c);
  background: var(--bg-soft, #1a1e28); color: var(--ink, #d8dce6); font-size: 15px; cursor: pointer;
}
.er-btn.primary { background: var(--accent, #e8b45a); color: #1a1405; border-color: transparent; font-weight: 600; }
.er-reveal { margin-top: 16px; border-top: 1px solid var(--line, #2a2f3c); padding-top: 14px; }
.er-reveal-word { font-size: 26px; margin-bottom: 6px; }
.er-reveal-gloss { font-size: 16px; margin-bottom: 6px; }
.er-reveal-gloss.er-dim { color: var(--ink-dim, #8a90a0); font-size: 13px; }
.er-reveal-tr { font-size: 14px; color: var(--ink-dim, #8a90a0); margin-bottom: 12px; }
.er-done { text-align: center; padding: 24px 0 6px; }
.er-done-line { font-size: 16px; margin-bottom: 16px; }
@media (max-height: 560px) {
  .er-sheet { padding: 12px 16px 16px; }
  .er-sent { font-size: 18px; line-height: 2; }
}