html{scroll-padding-top:0;overscroll-behavior-y:contain}
body{--muted:#64685d;overscroll-behavior-y:contain}
.footer,.top-progress{visibility:visible!important}
.caption-area{top:clamp(130px,30vh,290px)}
.story-skip{visibility:visible;transform:none}
.footer{height:65px;gap:15px}
.legend{bottom:84px}
.caption .action{background:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);padding:0 0 5px}
@media(max-width:1100px){.caption-area{top:auto;bottom:140px}}
@media(max-width:520px){.footer{padding:0 5%;height:62px}.legend{bottom:80px}.caption-area{bottom:122px}.caption{padding:17px 19px}.caption h2{font-size:27px}.caption p{font-size:16px;line-height:1.4}.caption .scroll-hint{margin-top:13px}.story-skip{font-size:11px;padding:7px 9px}.chapters{gap:3px}.chapters button{width:6px}.footer .step{min-width:32px}}
@media(max-height:600px){.caption-area{top:100px;bottom:auto}.caption p{font-size:14px}.caption h2{font-size:25px}.caption{padding:15px}.caption .scroll-hint{display:none}}

#chapter-select{display:none}
@media(max-width:650px){.footer .chapters{display:none}#chapter-select{display:block;min-width:0;flex:1;max-width:220px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);font:12px var(--sans);padding:9px 7px;min-height:36px}.footer{gap:10px}}