/* ── LiveInBooks — Base Theme ─────────────────────────────────── */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:       #0f1a14;
  --chat-bg:  #f8f4ec;
  --green:    #2d5a3d;
  --green-dk: #1c3a28;
  --green-lt: #eef4f0;
  --gold:     #b8924a;
  --text:     #0d1209;
  --faint:    #a8b8a0;
  --border:   rgba(45,90,61,0.16);
  --me:       #1c3326;
  --body:     "Cormorant Garamond", Georgia, serif;
  --display:  "Playfair Display", Georgia, serif;
  --sans:     "DM Sans", system-ui, sans-serif;
}

html { height: 100%; background: #1c1410; }
body {
  height: 100%; background: transparent;
  display: flex; align-items: center; justify-content: center;
}

body::before {
  content: none;
}

body::after {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: url('../bg.png') center 30%/cover no-repeat;
  opacity: .35;
}

/* ── Shared keyframes ────────────────────────────────────────── */
@keyframes winIn {
  from { opacity: 0; transform: translateY(14px) scale(.97); }
  to   { opacity: 1; transform: none; }
}
@keyframes msgIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: none; }
}
@keyframes dot {
  0%, 60%, 100% { opacity: .3; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-3px); }
}