.reader-shell{position:relative;background:var(--reader-bg,#17221d);border-radius:14px;padding:18px;box-shadow:0 20px 55px #101c1526}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:9px;padding:2px 0 15px;color:#fff}.reader-toolbar button,.reader-toolbar>a,.reader-share button{display:inline-grid;place-items:center;min-width:36px;height:34px;padding:0 10px;border:1px solid #ffffff35;border-radius:6px;background:#ffffff17;color:#fff;font:inherit;cursor:pointer}.reader-toolbar button:hover,.reader-toolbar>a:hover{background:#ffffff30}.reader-toolbar>a{text-decoration:none}.reader-logo{max-width:100px;max-height:34px;object-fit:contain;margin-right:10px}.reader-stage{min-height:440px;display:grid;place-items:center;position:relative;overflow:hidden}.reader-stage .flipbook{margin:auto}.reader-stage .page{background:#fff;overflow:hidden}.reader-stage .page canvas{width:100%;height:100%;object-fit:contain}.reader-status{color:#e9efe9;text-align:center;padding:28px}.reader-status.error{color:#ffc2b4}.reader-stage [data-page-image]{max-height:75vh;max-width:100%;object-fit:contain;box-shadow:0 12px 35px #0006}.reader-interactions{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:8px;justify-content:center;align-items:end;pointer-events:none}.reader-interaction{pointer-events:auto;background:#fff;color:#18221d;padding:8px 10px;border-radius:7px;max-width:280px;box-shadow:0 3px 12px #0004;font-size:12px}.reader-interaction strong{display:block}.reader-interaction audio,.reader-interaction video{max-width:240px;max-height:110px}.reader-interaction img{max-width:130px;max-height:90px}.reader-interaction iframe{width:230px;height:120px;border:0}.reader-share{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px;color:#fff;flex-wrap:wrap}.reader-share a{color:#fff}.reader-share img{background:white;padding:3px;border-radius:4px}.reader-shell.is-zoomed .reader-stage{overflow:auto}.reader-shell.is-zoomed .flipbook,.reader-shell.is-zoomed [data-page-image]{transform:scale(1.35);transform-origin:center}.reader-note{font-size:12px;color:#707b73;text-align:center;margin:14px 0 45px}@media(max-width:700px){.reader-shell{padding:10px 4px}.reader-stage{min-height:340px}.reader-toolbar{gap:5px}.reader-toolbar button,.reader-toolbar>a{min-width:32px}.reader-logo{max-width:64px}.reader-interaction{padding:5px}.reader-interaction audio,.reader-interaction video{max-width:175px}}

.reader-toc{position:absolute;z-index:5;left:12px;top:12px;max-height:85%;overflow:auto;padding:10px;background:#fff;border-radius:7px;box-shadow:0 5px 20px #0004}.reader-toc button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px;cursor:pointer;color:#173b2b}.reader-toc button:hover{background:#edf5ef}.reader-shell[data-edges='1'] .reader-stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:12px;pointer-events:none;background:linear-gradient(#0000,#0002)}.reader-shell audio[data-background-audio]{display:none}

.reader-toolbar button,.reader-toolbar>a{color:var(--reader-control-color,#fff)}.reader-logo.position-right{margin-left:auto;margin-right:0}.reader-shell[data-control-position='bottom']{display:flex;flex-direction:column}.reader-shell[data-control-position='bottom'] .reader-toolbar{order:2;padding:15px 0 2px}.reader-shell[data-control-position='bottom'] .reader-stage{order:1}

.reader-lead-gate{position:absolute;z-index:8;inset:12% 10%;display:grid;place-items:center;background:#0007;border-radius:8px;padding:18px}.reader-lead-gate[hidden]{display:none}.reader-lead-gate form{width:min(480px,96%);max-height:100%;overflow:auto;background:#fff;color:#193127;padding:24px;border-radius:9px;box-shadow:0 8px 35px #0005}.reader-lead-gate h2{margin:0 0 15px}.reader-lead-gate label{display:block;margin:10px 0}.reader-lead-gate input:not([type=checkbox]),.reader-lead-gate textarea{display:block;box-sizing:border-box;width:100%;padding:9px;border:1px solid #d8e0dc;border-radius:4px;margin-top:4px}.reader-lead-gate button{border:0;border-radius:5px;background:#13a877;color:#fff;padding:10px 15px;margin:8px 8px 0 0;cursor:pointer}.reader-lead-gate .reader-lead-privacy{font-size:12px}.reader-lead-gate .reader-lead-privacy input{display:inline}