/* Legacy Chat - branded messenger styles.
   Mobile-first. Uses the app's brand variables from style.css. */

/* ── Entry button in the drawer ─────────────────────────── */
.lc-entry-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 14px;
  margin-bottom: 8px;
  background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light));
  color: var(--color-gold-light);
  border: 1px solid var(--color-gold);
  border-radius: 12px;
  font-family: 'Nunito', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  transition: filter 0.15s ease, transform 0.1s ease;
}
/* Top-of-sidebar placement, matching the Chat With Doc button width */
.lc-entry-top {
  width: calc(100% - 28px);
  margin: 8px 14px 6px;
}
/* Primary "Chat With Doc" variant: gold-forward so it reads as the main action */
.lc-entry-doc {
  background: linear-gradient(135deg, var(--color-gold), var(--color-gold-light));
  color: var(--color-navy-deep, #142136);
  border-color: var(--color-gold-light);
}
.lc-entry-btn:hover { filter: brightness(1.15); }
.lc-entry-btn:active { transform: scale(0.98); }
.lc-entry-btn svg { flex-shrink: 0; }
.lc-entry-badge {
  margin-left: auto;
  min-width: 20px;
  padding: 1px 6px;
  background: var(--color-gold);
  color: var(--color-navy);
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 800;
  text-align: center;
}

/* ── Overlay shell ──────────────────────────────────────── */
.lc-overlay {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: none;
  background: var(--color-cream);
  font-family: 'Nunito', sans-serif;
  color: var(--color-text-dark);
}
.lc-overlay.open { display: block; }
body.lc-open { overflow: hidden; }

.lc-shell {
  display: flex;
  height: 100%;
  height: 100dvh;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.lc-pane { display: flex; flex-direction: column; min-height: 0; }
.lc-pane-list { flex: 1; width: 100%; background: var(--color-cream); }
.lc-pane-main { flex: 1; width: 100%; display: none; background: var(--color-parchment); }

/* Mobile: one pane at a time */
.lc-overlay.lc-show-main .lc-pane-list { display: none; }
.lc-overlay.lc-show-main .lc-pane-main { display: flex; }

/* Desktop: side by side, Signal style */
@media (min-width: 900px) {
  .lc-shell { border-left: 1px solid var(--color-border); border-right: 1px solid var(--color-border); }
  .lc-pane-list {
    flex: 0 0 340px;
    max-width: 340px;
    border-right: 1px solid var(--color-border);
    display: flex !important;
  }
  .lc-pane-main { display: flex !important; }
}

/* ── List pane ──────────────────────────────────────────── */
.lc-list-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px 12px;
  background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light));
  border-bottom: 2px solid var(--color-gold);
}
.lc-list-title { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.lc-title-main { font-size: 1.05rem; font-weight: 800; color: var(--color-gold-light); letter-spacing: 0.02em; }
.lc-title-sub { font-size: 0.72rem; color: rgba(255,255,255,0.65); }

.lc-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid rgba(201,150,59,0.45);
  background: rgba(255,255,255,0.06);
  color: var(--color-gold-light);
  cursor: pointer;
  transition: background 0.15s ease;
}
.lc-icon-btn:hover { background: rgba(201,150,59,0.18); }

.lc-list-body { flex: 1; overflow-y: auto; padding: 8px; -webkit-overflow-scrolling: touch; }

.lc-conv-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 10px;
  margin-bottom: 4px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  color: inherit;
  transition: background 0.12s ease;
}
.lc-conv-row:hover { background: var(--color-gold-pale); }
.lc-conv-row.active { background: var(--color-gold-pale); border-color: var(--color-gold); }
.lc-conv-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lc-conv-top { display: flex; align-items: baseline; gap: 8px; }
.lc-conv-name { flex: 1; font-weight: 800; font-size: 0.92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-conv-time { font-size: 0.7rem; color: var(--color-text-soft); flex-shrink: 0; }
.lc-conv-bottom { display: flex; align-items: center; gap: 8px; }
.lc-conv-preview {
  flex: 1;
  font-size: 0.8rem;
  color: var(--color-text-mid);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lc-unread {
  flex-shrink: 0;
  min-width: 19px;
  padding: 1px 6px;
  background: var(--color-gold);
  color: var(--color-navy);
  border-radius: 10px;
  font-size: 0.68rem;
  font-weight: 800;
  text-align: center;
}

/* ── Avatars ────────────────────────────────────────────── */
.lc-avatar {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-gold);
  background: var(--color-gold-pale);
}
.lc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.lc-avatar-initials {
  background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light));
  color: var(--color-gold-light);
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
}
.lc-avatar-group { color: var(--color-gold); background: var(--color-gold-pale); }
.lc-avatar-group svg { width: 22px; height: 22px; }
.lc-avatar-sm { width: 36px; height: 36px; }
.lc-avatar-sm svg { width: 18px; height: 18px; }
.lc-avatar-xs { width: 28px; height: 28px; font-size: 0.65rem; align-self: flex-end; }
.lc-avatar-spacer { width: 28px; flex-shrink: 0; }

