#reader{box-sizing:border-box;width:min(1380px,98vw);max-width:98vw;height:min(940px,96dvh);max-height:96dvh;padding:20px;border:0;border-radius:24px;background:#fffaf1;color:#26354b;overflow:auto}#reader:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}#reader .reader-header{height:auto;min-height:60px;display:flex;gap:12px;justify-content:space-between;align-items:center;background:transparent;border:0;padding:0 0 16px}#reader .reader-header h3{font-size:clamp(18px,2vw,28px);line-height:1.35;margin:4px 0}#reader .reader-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}#reader .reader-header button{min-width:48px;min-height:48px;font-size:18px;border-radius:14px;padding:10px;background:#eee5fa;color:#4e3477}#reader #spread{display:block!important;min-height:0;padding:0;margin:0;background:transparent;box-shadow:none}#reader #spread .page{box-sizing:border-box;width:100%;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:clamp(20px,3vw,48px);align-items:center;background:#fff;border:1px solid #eadfee;border-radius:22px;padding:clamp(20px,3vw,40px)!important;box-shadow:none;overflow:visible;position:relative}#reader #spread .page>img{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain;border-radius:18px}#reader #spread .page>p{font-size:var(--sg-reading-size,28px)!important;line-height:1.8!important;color:#26354b;white-space:pre-line;margin:0;overflow-wrap:break-word;text-align:start;max-width:100%}#reader #spread .page.no-image{grid-template-columns:1fr;max-width:900px;margin:auto}#reader #spread .page.no-text{grid-template-columns:1fr}#reader #spread .page.pdf-page{display:block;overflow:auto}#reader #spread .page>canvas{display:block;margin:auto;height:auto;max-width:none;object-fit:contain}#reader .page-num{position:static;grid-column:1/-1;font-size:13px;text-align:center;color:#746382}#reader .reader-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:18px}#reader .reader-controls>div{display:grid;gap:8px;min-width:130px;text-align:center}#reader .reader-controls button{min-height:48px;min-width:100px;border-radius:14px;background:#7042cc;color:#fff;padding:12px 18px}#reader .reader-controls button:disabled{opacity:.4}#reader .reader-tip{display:block;line-height:1.6;text-align:center;margin:16px 0 0;font-size:13px}#reader input[type=range]{width:100%;min-height:36px;accent-color:#7042cc}#reader :focus-visible{outline:3px solid #7042cc;outline-offset:4px}@media(max-width:760px){#reader{padding:14px}#reader #spread .page{grid-template-columns:1fr;gap:22px;padding:20px!important}#reader #spread .page>img{max-height:42dvh}#reader .reader-header>div:first-child{min-width:0;flex:1}#reader .reader-header>div:last-child{max-width:168px}#reader .reader-controls{gap:8px}#reader .reader-controls button{min-width:0;font-size:14px;padding:10px 12px}#reader .reader-header small{font-size:10px}}