/* ============================================================
   Empty State — 空の状態
   まだ蓄積がない画面の佇まい。「記録は蓄積の資産／再会の瞬間に最も美しく」
   という思想ゆえ、空の状態こそ静かに、次の一歩だけを示す。
   煽らない・装飾しない。印は淡く、CTAは一つ。
   ============================================================ */

.empty { text-align: center; padding: 40px 24px; max-width: 340px; }
.empty .em-mark {
  width: 46px; height: 46px; margin: 0 auto 18px;
  color: var(--ash); opacity: .5;
}
.empty .em-mark svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.empty .em-t { font-family: var(--font-serif); font-size: 17px; color: var(--ink); margin-bottom: 9px; letter-spacing: .02em; }
.empty .em-d { font-size: 13px; color: var(--ash); line-height: 1.8; margin: 0 auto 20px; max-width: 26em; }