/* ── Chat pane ──────────────────────────────────────────── */
.lc-main-inner { display: flex; flex-direction: column; flex: 1; min-height: 0; }

.lc-chat-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light));
  border-bottom: 2px solid var(--color-gold);
  flex-shrink: 0;
}
.lc-chat-title { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lc-chat-name { font-weight: 800; font-size: 0.95rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-chat-sub { font-size: 0.7rem; color: rgba(255,255,255,0.65); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-chat-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

@media (min-width: 900px) {
  .lc-pane-main .lc-back-chat { display: none; }
}

/* Messages */
.lc-msgs {
  flex: 1;
  overflow-y: auto;
  padding: 14px 12px 8px;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
}
.lc-day-sep { display: flex; justify-content: center; margin: 10px 0; }
.lc-day-sep span {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--color-text-soft);
  background: var(--color-cream);
  border: 1px solid var(--color-border);
  padding: 3px 12px;
  border-radius: 12px;
}
.lc-sys-msg {
  align-self: center;
  max-width: 88%;
  text-align: center;
  font-size: 0.74rem;
  color: var(--color-text-mid);
  background: var(--color-gold-pale);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 6px 14px;
  margin: 6px 0;
}

.lc-msg { display: flex; gap: 8px; margin: 2px 0; max-width: 86%; align-self: flex-start; }
.lc-msg.mine { align-self: flex-end; flex-direction: row-reverse; }
.lc-bubble-wrap { display: flex; flex-direction: column; min-width: 0; }
.lc-msg-sender { font-size: 0.68rem; font-weight: 700; color: var(--color-gold); margin: 6px 0 2px 6px; }
.lc-bubble {
  position: relative;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 16px 16px 16px 5px;
  padding: 8px 12px 6px;
  box-shadow: 0 1px 2px rgba(27,43,75,0.07);
}
.lc-msg.mine .lc-bubble {
  background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light));
  border-color: var(--color-navy-light);
  color: #F5EFE2;
  border-radius: 16px 16px 5px 16px;
}
.lc-bubble-text { display: block; font-size: 0.9rem; line-height: 1.45; white-space: pre-wrap; word-break: break-word; }
.lc-msg-time { display: block; text-align: right; font-size: 0.62rem; margin-top: 2px; color: var(--color-text-soft); }
.lc-msg.mine .lc-msg-time { color: rgba(245,239,226,0.6); }

.lc-msg.study .lc-bubble { border-color: var(--color-gold); }
.lc-bubble-tag {
  display: block;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: 3px;
}
.lc-msg.mine .lc-bubble-tag { color: var(--color-gold-light); }

.lc-chat-empty { flex: 1; display: flex; align-items: center; justify-content: center; padding: 30px; }
.lc-chat-empty p { color: var(--color-text-soft); font-size: 0.88rem; text-align: center; max-width: 320px; }

/* Composer */
.lc-composer {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  background: var(--color-cream);
  border-top: 1px solid var(--color-border);
  flex-shrink: 0;
}
.lc-composer-input {
  flex: 1;
  resize: none;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-white);
  color: var(--color-text-dark);
  font-family: 'Nunito', sans-serif;
  font-size: 16px; /* prevents iOS zoom */
  line-height: 1.4;
  padding: 10px 14px;
  max-height: 120px;
  outline: none;
}
.lc-composer-input:focus { border-color: var(--color-gold); }
.lc-send-btn {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, var(--color-gold), var(--color-gold-light));
  color: var(--color-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.1s ease;
}
.lc-send-btn:hover { filter: brightness(1.08); }
.lc-send-btn:active { transform: scale(0.94); }

/* ── Buttons ────────────────────────────────────────────── */
.lc-btn {
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  font-size: 0.8rem;
  border-radius: 10px;
  padding: 8px 14px;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.1s ease;
  border: 1px solid transparent;
}
.lc-btn:active { transform: scale(0.98); }
.lc-btn:disabled { opacity: 0.5; cursor: default; }
.lc-btn-gold {
  background: linear-gradient(135deg, var(--color-gold), var(--color-gold-light));
  color: var(--color-navy);
}
.lc-btn-gold:hover:not(:disabled) { filter: brightness(1.08); }
.lc-btn-outline {
  background: transparent;
  border-color: var(--color-gold);
  color: var(--color-gold);
}
.lc-btn-outline:hover { background: var(--color-gold-pale); }
.lc-chat-head .lc-btn-outline { color: var(--color-gold-light); border-color: rgba(201,150,59,0.6); }
.lc-chat-head .lc-btn-outline:hover { background: rgba(201,150,59,0.18); }
.lc-btn-ghost { background: transparent; color: var(--color-text-mid); border-color: var(--color-border); }

