[hidden]{display:none!important}
/* Читалка: без веб-шрифтов и картинок оформления. Палитра — как у site.css (hentai-for). */
:root{--bar:rgba(5,9,20,.94);--fg:#f2f5fa;--muted:#9ba8bc;--dim:#69778c;--line:rgba(132,157,194,.16);
  --accent:#d7193f;--accent-2:#f02d50;--grad:linear-gradient(118deg,#d7193f,#f02d50);--surface:#0f1626;
  --skew:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
*{box-sizing:border-box}
html,body{margin:0;background:#000;color:var(--fg);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}

/* Панели поверх кадра; тап по центру прячет/показывает */
.bar{position:fixed;left:0;right:0;z-index:5;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bar);transition:transform .18s ease}
.top{top:0;padding-top:max(6px,env(safe-area-inset-top));border-bottom:2px solid var(--accent)}
.bot{bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.ui-off .top{transform:translateY(-110%)}
.ui-off .bot{transform:translateY(110%)}
.t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
.ic{appearance:none;border:0;background:var(--surface);height:34px;min-width:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;letter-spacing:.05em;clip-path:var(--skew);cursor:pointer}
.ic:active,.ic:hover{background:var(--accent)}
.strip #bd{display:none}
#cn{min-width:74px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted)}
#sl{flex:1;min-width:0;accent-color:var(--accent);height:28px}
#pb{position:fixed;left:0;bottom:0;height:3px;width:0;background:var(--grad);z-index:6;pointer-events:none;transition:width .15s}

/* Кадры */
#st{user-select:none;-webkit-user-select:none}
.pg{display:flex;align-items:center;justify-content:center}
.pg img{display:block;max-width:100%;height:auto;background:#0b0f18}
/* Кадр вписан между панелями; при скрытых панелях (тап по центру) — во весь экран */
.paged .pg{display:none;height:100vh;height:100dvh;padding:calc(48px + env(safe-area-inset-top)) 0 calc(48px + env(safe-area-inset-bottom))}
.paged.ui-off .pg{padding:0}
.paged .pg.cur{display:flex}
.paged .pg img{width:auto;max-height:100%;object-fit:contain}
.strip #st{max-width:800px;margin:0 auto}
.strip .pg{content-visibility:auto}
.strip .pg img{width:100%}
.paged.at-end #st{display:none}
.nos img{display:block;max-width:800px;width:100%;height:auto;margin:0 auto}

/* Подсказки листания: тонкие стрелки по краям экрана, гаснут вместе с панелями */
.paged #st{cursor:pointer}
/* Курсор-кружок со стрелкой: системные w-/e-resize выглядят как «растянуть» */
.paged #st.zl{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36'><circle cx='18' cy='18' r='16' fill='%23050914' fill-opacity='.7' stroke='white' stroke-opacity='.8' stroke-width='1.5'/><path d='M21 11l-7 7 7 7' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") 18 18,pointer}
.paged #st.zr{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36'><circle cx='18' cy='18' r='16' fill='%23050914' fill-opacity='.7' stroke='white' stroke-opacity='.8' stroke-width='1.5'/><path d='M15 11l7 7-7 7' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") 18 18,pointer}
#hn{display:none}
.paged #hn{display:block}
#hn i{position:fixed;top:50%;z-index:4;width:28px;height:56px;margin-top:-28px;display:flex;align-items:center;justify-content:center;
  font-style:normal;font-size:26px;line-height:1;color:#fff;background:rgba(5,9,20,.45);pointer-events:none;transition:opacity .18s ease}
#hn .hl{left:0;border-radius:0 6px 6px 0}
#hn .hr{right:0;border-radius:6px 0 0 6px}
.ui-off #hn i,.at-end #hn i{opacity:0}
#hn i{opacity:.5}
@media (hover:hover){#hn i{opacity:.35}}

/* Конец главы */
#end{display:none;padding:56px 16px calc(90px + env(safe-area-inset-bottom));text-align:center;background:#080d17;border-top:3px solid var(--accent)}
.strip #end{display:block}
.paged.at-end #end{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh}
#end .k{margin:0 0 6px;color:var(--accent-2);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
#end h2{margin:0 auto 22px;max-width:640px;font-size:20px;line-height:1.25}
.acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border:1px solid rgba(132,157,194,.28);background:var(--surface);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.btn:hover{border-color:var(--accent)}
.btn-main{background:var(--grad);border:0;color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:0 30px}
.next-wrap{margin-top:36px;max-width:800px;margin-left:auto;margin-right:auto;text-align:left;width:100%}
.next-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px;text-align:center}
.next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.next-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid rgba(132,157,194,.16);border-radius:2px;overflow:hidden;transition:transform .18s,border-color .18s;color:inherit;text-decoration:none}
.next-card:hover{transform:translateY(-3px);border-color:var(--accent-2)}
.next-card img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#050914}
.next-info{padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.next-badge{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--accent-2)}
.next-name{font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Гейт 18+ */
#ag{display:none;position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.95);align-items:center;justify-content:center;padding:16px}
.ag-need #ag{display:flex}
#ag>div{max-width:440px;text-align:center;background:var(--surface);border-top:3px solid var(--accent);padding:26px 22px}
#ag h2{margin:0 0 10px}
#ag p{color:var(--muted);margin:0 0 20px}
#ag a{display:inline-block;margin-left:12px;color:var(--dim);font-size:13px}