/* The reader owns one viewport. Only the middle row scrolls. */
html:has(body.reading){height:100%;overflow:hidden;overscroll-behavior:none}
body.reading{position:fixed;inset:0;margin:0!important;box-sizing:border-box;width:100%;height:100vh;height:100dvh;min-height:0!important;overflow:hidden!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:stretch;overscroll-behavior:none}
body.reading>.story-brand{grid-row:1;grid-column:1;position:relative;z-index:35;justify-self:center;width:100%;margin:0;max-width:760px;min-height:62px;padding:calc(12px + env(safe-area-inset-top,0px)) max(15px,env(safe-area-inset-right,0px)) 12px max(15px,env(safe-area-inset-left,0px))}
body.reading>main{grid-row:2;grid-column:1;box-sizing:border-box;justify-self:center;width:100%;max-width:760px;min-height:0!important;height:auto!important;margin:0!important;padding:12px max(14px,env(safe-area-inset-right,0px)) 28px max(14px,env(safe-area-inset-left,0px))!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow-anchor:none;scroll-padding:12px 0 28px;scroll-behavior:auto}
body.reading>.story-dock{grid-row:3;grid-column:1;position:relative!important;inset:auto!important;transform:none!important;justify-self:center;margin:0;width:100%;max-width:760px;height:calc(91px + env(safe-area-inset-bottom,0px));min-height:0;padding:6px max(10px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));z-index:36}
.reading .novel{min-height:0!important}.reading .novel-top{display:none!important}.reading .novel-actions{position:static!important;padding-bottom:0!important}.reading .novel .novel-stage{height:var(--reader-art-height,230px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;width:100%;flex-shrink:0}
.reading .novel .novel-stage .novel-artwork{position:relative;inset:auto;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
.reading .novel.decision-ready .novel-stage,.reading .novel.reply-ready .novel-stage{height:130px!important}
.reading .novel .novel-stage[data-shot=h2],.reading .novel .novel-stage[data-shot=a2]{height:260px!important;max-width:460px;align-self:center}
.reading #reader .scene-cover{height:var(--reader-art-height,230px);min-height:0;aspect-ratio:auto;overflow:hidden}.reading #reader .scene-cover img{width:100%;height:100%;max-height:none;object-fit:contain}
.reading .story-brand-save{top:calc(72px + env(safe-area-inset-top,0px))}.reading .novel-option,.reading #choices button{scroll-margin:16px 0 28px}.reading main footer{display:none}
.reader-loading{padding:12px 0 22px;color:#15332a}.reader-loading[hidden]{display:none!important}.reader-loading-art{height:var(--reader-art-height,230px);min-height:150px;border-radius:16px;background:linear-gradient(110deg,#e3ebdf 30%,#f6f8f0 45%,#e3ebdf 60%);background-size:220% 100%;animation:reader-shimmer 1.4s ease-in-out infinite;margin-bottom:22px}.reader-loading strong{font-size:20px;color:#07583e}.reader-loading p{font-size:15px;color:#53675f}.reader-loading-lines{display:grid;gap:10px;margin-top:24px}.reader-loading-lines i{height:12px;border-radius:6px;background:#e1e8dd}.reader-loading-lines i:last-child{width:65%}
.novel[data-loading=true]>.novel-stage,.novel[data-loading=true]>.novel-speech,.novel[data-loading=true]>.novel-actions,.novel[data-loading=true]>.novel-status,#reader[data-loading=true]>:not(.reader-loading){display:none!important}
@keyframes reader-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.reader-loading-art{animation:none}}
@media(max-height:450px) and (orientation:landscape){body.reading>.story-brand{padding-top:max(6px,env(safe-area-inset-top,0px));padding-bottom:6px;min-height:48px}.reading .novel .novel-stage{height:150px!important}}