/* ── Study card ─────────────────────────────────────────── */
.lc-study-card {
  margin: 10px 12px 0;
  padding: 14px 16px;
  background: var(--color-gold-pale);
  border: 1.5px solid var(--color-gold);
  border-radius: 14px;
  flex-shrink: 0;
  max-height: 46vh;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(27,43,75,0.08);
}
.lc-study-top { display: flex; align-items: center; gap: 8px; }
.lc-study-label {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-navy);
  background: var(--color-gold-light);
  padding: 2px 8px;
  border-radius: 8px;
}
.lc-study-progress-text { flex: 1; font-size: 0.72rem; font-weight: 700; color: var(--color-text-mid); }
.lc-study-collapse { width: 28px; height: 28px; border-color: var(--color-border); color: var(--color-text-mid); background: transparent; }
.lc-study-title { margin: 8px 0 6px; font-size: 1rem; font-weight: 800; color: var(--color-text-dark); }
.lc-progress { height: 6px; border-radius: 4px; background: var(--color-border); overflow: hidden; margin-bottom: 10px; }
.lc-progress-fill { height: 100%; background: linear-gradient(90deg, var(--color-gold), var(--color-gold-light)); border-radius: 4px; transition: width 0.4s ease; }
.lc-study-scripture {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-left: 3px solid var(--color-gold);
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
}
.lc-study-ref { font-size: 0.72rem; font-weight: 800; color: var(--color-gold); letter-spacing: 0.03em; }
.lc-study-scripture p { margin: 4px 0 0; font-size: 0.85rem; line-height: 1.5; font-style: italic; color: var(--color-text-dark); }
.lc-study-question { margin: 0 0 10px; font-size: 0.88rem; font-weight: 700; color: var(--color-text-dark); line-height: 1.4; }

.lc-study-answers { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.lc-study-answer {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 8px 12px;
}
.lc-study-answer.mine { border-color: var(--color-gold); }
.lc-study-answer-who { font-size: 0.68rem; font-weight: 800; color: var(--color-gold); }
.lc-study-answer p { margin: 2px 0 0; font-size: 0.82rem; line-height: 1.45; color: var(--color-text-dark); white-space: pre-wrap; word-break: break-word; }

.lc-study-mynote { display: flex; flex-direction: column; gap: 6px; }
.lc-study-note-input {
  width: 100%;
  resize: vertical;
  min-height: 44px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-white);
  color: var(--color-text-dark);
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  padding: 8px 12px;
  outline: none;
  box-sizing: border-box;
}
.lc-study-note-input:focus { border-color: var(--color-gold); }
.lc-study-controls { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }

.lc-study-bar { margin: 10px 12px 0; flex-shrink: 0; }
.lc-study-expand {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 14px;
  background: var(--color-gold-pale);
  border: 1px solid var(--color-gold);
  border-radius: 12px;
  cursor: pointer;
  font-family: inherit;
}
.lc-study-bar-title { flex: 1; text-align: left; font-size: 0.8rem; font-weight: 800; color: var(--color-text-dark); }
.lc-study-bar-open { font-size: 0.72rem; font-weight: 800; color: var(--color-gold); }

/* ── Study notes view ───────────────────────────────────── */
.lc-notes-body { flex: 1; overflow-y: auto; padding: 14px 14px 30px; -webkit-overflow-scrolling: touch; }
.lc-notes-study {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.lc-notes-study-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.lc-notes-study-head h4 { flex: 1; margin: 0; font-size: 1rem; font-weight: 800; }
.lc-notes-status {
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--color-navy);
  background: var(--color-gold-light);
  padding: 3px 10px;
  border-radius: 10px;
}
.lc-notes-status.done { background: var(--color-success); color: #fff; }
.lc-notes-step { border-top: 1px solid var(--color-border); padding: 10px 0; }
.lc-notes-step-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 3px; }
.lc-notes-step-num { font-size: 0.7rem; font-weight: 800; color: var(--color-text-soft); text-transform: uppercase; letter-spacing: 0.05em; }
.lc-notes-question { margin: 0 0 8px; font-size: 0.84rem; font-weight: 700; color: var(--color-text-dark); }
.lc-notes-none { font-size: 0.78rem; color: var(--color-text-soft); font-style: italic; margin: 0; }
.lc-notes-study .lc-study-answer { margin-bottom: 6px; }

