body.catalog-reading{height:100vh;height:100dvh;overflow:hidden;background:#211d1a}
body.catalog-reading #app{height:calc(100vh - var(--catalog-header-height));height:calc(100dvh - var(--catalog-header-height));overflow:hidden}
.offline-page-turn{height:100%;min-height:0;padding:0;display:grid;grid-template-rows:70px minmax(0,1fr) 54px 25px;background:radial-gradient(circle at 50% 42%,#514943 0,#332e2a 48%,#211e1b 100%);color:#fff;overflow:hidden}
.offline-page-turn>header{position:relative;top:auto;z-index:10;min-height:0;height:70px;padding:0 clamp(18px,3vw,46px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(28,24,21,.9);border-bottom:1px solid rgba(255,255,255,.08)}
.offline-page-turn>header>a{font-size:11px;color:rgba(255,255,255,.72)}
.offline-page-turn>header>div:nth-child(2){text-align:center}
.offline-page-turn>header small{color:#c9ad98;font-size:8px;letter-spacing:.17em}
.offline-page-turn>header h1{margin:4px 0 0;font-size:17px;font-weight:500}
.reader-head-tools{justify-self:end;display:flex;align-items:center;gap:18px;font-size:11px;color:rgba(255,255,255,.72)}
.reader-head-tools button{padding:8px 12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}
.offline-page-stage{width:100%;min-height:0;margin:0;padding:14px clamp(16px,4vw,60px);display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;justify-items:center;gap:18px;overflow:hidden}
.offline-page-stage figure{width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) 24px;justify-items:center;align-items:center;background:transparent;box-shadow:none;overflow:hidden}
.pdf-canvas-wrap{width:100%;height:100%;min-height:0;display:grid;place-items:center;position:relative;overflow:hidden}
.offline-page-stage canvas{display:block;width:auto;max-width:100%;height:auto;max-height:100%;background:#fff;user-select:none;filter:drop-shadow(0 12px 28px rgba(0,0,0,.3))}
.pdf-page-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:rgba(255,255,255,.76);font-size:12px;background:rgba(33,29,26,.72);backdrop-filter:blur(4px)}
.pdf-page-loading[hidden]{display:none}.pdf-page-loading small{max-width:520px;margin:10px auto;color:rgba(255,255,255,.55);line-height:1.6}.pdf-page-loading a{margin-top:14px;color:#dcc2ae}
.offline-page-stage figcaption{width:100%;padding:6px 0 0;border:0;text-align:center;color:rgba(255,255,255,.5);font-size:9px}
.offline-page-arrow{width:46px;height:76px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:300 38px/1 Arial,sans-serif;cursor:pointer;transition:.18s}
.offline-page-arrow:hover:not(:disabled){background:rgba(255,255,255,.18)}
.offline-page-arrow:disabled,.offline-page-controls button:disabled{opacity:.2;cursor:default}
.offline-page-controls{width:min(720px,calc(100% - 28px));height:54px;margin:0 auto;display:grid;grid-template-columns:auto auto minmax(150px,1fr) auto auto;align-items:center;gap:7px}
.offline-page-controls button{height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);cursor:pointer}
.offline-page-controls strong{text-align:center;color:rgba(255,255,255,.72);font-size:11px;font-weight:400}
.offline-page-hint{height:25px;margin:0;text-align:center;color:rgba(255,255,255,.42);font-size:9px}
.offline-page-turn:fullscreen,html:fullscreen .offline-page-turn{background:radial-gradient(circle at 50% 42%,#514943 0,#211e1b 72%)}
@media(max-width:800px){
  .offline-page-turn{grid-template-rows:58px minmax(0,1fr) 48px 22px}
  .offline-page-turn>header{height:58px;padding:0 12px;grid-template-columns:auto 1fr auto;gap:8px}
  .offline-page-turn>header>a{max-width:70px;font-size:9px}
  .offline-page-turn>header h1{font-size:13px}
  .reader-head-tools{gap:7px}.reader-head-tools button{padding:6px 8px;font-size:10px}.reader-head-tools span{display:none}
  .offline-page-stage{padding:7px 0;display:block;position:relative}
  .offline-page-stage figure{height:100%}
  .offline-page-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:36px;height:64px;border:0;background:rgba(25,21,18,.48)}
  .offline-page-arrow.previous{left:0}.offline-page-arrow.next{right:0}.offline-page-arrow:disabled{visibility:hidden}
  .offline-page-controls{height:48px;grid-template-columns:auto minmax(120px,1fr) auto}
  .offline-page-controls button:first-child,.offline-page-controls button:last-child{display:none}
  .offline-page-controls button{height:32px;padding:0 12px}
}
.pdf-page-loading button{margin-left:12px;padding:8px 18px;border:1px solid #bda58f;background:#fbf9f4;color:#604735;cursor:pointer}