/* Czytnik e-booków (jak issuu) - style. Kolory zmienisz w :root swojej strony, nadpisując zmienne --cz-*. */
:root{
  --cz-tlo:#0E1813;          /* tło okna czytnika */
  --cz-tekst:#FFFFFF;        /* tytuł i ikony */
  --cz-tekst-2:#AFC0B4;      /* licznik stron */
  --cz-akcent:#C2A86B;       /* przycisk „Pobierz PDF” */
  --cz-akcent-tekst:#1E2A1F; /* tekst na przycisku */
  --cz-pasek:#8DBA88;        /* pasek postępu */
  --cz-font:inherit;
}
.czytnik{position:fixed;inset:0;z-index:2147483000;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--cz-tlo);color:var(--cz-tekst);font-family:var(--cz-font);overscroll-behavior:contain;box-sizing:border-box}
.czytnik *{box-sizing:border-box}
.czytnik:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.czytnik[hidden]{display:none}
html.cz-otwarty,html.cz-otwarty body{overflow:hidden}
.cz__gora{display:flex;align-items:center;gap:12px;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid rgba(255,255,255,.08)}
.cz__gora h2{margin:0;font-size:1rem;line-height:1.3;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}
.cz__btn{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:inherit;cursor:pointer;transition:background-color .15s,opacity .15s}
.cz__btn:hover{background:rgba(255,255,255,.16)}
.cz__btn:disabled{opacity:.3;cursor:default}
.cz__btn:focus-visible,.cz__pob:focus-visible{outline:2px solid var(--cz-pasek);outline-offset:3px}
.cz__btn svg,.cz__pob svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cz__pob{flex:none;display:inline-flex;align-items:center;gap:.5em;height:42px;padding:0 1.1em;border-radius:999px;background:var(--cz-akcent);color:var(--cz-akcent-tekst);font-weight:600;font-size:.9rem;text-decoration:none}
.cz__srodek{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,24px);padding:16px;min-height:0;overflow:hidden}
.cz__str{background:#fff;overflow:hidden}
.cz__str img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}
.cz__ksiazka{position:relative;flex:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.cz__ksiazka{transition:none}}
.cz__ladowanie{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--cz-tekst-2);font-size:.95rem}
.cz__ladowanie[hidden]{display:none}
.cz__dol{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px 14px;color:var(--cz-tekst-2);font-size:.9rem;font-variant-numeric:tabular-nums}
.cz__pasek{width:min(320px,40vw);height:4px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.cz__pasek i{display:block;height:100%;width:0;background:var(--cz-pasek);transition:width .3s ease}
.cz__dol .cz__btn{display:none}
/* pełny ekran: przycisk z napisem, w trybie pełnoekranowym strony zajmują prawie cały ekran */
.cz__pelny{width:auto;padding:0 1.1em;gap:.5em;border-radius:999px;display:inline-flex;align-items:center;font:inherit;font-weight:600;font-size:.9rem}
.cz__pelny[hidden]{display:none}
/* powiększanie: grupa lupy w pasku, przy powiększeniu zamiast książki przewijane pole z obrazkami stron */
.cz__zoom{flex:none;display:flex;align-items:center;gap:6px}
.cz__zoom-poz{min-width:3.2em;text-align:center;font-size:.85rem;color:var(--cz-tekst-2);font-variant-numeric:tabular-nums}
.cz__lupa{display:none}
.czytnik.cz--zoom .cz__ksiazka{display:none}
.czytnik.cz--zoom .cz__lupa{display:flex;flex:1 1 0;align-self:stretch;min-width:0;overflow:auto;cursor:grab;touch-action:pan-x pan-y;outline:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
.cz__lupa--ciag{cursor:grabbing;user-select:none}
.cz__lupa > div{margin:auto;display:flex;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.cz__lupa img{display:block;max-width:none;height:auto;background:#fff}
.czytnik:fullscreen .cz__gora{padding-top:6px;padding-bottom:6px}
.czytnik:fullscreen .cz__srodek{padding:6px}
.czytnik:fullscreen .cz__dol{padding:4px 16px 8px}
@media (max-width:760px){
  .cz__srodek > .cz__btn{display:none}
  .cz__dol .cz__btn{display:inline-grid}
  .cz__pob span,.cz__pelny span{display:none}
  .cz__pelny{width:42px;padding:0;justify-content:center}
  .cz__pob{width:42px;padding:0;justify-content:center}
  .cz__gora{gap:8px}
  .cz__zoom-poz{display:none}
}