.reading-book{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:88vh;max-height:88dvh;overflow:auto;border:1px solid #b6a174;border-radius:14px;padding:20px;margin:auto;background:#f8f0df;color:#392e22;box-shadow:0 14px 60px #0007;font-family:inherit}
.reading-book::backdrop{background:#130d1d99}
.reading-book h2{font-size:21px;margin:0 0 8px}.reading-note{font-size:14px;line-height:1.6;margin:0 0 12px;color:#64543e}
.reading-chapters{display:flex;align-items:center;gap:8px;font-size:14px}.reading-chapter{flex:1;min-width:0;max-width:100%;padding:8px;font:inherit;border:1px solid #ad976d;border-radius:6px;background:#fffaf0;color:#392e22}
.reading-page{margin:14px 0 8px;padding:16px 20px;min-height:160px;background:#fffbf1;border-left:4px solid #d3bd8a;box-shadow:inset 10px 0 14px -14px #82643d;font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.reading-page h3{margin:0 0 12px;font-size:18px}.reading-page p{white-space:pre-wrap;margin:12px 0}.reading-answer{color:#285640;font-weight:600}
.reading-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.reading-progress{text-align:center;font-size:14px}
.reading-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.reading-book button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #a58b58;border-radius:8px;background:#fffaf0;color:#473824;cursor:pointer}.reading-book button:disabled{opacity:.4;cursor:default}.reading-book button:focus-visible,.reading-chapter:focus-visible{outline:3px solid #467b98;outline-offset:2px}
@media(max-width:520px){.reading-book{padding:12px}.reading-book h2{font-size:18px}.reading-page{padding:12px;font-size:16px}.reading-nav{gap:4px}.reading-nav button{padding:8px;font-size:13px;white-space:nowrap}.reading-progress{font-size:12px}.reading-controls button{flex:1 1 42%}}