/* ══════════════════════════════════════════════════
   O₂ RHYTHM — REFLECT
══════════════════════════════════════════════════ */

/* The old step counter didn't match the steps; the flow is short enough without it */
#rfProgress { display: none !important; }

.rfx-types { display: flex; flex-direction: column; gap: 8px; margin-bottom: var(--sp-4); }
.rfx-types__q { margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.rfx-types__row { display: flex; gap: 6px; flex-wrap: wrap; }
.rfx-type {
  font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer;
  background: var(--surface); color: var(--text); border: 1.5px solid var(--divider); border-radius: 999px;
  padding: 8px 14px; transition: border-color var(--ease), background var(--ease), color var(--ease);
}
.rfx-type:hover { border-color: var(--blue); }
.rfx-type.active { border-color: var(--blue); background: var(--blue); color: #fff; }
.rfx-type__s { display: none; }

.rfx-draft { margin: 0 0 var(--sp-3); font-size: .85rem; color: var(--text-muted); }
.rfx-link { font: inherit; color: var(--blue); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.rfx-error { margin: 6px 0 0; font-size: .85rem; color: #c24141; }

/* Hide share choices that don't apply to this kind of writing */
.rf-share-card[hidden] { display: none; }

/* Saved on this phone */
.rfx-saved { margin-top: var(--sp-5); border-top: 1px solid var(--divider); padding-top: var(--sp-4); }
.rfx-saved[hidden] { display: none; }
.rfx-saved__toggle {
  font: inherit; font-weight: 600; color: var(--text); background: none; border: 0; padding: 0; cursor: pointer;
}
.rfx-saved__toggle::after { content: ' ›'; color: var(--text-muted); }
.rfx-saved__toggle[aria-expanded="true"]::after { content: ' ⌄'; }
.rfx-saved__note { font-size: .8rem; color: var(--text-muted); margin: 8px 0 12px; }
.rfx-saved__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.rfx-saved__item { background: var(--surface); border: 1px solid var(--divider); border-radius: var(--radius-md); padding: 12px 14px; }
.rfx-saved__meta { font-size: .75rem; color: var(--text-muted); margin-bottom: 4px; }
.rfx-saved__text {
  margin: 0 0 6px; white-space: pre-wrap; cursor: pointer; color: var(--text);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.rfx-saved__text.open { display: block; }
.rfx-saved__delete { font-size: .8rem; color: #c24141; }

/* The prompt box has display:flex, which overrode [hidden] and showed an empty box */
.rf-active-prompt[hidden] { display: none; }