/* ── New chat flow ──────────────────────────────────────── */
.lc-new-body { flex: 1; overflow-y: auto; padding: 12px 14px 24px; -webkit-overflow-scrolling: touch; }
.lc-member-list { display: flex; flex-direction: column; gap: 4px; }
.lc-member-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 9px 10px;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.lc-member-row:hover { background: var(--color-gold-pale); }
.lc-member-row.selected { border-color: var(--color-gold); background: var(--color-gold-pale); }
.lc-member-name { flex: 1; font-size: 0.9rem; font-weight: 700; color: var(--color-text-dark); }
.lc-member-check {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--color-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-navy);
  flex-shrink: 0;
}
.lc-member-row.selected .lc-member-check { background: var(--color-gold); border-color: var(--color-gold); }

.lc-group-setup { margin-top: 14px; }
.lc-field-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-mid);
  margin: 10px 0 5px;
}
.lc-input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-white);
  color: var(--color-text-dark);
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  padding: 10px 12px;
  outline: none;
}
.lc-input:focus { border-color: var(--color-gold); }
.lc-icon-picker { display: flex; flex-wrap: wrap; gap: 8px; }
.lc-icon-choice {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1.5px solid var(--color-border);
  background: var(--color-white);
  color: var(--color-gold);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.lc-icon-choice svg { width: 24px; height: 24px; }
.lc-icon-choice:hover { background: var(--color-gold-pale); }
.lc-icon-choice.selected { border-color: var(--color-gold); background: var(--color-gold-pale); box-shadow: 0 0 0 2px rgba(201,150,59,0.25); }

.lc-new-actions { margin-top: 16px; }
.lc-new-actions .lc-btn { width: 100%; padding: 12px; font-size: 0.9rem; }

/* ── Empty / loading states ─────────────────────────────── */
.lc-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 26px;
}
.lc-empty-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-gold-pale);
  border: 2px solid var(--color-gold);
  color: var(--color-gold);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.lc-empty-icon svg { width: 30px; height: 30px; }
.lc-empty h3 { margin: 0 0 6px; font-size: 1.05rem; font-weight: 800; color: var(--color-text-dark); }
.lc-empty p { margin: 0 0 16px; font-size: 0.85rem; line-height: 1.55; color: var(--color-text-mid); max-width: 340px; }

.lc-loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--color-text-soft);
  font-size: 0.85rem;
  padding: 40px 20px;
}
.lc-spinner {
  width: 18px;
  height: 18px;
  border: 2.5px solid var(--color-border);
  border-top-color: var(--color-gold);
  border-radius: 50%;
  animation: lc-spin 0.8s linear infinite;
  flex-shrink: 0;
}
@keyframes lc-spin { to { transform: rotate(360deg); } }

/* ── Branded modal + toast ──────────────────────────────── */
.lc-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 5000;
  background: rgba(15, 25, 35, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.lc-modal {
  width: 100%;
  max-width: 440px;
  max-height: 84vh;
  overflow-y: auto;
  background: var(--color-cream);
  border: 1.5px solid var(--color-gold);
  border-radius: 16px;
  padding: 20px;
  font-family: 'Nunito', sans-serif;
  box-shadow: 0 12px 40px rgba(0,0,0,0.35);
}
.lc-modal-title { font-size: 1.05rem; font-weight: 800; color: var(--color-text-dark); margin-bottom: 6px; }
.lc-modal-msg { font-size: 0.85rem; color: var(--color-text-mid); line-height: 1.5; margin: 0 0 12px; }
.lc-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }

.lc-plan-list { display: flex; flex-direction: column; gap: 8px; }
.lc-plan-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  text-align: left;
  padding: 12px;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.lc-plan-row:hover { border-color: var(--color-gold); background: var(--color-gold-pale); }
.lc-plan-icon { color: var(--color-gold); flex-shrink: 0; margin-top: 2px; }
.lc-plan-icon svg { width: 22px; height: 22px; }
.lc-plan-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lc-plan-title { font-size: 0.9rem; font-weight: 800; color: var(--color-text-dark); }
.lc-plan-desc { font-size: 0.78rem; color: var(--color-text-mid); line-height: 1.4; }
.lc-plan-steps { font-size: 0.7rem; font-weight: 800; color: var(--color-gold); }

.lc-toast {
  position: fixed;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%, 20px);
  z-index: 6000;
  background: var(--color-navy);
  color: #F5EFE2;
  border: 1px solid var(--color-gold);
  border-radius: 12px;
  padding: 11px 18px;
  font-family: 'Nunito', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  max-width: calc(100vw - 40px);
  text-align: center;
}
.lc-toast.show { opacity: 1; transform: translate(-50%, 0); }