/* Lumen — Wirtualny różaniec / modlitewnik. */

.lumen-roz{--wine:#7a2532;--wine-d:#5a1620;--gold:#c9a227;--gold-l:#e7cf7a;--cream:#f7f3ec;--line:#e8ddd2;
  max-width:680px;margin:0 auto;font-family:inherit;color:#2a1c1e;
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;
  box-shadow:0 22px 48px -32px rgba(90,22,32,.45)}

/* pasek: tryb + dzień */
.roz__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;
  flex-wrap:wrap;margin-bottom:18px}
.roz__modes{display:inline-flex;background:var(--cream);border:1px solid var(--line);
  border-radius:999px;padding:4px}
.roz__mode{border:0;background:transparent;color:var(--wine);font:inherit;font-weight:600;
  font-size:.85rem;padding:8px 14px;border-radius:999px;cursor:pointer}
.roz__mode.is-on{background:var(--wine);color:#fff}
.roz__chip{background:var(--gold);color:#3a2c05;font-weight:700;font-size:.8rem;
  padding:6px 13px;border-radius:999px;white-space:nowrap}

/* karta modlitwy */
.roz__card{background:linear-gradient(160deg,#fff,var(--cream));border:1px solid var(--line);
  border-radius:16px;padding:24px;text-align:center;min-height:180px;
  display:flex;flex-direction:column;justify-content:center}
.roz__kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);
  font-weight:700;margin-bottom:8px}
.roz__title{font-family:var(--font-head,Georgia,serif);font-size:1.4rem;color:var(--wine-d);
  margin:0 0 12px}
.roz__text{margin:0;font-size:1.02rem;line-height:1.65;color:#3a2b2d}

/* ścieżka paciorków */
.roz__track{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;
  margin:20px 0;max-height:120px;overflow-y:auto;padding:6px}
.roz__bead{border:0;cursor:pointer;padding:0;background:var(--cream);
  border:1.5px solid #d8cbb4;border-radius:50%;color:transparent;
  transition:transform .15s,background .2s,border-color .2s;display:inline-flex;
  align-items:center;justify-content:center;line-height:1}
.roz__bead--small{width:13px;height:13px}
.roz__bead--big{width:20px;height:20px;background:#efe3c8;border-color:var(--gold)}
.roz__bead--mark{width:22px;height:22px;background:var(--wine);border-color:var(--wine);
  color:#f3e7d0;font-size:.8rem}
.roz__bead--myst{width:16px;height:16px;border-radius:3px;transform:rotate(45deg);
  background:var(--gold-l);border-color:var(--gold);color:transparent}
.roz__bead--link{width:8px;height:8px;background:#ded3c0;border-color:#ccbfa6}
.roz__bead.is-done{background:var(--gold);border-color:var(--gold)}
.roz__bead--mark.is-done{background:var(--wine-d)}
.roz__bead.is-current{transform:scale(1.5);background:var(--wine);border-color:var(--wine);
  box-shadow:0 0 0 4px rgba(122,37,50,.18);color:#fff;animation:roz-pulse 1.2s ease-in-out infinite}
.roz__bead--myst.is-current{transform:rotate(45deg) scale(1.45)}

/* sterowanie */
.roz__ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.roz__prev,.roz__next{border:0;font:inherit;font-weight:700;cursor:pointer;border-radius:999px;
  padding:12px 22px}
.roz__prev{background:transparent;border:1px solid var(--line);color:#6e5e60}
.roz__next{background:var(--wine);color:#fff}
.roz__next:hover{background:var(--wine-d)}
.roz__prev:disabled,.roz__next:disabled{opacity:.45;cursor:default}
.roz__prog{font-size:.82rem;color:#9a8a85}

/* lista tajemnic */
.roz__myst{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.roz__myst-h{font-weight:700;color:var(--wine);margin-bottom:8px;font-size:.95rem}
.roz__myst ol{margin:0;padding-left:22px;display:grid;gap:5px}
.roz__myst li{color:#6e5e60;font-size:.92rem;transition:color .2s}
.roz__myst li.is-on{color:var(--wine);font-weight:700}

@keyframes roz-pulse{0%,100%{box-shadow:0 0 0 4px rgba(122,37,50,.18)}50%{box-shadow:0 0 0 8px rgba(122,37,50,.08)}}
@media (prefers-reduced-motion:reduce){.roz__bead.is-current{animation:none}}
@media (max-width:560px){
  .roz__bar{flex-direction:column;align-items:stretch}
  .roz__title{font-size:1.2rem}
}