.h3-flipbook{--h3-bg:#071f2c;--h3-panel:#0d3444;--h3-text:#fff;--h3-muted:#9fb7c0;width:100%;padding:28px 14px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#123b4b 0,var(--h3-bg) 58%,#04151f 100%);color:var(--h3-text);overflow:hidden}
.h3-flipbook *{box-sizing:border-box}
.h3-flipbook__stage{width:100%;min-height:660px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.h3-flipbook__book{margin:auto}
.h3-flipbook__status{text-align:center;padding:24px;color:var(--h3-muted);font:600 14px/1.4 Arial,sans-serif}
.h3-flipbook__toolbar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-family:Arial,sans-serif}
.h3-flipbook__toolbar button,.h3-flipbook__toolbar a{border:1px solid rgba(255,255,255,.2);background:var(--h3-panel);color:#fff;border-radius:999px;padding:10px 15px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.h3-flipbook__toolbar button:hover,.h3-flipbook__toolbar a:hover{filter:brightness(1.15)}
.h3-flipbook__toolbar [data-role="pagecount"]{min-width:84px;text-align:center;font-size:14px}
.h3-flipbook__tip{text-align:center;margin-top:10px;color:var(--h3-muted);font:400 12px/1.4 Arial,sans-serif}
.h3-flipbook__stage:fullscreen{background:var(--h3-bg);padding:20px;display:flex;align-items:center;justify-content:center}
.h3-flipbook canvas,.h3-flipbook img{max-width:none}
@media(max-width:720px){.h3-flipbook{padding:16px 6px}.h3-flipbook__stage{min-height:520px}.h3-flipbook__toolbar button,.h3-flipbook__toolbar a{padding:9px 12px}}