.velnio-reader{box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto;padding:48px 24px 80px}
.velnio-reader-context{margin-bottom:32px}.velnio-reader-context p{margin:0 0 8px;opacity:.7}.velnio-reader-context h1{font:inherit;font-size:28px;font-weight:650;line-height:1.3;margin:0}
.velnio-gate,.velnio-gate *{box-sizing:border-box}
.velnio-gate{--vg-bg:#202020;--vg-line:#424242;--vg-text:#f5f5f5;--vg-muted:#bcbcbc;--vg-accent:#366ad3;background:var(--vg-bg);border:1px solid var(--vg-line);border-radius:8px;color:var(--vg-text);max-width:660px;margin:40px auto;padding:30px 36px;font:inherit;font-size:17px;line-height:1.65;text-align:left;overflow-wrap:anywhere}
.velnio-gate .velnio-gate-topline{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid var(--vg-line);padding-bottom:18px;margin-bottom:26px}
.velnio-gate .velnio-gate-kicker{color:var(--vg-muted);font:inherit;font-size:13px;margin:0}
.velnio-gate .velnio-chapter-label{color:var(--vg-text);font-size:14px;font-weight:600}
.velnio-gate .velnio-gate-heading{margin:0 0 26px}
.velnio-gate .velnio-gate-heading h2{color:var(--vg-text);font:inherit;font-size:28px;font-weight:650;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}
.velnio-gate .velnio-gate-description{color:var(--vg-muted);font-size:16px;line-height:1.75;margin:0;max-width:56ch}
.velnio-gate form{margin:0}
.velnio-gate .velnio-continue{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:56px;padding:14px 20px;background:var(--vg-accent);color:#fff;border:1px solid var(--vg-accent);border-radius:4px;font:inherit;font-size:16px;font-weight:650;line-height:1.5;cursor:pointer;transition:background .15s}
.velnio-gate .velnio-continue:hover{background:#2d5dbf;border-color:#2d5dbf}.velnio-gate .velnio-continue svg{flex-shrink:0}.velnio-gate .velnio-continue:disabled{cursor:default;opacity:.8}
.velnio-gate .velnio-continue:focus-visible,.velnio-gate .velnio-comic:focus-visible{outline:3px solid #a4c3ff;outline-offset:4px}
.velnio-gate .velnio-return-hint{font-size:13px;line-height:1.6;color:var(--vg-muted);margin:12px 0 0}
.velnio-gate .velnio-gate-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 24px;border-top:1px solid var(--vg-line);padding-top:18px;margin-top:26px}
.velnio-gate .velnio-save-note{color:var(--vg-muted);font-size:12px;margin:0}
.velnio-gate .velnio-comic{display:inline-flex;align-items:center;min-height:44px;color:var(--vg-text);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.velnio-ad-badge{display:inline-flex;align-items:center;vertical-align:middle;gap:5px;margin-inline-start:10px;border:1px solid #737373;border-radius:3px;padding:2px 7px;color:#eee;background:#303030;font-family:inherit;font-size:11px;font-weight:500;line-height:1.6;white-space:nowrap;text-decoration:none}
.velnio-ad-badge::before{content:'';width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-inline-start:4px solid currentColor;opacity:.75}
.velnio-ad-chapter:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:560px){.velnio-reader{padding:28px 16px 48px}.velnio-gate{padding:24px 22px;margin:26px auto}.velnio-gate .velnio-gate-heading h2{font-size:26px}.velnio-gate .velnio-gate-topline{gap:4px 16px}.velnio-gate .velnio-gate-footer{align-items:flex-start;flex-direction:column}.velnio-ad-badge{margin-inline-start:6px;padding:1px 5px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.velnio-gate *{transition:none!important}}

.chapter-item .velnio-ad-badge,.latest-chap .velnio-ad-badge,.latest-chapters .velnio-ad-badge,.list-chapter .velnio-ad-badge{font-size:10px;padding:1px 5px;margin-inline-start:6px}
.velnio-chapter-with-ad{box-sizing:border-box;display:inline-flex!important;align-items:center;flex-wrap:wrap;gap:4px 6px;max-width:100%!important;min-width:0;vertical-align:middle;margin:0!important}
.velnio-chapter-with-ad>.velnio-ad-pill{box-sizing:border-box;display:inline-block!important;flex:0 1 auto;width:auto!important;max-width:100%!important;min-width:0;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;margin:0!important}
.velnio-chapter-with-ad a.velnio-ad-chapter{box-sizing:border-box;display:inline-block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere;-webkit-line-clamp:unset!important;line-clamp:unset!important;margin:0!important}
.velnio-chapter-with-ad>.velnio-ad-badge{box-sizing:border-box;display:inline-flex!important;flex:0 0 auto;max-width:100%;margin:0!important}
.chapter-item.velnio-ad-row{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px;height:auto!important;max-height:none!important;overflow:visible!important}
.chapter-item.velnio-ad-row>.post-on{max-width:100%;margin-inline-start:auto!important;margin-inline-end:0!important}

/* MangaReader: a chapter keeps its number, ad label and date in separate cells. */
.velnio-mr-link,.velnio-mr-chapters .eph-num>a{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:56px;width:100%;max-width:100%;padding:9px 10px!important;overflow:visible!important;white-space:normal!important;text-decoration:none;border-radius:6px;background:#292c32;color:#dbe7ff}
.velnio-mr-link:hover,.velnio-mr-chapters .eph-num>a:hover{background:#343943!important}
.velnio-mr-link:focus-visible,.velnio-mr-chapters .eph-num>a:focus-visible{outline:2px solid #a6c1ff;outline-offset:2px}
.velnio-mr-title,.velnio-mr-chapters .chapternum{box-sizing:border-box;grid-column:1;grid-row:1;float:none!important;min-width:0px;font-size:12px!important;font-weight:600!important;line-height:1.4;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;text-overflow:clip!important;color:#dbe7ff!important}
.velnio-mr-date,.velnio-mr-chapters .chapterdate{display:block!important;grid-column:1 / -1;grid-row:2;float:none!important;margin:0!important;min-width:0;font-family:inherit;font-size:11px!important;line-height:1.4;font-weight:400;white-space:normal!important;color:#b2bac8!important}
.velnio-mr-link>.velnio-ad-badge{display:inline-flex!important;grid-column:2;grid-row:1;align-self:center;float:none!important;margin:0!important;padding:1px 0!important;border:0!important;border-radius:0;background:transparent!important;color:#c9d8f5!important;font-size:10px!important;font-weight:500;line-height:1.5;white-space:nowrap}
ul.velnio-mr-chapters{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px!important;width:100%;max-width:100%;margin:0!important;padding:2px!important;list-style:none}
ul.velnio-mr-chapters>li{box-sizing:border-box;float:none!important;width:auto!important;min-width:0;margin:0!important}
ul.velnio-mr-chapters>li>.chbox{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:56px;margin:0!important;padding:0!important;border:0!important;border-radius:6px;background:#292c32;overflow:visible!important}
.velnio-mr-chapters .eph-num{float:none!important;flex:1 1 auto;width:auto!important;min-width:0;max-width:100%}
.velnio-mr-chapters .dt{flex:0 0 auto;margin:0 6px 0 0!important}
.velnio-mr-chapters .dt a{display:grid;place-items:center;min-width:44px;min-height:44px}
.bs.stylefiv.velnio-mr-card .bigor{height:auto!important;min-height:0}
.chfiv li.velnio-mr-row{white-space:normal!important;overflow:visible!important;background:transparent!important}
.luf li.velnio-ad-row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:3px 8px;height:auto!important;overflow:visible!important}
.luf li.velnio-ad-row>.velnio-chapter-with-ad{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;float:none!important}
.luf li.velnio-ad-row .velnio-chapter-with-ad a.velnio-ad-chapter{float:none!important;min-height:32px;display:flex!important;align-items:center}
.luf li.velnio-ad-row .velnio-ad-badge{float:none!important;margin:0!important;border:0!important;background:transparent;color:#c9d8f5;font-size:10px!important}
.luf li.velnio-ad-row>span:not(.velnio-chapter-with-ad){display:block!important;float:none!important;margin:0!important;color:#b2bac8!important;font-size:11px}
@media(max-width:480px){ul.velnio-mr-chapters{grid-template-columns:minmax(0,1fr)}.velnio-mr-link,.velnio-mr-chapters .eph-num>a{gap:4px 8px}}
