.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(20px,4vw,64px);border-bottom:1px solid var(--line)}.reader-header .brand{width:150px}.back-link{display:flex;align-items:center;gap:10px;font-size:14px;min-width:80px}.reader-contact{padding:10px 22px;background:var(--wine);font-size:14px;border-radius:6px}.reader-heading{text-align:center;padding:30px 20px 20px}.reader-heading h1{font-size:clamp(25px,3.1vw,40px);font-weight:500;letter-spacing:-.025em}.reader-heading p{color:var(--muted);font-size:14px;margin:10px 0 0}.reader-surface{padding:16px clamp(16px,3.5vw,64px) 22px;max-width:1640px;margin:auto}.book-stage{width:100%;margin:auto;min-height:120px;display:flex;justify-content:center;align-items:center;padding:12px 0 20px;overflow:hidden}.book{width:100%;position:relative;filter:drop-shadow(0 18px 16px rgba(0,0,0,.22))}.initial-cover{width:min(100%,1008px);margin:auto;height:auto}.magazine-page{background:#7a2038;overflow:hidden;position:relative}.magazine-page img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none}.magazine-page.--left::after{content:'';position:absolute;inset:0 0 0 auto;width:3%;background:linear-gradient(to left,rgba(0,0,0,.14),transparent);pointer-events:none}.magazine-page.--right::after{content:'';position:absolute;inset:0 auto 0 0;width:3%;background:linear-gradient(to right,rgba(0,0,0,.14),transparent);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-message{text-align:center;color:var(--muted);font-size:13px;margin:0 0 12px}.reader-message:empty{display:none}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0 0}.tool-button{width:44px;height:44px;display:grid;place-items:center;background:transparent;color:#fff;border:1px solid #3b3b40;border-radius:6px}.tool-button:hover:not(:disabled){background:#222225;border-color:#77777f}.tool-button .icon{width:20px;height:20px}.page-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.page-picker select{background:#1b1b1e;color:white;border:1px solid #3b3b40;border-radius:5px;padding:9px 8px;min-width:55px;font-size:14px;min-height:40px}.toolbar-divider{height:22px;border-left:1px solid #3b3b40;margin:0 3px}.reader-hint{color:var(--muted);font-size:12px;text-align:center;margin:18px 0 0}.reader-footer{text-align:center;color:#a3a3aa;font-size:12px;padding:18px;border-top:1px solid var(--line)}.reader-surface:fullscreen{background:var(--navy);max-width:none;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:center}.reader-surface:fullscreen .book-stage{flex:0 1 auto}.zoom-dialog{width:calc(100% - 32px);height:calc(100% - 32px);max-width:1800px;max-height:none;padding:0;border:1px solid #3b3b40;background:var(--navy);color:white;border-radius:8px;overflow:hidden}.zoom-dialog::backdrop{background:rgba(0,0,0,.85)}.zoom-dialog[open]{display:flex;flex-direction:column}.zoom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.zoom-bar h2{margin:0;font-size:17px;font-weight:500}.zoom-actions{display:flex;gap:12px;align-items:center;font-size:13px}.zoom-actions button{border:1px solid #3b3b40;background:#1b1b1e;color:#fff;min-width:40px;min-height:40px;border-radius:5px;padding:8px 12px}.zoom-scroll{overflow:auto;flex:1;overscroll-behavior:contain;padding:24px;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{max-width:none;width:100%;height:auto;margin:0 auto;object-fit:contain}.no-script{text-align:center;margin:24px}
@media(max-width:760px){.reader-header{padding:18px 16px;gap:10px}.reader-header .brand{width:120px}.back-link{min-width:56px;font-size:12px;gap:4px}.back-link .icon{width:17px}.reader-contact{padding:10px 15px;font-size:12px}.reader-heading{padding:30px 16px 18px}.reader-heading h1{font-size:28px}.reader-heading p{font-size:13px}.reader-surface{padding-inline:16px;padding-top:4px;min-height:calc(100svh - 242px);display:flex;flex-direction:column;justify-content:center}.book-stage{padding:8px 0 16px}.reader-toolbar{gap:8px;flex-wrap:wrap}.page-picker{gap:5px;font-size:12px}.tool-button{width:40px;height:40px}.toolbar-divider{margin:0 1px}.page-picker select{min-width:49px}.reader-hint{font-size:11px}.zoom-dialog{width:calc(100% - 16px);height:calc(100% - 16px)}.zoom-bar{padding:10px;gap:10px}.zoom-bar h2{font-size:14px}.zoom-actions{gap:5px}.zoom-actions button{padding:7px;min-width:36px}.zoom-scroll{padding:10px}}
@media(max-width:360px){.reader-heading h1{font-size:25px}.reader-toolbar{gap:6px}.page-picker{gap:4px}.toolbar-divider{display:none}.reader-surface{padding-inline:12px}.zoom-bar{flex-wrap:wrap}.zoom-actions{margin-left:auto}}
.zoom-heading{display:flex;align-items:center;gap:20px}@media(max-width:760px){.zoom-bar{flex-wrap:wrap}.zoom-heading{justify-content:space-between;flex:1}.zoom-actions{margin-left:auto}}