.zbp-bookshelf{--zbp-primary:#111827;--zbp-accent:#d4af37;--zbp-radius:22px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--zbp-primary)}.zbp-hero{background:linear-gradient(135deg,var(--zbp-primary),#30230c 62%,var(--zbp-accent));color:#fff;border-radius:calc(var(--zbp-radius) + 8px);padding:42px;margin:0 0 22px;box-shadow:0 24px 60px rgba(17,24,39,.16);position:relative;overflow:hidden}.zbp-hero:before{content:"";position:absolute;inset:auto -80px -100px auto;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.16)}.zbp-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:#f8e7a9}.zbp-hero h2{font-size:clamp(30px,5vw,52px);line-height:1;margin:10px 0;color:#fff}.zbp-hero p{font-size:17px;max-width:720px;color:#fff7df}.zbp-toolbar{display:grid;grid-template-columns:1fr 260px auto;gap:14px;align-items:end;background:#fff;border:1px solid #eee6d3;border-radius:var(--zbp-radius);padding:16px;margin:20px 0;box-shadow:0 12px 30px rgba(17,24,39,.06)}.zbp-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.zbp-toolbar input,.zbp-toolbar select{min-height:46px;border-radius:14px;border:1px solid #e5e7eb;padding:0 14px;font-size:14px}.zbp-toolbar button,.zbp-btn{min-height:46px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--zbp-primary),#2a220f);color:#fff!important;padding:0 18px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 12px 22px rgba(17,24,39,.16);transition:transform .18s ease,box-shadow .18s ease}.zbp-toolbar button:hover,.zbp-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(17,24,39,.2)}.zbp-btn-muted{background:#f3f4f6!important;color:#111827!important;box-shadow:none}.zbp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.zbp-card{background:#fff;border:1px solid #eee6d3;border-radius:var(--zbp-radius);box-shadow:0 16px 45px rgba(17,24,39,.08);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.zbp-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(17,24,39,.12)}.zbp-cover{height:260px;background:linear-gradient(135deg,#f8f4e8,#fff);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.zbp-cover img{width:100%;height:100%;object-fit:cover}.zbp-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:68px;background:radial-gradient(circle at top,#fff7da,#f3f4f6)}.zbp-badge{position:absolute;top:14px;left:14px;background:var(--zbp-accent);color:#111827;border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.12)}.zbp-card-body{padding:20px}.zbp-card h3{font-size:20px;line-height:1.25;margin:0 0 8px}.zbp-card h3 a{text-decoration:none;color:var(--zbp-primary)}.zbp-subtitle{color:#6b7280;margin:0 0 12px}.zbp-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.zbp-meta span{background:#f9fafb;border:1px solid #edf0f3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;color:#4b5563}.zbp-excerpt{color:#4b5563;line-height:1.6}.zbp-actions{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.zbp-link{font-weight:900;color:var(--zbp-primary);text-decoration:underline;text-decoration-color:var(--zbp-accent);text-underline-offset:4px}.zbp-pagination{display:flex;gap:8px;justify-content:center;margin:28px 0}.zbp-pagination a,.zbp-pagination span{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;border:1px solid #e5e7eb;text-decoration:none;color:var(--zbp-primary);font-weight:900}.zbp-pagination .current{background:var(--zbp-primary);color:#fff}.zbp-empty{background:#fff;border:1px dashed #e2d5b4;border-radius:var(--zbp-radius);padding:28px;text-align:center}.zbp-my-downloads{background:#fff;border:1px solid #eee6d3;border-radius:22px;padding:24px}.zbp-download-list{display:grid;gap:12px}.zbp-download-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #f0ede4;border-radius:18px;padding:14px}.zbp-download-row span{display:block;color:#6b7280;font-size:13px;margin-top:4px}.zbp-is-downloading{opacity:.76;pointer-events:none}@media(max-width:1100px){.zbp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.zbp-grid,.zbp-toolbar{grid-template-columns:1fr}.zbp-hero{padding:28px}.zbp-download-row{display:block}.zbp-download-row .zbp-btn{margin-top:12px;width:100%}.zbp-cover{height:220px}}

/* Online Reader */
.zbp-reader{margin:34px auto;padding:24px;border-radius:var(--zbp-radius,22px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(17,24,39,.09);box-shadow:0 24px 70px rgba(15,23,42,.10);overflow:hidden}
.zbp-reader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.zbp-reader-head h2{margin:4px 0 8px;color:var(--zbp-primary,#111827);font-size:clamp(24px,3vw,38px);line-height:1.08}
.zbp-reader-head p{margin:0;color:#64748b;max-width:740px}
.zbp-reader-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:220px}
.zbp-reader-frame{position:relative;min-height:360px;height:var(--zbp-reader-height,760px);border-radius:calc(var(--zbp-radius,22px) - 6px);overflow:hidden;background:#0f172a;border:1px solid rgba(15,23,42,.10)}
.zbp-reader-frame iframe,.zbp-reader-frame video{width:100%;height:100%;border:0;display:block;background:#111827}
.zbp-reader-frame img{display:block;max-width:100%;max-height:100%;margin:auto;object-fit:contain;background:#fff}
.zbp-reader-frame audio{width:min(720px,92%);display:block;margin:120px auto;background:#fff;border-radius:999px}
.zbp-text-reader{height:100%;margin:0;padding:28px;overflow:auto;white-space:pre-wrap;font-size:16px;line-height:1.75;color:#111827;background:#fff;font-family:Georgia,'Times New Roman',serif}
.zbp-reader-notice{margin-top:14px;padding:12px 14px;border-radius:14px;background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.zbp-reader-error,.zbp-reader-empty,.zbp-reader-lock{background:#fff;padding:24px;border:1px dashed rgba(15,23,42,.22);border-radius:var(--zbp-radius,22px);box-shadow:none}
.zbp-reader-lock strong,.zbp-reader-empty strong{display:block;font-size:20px;color:#111827;margin-bottom:8px}
.zbp-reader-lock p,.zbp-reader-empty p{color:#64748b;margin:0 0 16px}
@media(max-width:780px){.zbp-reader{padding:16px}.zbp-reader-head{display:block}.zbp-reader-actions{justify-content:flex-start;margin-top:14px}.zbp-reader-frame{height:560px}.zbp-text-reader{font-size:15px;padding:18px}}


/* ===== v1.2 Display Styles, Shadows, Music, Reader Effects ===== */
.zbp-bookshelf.zbp-shadow-soft{--zbp-card-shadow:0 10px 24px rgba(17,24,39,.08);--zbp-hero-shadow:0 18px 40px rgba(17,24,39,.10);--zbp-reader-shadow:0 18px 50px rgba(15,23,42,.10)}
.zbp-bookshelf.zbp-shadow-medium,.zbp-reader.zbp-shadow-medium{--zbp-card-shadow:0 16px 45px rgba(17,24,39,.10);--zbp-hero-shadow:0 24px 60px rgba(17,24,39,.16);--zbp-reader-shadow:0 24px 70px rgba(15,23,42,.12)}
.zbp-bookshelf.zbp-shadow-strong,.zbp-reader.zbp-shadow-strong{--zbp-card-shadow:0 24px 60px rgba(17,24,39,.14);--zbp-hero-shadow:0 30px 70px rgba(17,24,39,.20);--zbp-reader-shadow:0 28px 80px rgba(15,23,42,.17)}
.zbp-bookshelf.zbp-shadow-dramatic,.zbp-reader.zbp-shadow-dramatic{--zbp-card-shadow:0 34px 90px rgba(17,24,39,.20);--zbp-hero-shadow:0 36px 110px rgba(17,24,39,.24);--zbp-reader-shadow:0 38px 110px rgba(15,23,42,.22)}
.zbp-bookshelf .zbp-hero{box-shadow:var(--zbp-hero-shadow,0 24px 60px rgba(17,24,39,.16))}
.zbp-bookshelf .zbp-card{box-shadow:var(--zbp-card-shadow,0 16px 45px rgba(17,24,39,.08))}
.zbp-reader{box-shadow:var(--zbp-reader-shadow,0 24px 70px rgba(15,23,42,.10))}

/* 12 Bookshelf display styles */
.zbp-bookshelf.zbp-style-1 .zbp-card{background:linear-gradient(180deg,#fff,#fffaf0)}
.zbp-bookshelf.zbp-style-1 .zbp-badge{background:linear-gradient(135deg,#f7e4a0,var(--zbp-accent))}

.zbp-bookshelf.zbp-style-2 .zbp-hero{background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(59,39,7,.90),rgba(212,175,55,.76))}
.zbp-bookshelf.zbp-style-2 .zbp-card{background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.7)}
.zbp-bookshelf.zbp-style-2 .zbp-cover{background:linear-gradient(135deg,#f8fbff,#e6eefc)}

.zbp-bookshelf.zbp-style-3{color:#e5e7eb}
.zbp-bookshelf.zbp-style-3 .zbp-hero{background:linear-gradient(135deg,#0f172a,#020617 65%,#1d4ed8)}
.zbp-bookshelf.zbp-style-3 .zbp-toolbar,.zbp-bookshelf.zbp-style-3 .zbp-card,.zbp-bookshelf.zbp-style-3 .zbp-empty{background:#0f172a;color:#e5e7eb;border-color:#1f2937}
.zbp-bookshelf.zbp-style-3 .zbp-card h3 a,.zbp-bookshelf.zbp-style-3 .zbp-link,.zbp-bookshelf.zbp-style-3 .zbp-toolbar label{color:#f8fafc}
.zbp-bookshelf.zbp-style-3 .zbp-subtitle,.zbp-bookshelf.zbp-style-3 .zbp-excerpt,.zbp-bookshelf.zbp-style-3 .zbp-meta span{color:#cbd5e1}
.zbp-bookshelf.zbp-style-3 .zbp-meta span{background:#111827;border-color:#243041}
.zbp-bookshelf.zbp-style-3 .zbp-toolbar input,.zbp-bookshelf.zbp-style-3 .zbp-toolbar select{background:#111827;border-color:#374151;color:#f8fafc}

.zbp-bookshelf.zbp-style-4 .zbp-hero{background:linear-gradient(135deg,#fecdd3,#f5d0fe 52%,#bfdbfe);color:#111827}
.zbp-bookshelf.zbp-style-4 .zbp-eyebrow,.zbp-bookshelf.zbp-style-4 .zbp-hero p,.zbp-bookshelf.zbp-style-4 .zbp-hero h2{color:#111827}
.zbp-bookshelf.zbp-style-4 .zbp-card{background:#fff;border-color:#f5d5e5}
.zbp-bookshelf.zbp-style-4 .zbp-cover{background:linear-gradient(135deg,#fff1f2,#faf5ff)}
.zbp-bookshelf.zbp-style-4 .zbp-btn{background:linear-gradient(135deg,#111827,#6d28d9)}

.zbp-bookshelf.zbp-style-5 .zbp-hero{background:linear-gradient(135deg,#ffffff,#f8fafc 55%,#e2e8f0);color:#111827;border:1px solid #e5e7eb}
.zbp-bookshelf.zbp-style-5 .zbp-eyebrow,.zbp-bookshelf.zbp-style-5 .zbp-hero p,.zbp-bookshelf.zbp-style-5 .zbp-hero h2{color:#111827}
.zbp-bookshelf.zbp-style-5 .zbp-card{border-radius:14px}
.zbp-bookshelf.zbp-style-5 .zbp-cover{height:300px}
.zbp-bookshelf.zbp-style-5 .zbp-btn,.zbp-bookshelf.zbp-style-5 .zbp-toolbar button{border-radius:12px}

.zbp-bookshelf.zbp-style-6 .zbp-hero{background:linear-gradient(135deg,#3b2b0f,#7c5d15 56%,#f8e08d)}
.zbp-bookshelf.zbp-style-6 .zbp-card{background:linear-gradient(180deg,#fffdf7,#fff6db);border-color:#edd78c}
.zbp-bookshelf.zbp-style-6 .zbp-cover{background:radial-gradient(circle at top,#fffaf0,#f7e7b2)}
.zbp-bookshelf.zbp-style-6 .zbp-badge{background:#3b2b0f;color:#fff7da}

.zbp-bookshelf.zbp-style-7 .zbp-hero{background:linear-gradient(135deg,#020617,#111827 45%,#0ea5e9 75%,#22c55e)}
.zbp-bookshelf.zbp-style-7 .zbp-card{border-color:#a5f3fc}
.zbp-bookshelf.zbp-style-7 .zbp-cover{background:linear-gradient(135deg,#e0f2fe,#ecfeff)}
.zbp-bookshelf.zbp-style-7 .zbp-btn{background:linear-gradient(135deg,#111827,#0ea5e9)}
.zbp-bookshelf.zbp-style-7 .zbp-badge{background:#22c55e;color:#052e16}

.zbp-bookshelf.zbp-style-8 .zbp-hero{background:linear-gradient(135deg,#f5f1e7,#efe3c2 56%,#f6ead1);color:#3f2f16}
.zbp-bookshelf.zbp-style-8 .zbp-eyebrow,.zbp-bookshelf.zbp-style-8 .zbp-hero p,.zbp-bookshelf.zbp-style-8 .zbp-hero h2{color:#3f2f16}
.zbp-bookshelf.zbp-style-8 .zbp-card{background:#fffdf7;border-color:#eadfca;position:relative}
.zbp-bookshelf.zbp-style-8 .zbp-card:after{content:"";position:absolute;inset:12px 12px auto auto;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,#f3e8c8 50%);border-radius:0 14px 0 10px;opacity:.7}

.zbp-bookshelf.zbp-style-9 .zbp-hero{background:linear-gradient(135deg,#5b4636,#8b6b52 58%,#d7b899)}
.zbp-bookshelf.zbp-style-9 .zbp-card{background:#fffaf5;border-color:#dcc5ad}
.zbp-bookshelf.zbp-style-9 .zbp-cover{background:linear-gradient(135deg,#f9ede1,#f6e7d4)}
.zbp-bookshelf.zbp-style-9 .zbp-meta span{background:#f8efe6}

.zbp-bookshelf.zbp-style-10 .zbp-hero{background:linear-gradient(135deg,#ffffff,#f3f4f6 60%,#e5e7eb);color:#111827;border:1px solid #e5e7eb}
.zbp-bookshelf.zbp-style-10 .zbp-eyebrow,.zbp-bookshelf.zbp-style-10 .zbp-hero p,.zbp-bookshelf.zbp-style-10 .zbp-hero h2{color:#111827}
.zbp-bookshelf.zbp-style-10 .zbp-card{background:#fff;border:1px solid #edf0f3}
.zbp-bookshelf.zbp-style-10 .zbp-card:hover{transform:translateY(-5px) scale(1.01)}
.zbp-bookshelf.zbp-style-10 .zbp-badge{background:#111827;color:#fff}

.zbp-bookshelf.zbp-style-11 .zbp-card{overflow:visible;position:relative}
.zbp-bookshelf.zbp-style-11 .zbp-card:before{content:"";position:absolute;left:22px;top:-8px;width:64px;height:18px;background:linear-gradient(135deg,var(--zbp-accent),#facc15);border-radius:0 0 10px 10px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.zbp-bookshelf.zbp-style-11 .zbp-cover{border-radius:calc(var(--zbp-radius) - 2px) calc(var(--zbp-radius) - 2px) 22px 22px}
.zbp-bookshelf.zbp-style-11 .zbp-hero{background:linear-gradient(135deg,#111827,#4338ca 60%,#d4af37)}

.zbp-bookshelf.zbp-style-12 .zbp-hero{background:linear-gradient(135deg,#1f2937,#374151 55%,#f59e0b)}
.zbp-bookshelf.zbp-style-12 .zbp-grid{gap:26px}
.zbp-bookshelf.zbp-style-12 .zbp-card{background:linear-gradient(180deg,#fff,#fff);border:0;box-shadow:0 0 0 1px rgba(17,24,39,.05),var(--zbp-card-shadow,0 16px 45px rgba(17,24,39,.08))}
.zbp-bookshelf.zbp-style-12 .zbp-cover{height:320px;position:relative}
.zbp-bookshelf.zbp-style-12 .zbp-cover:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(17,24,39,.22))}

/* Reader music and open effects */
.zbp-reader{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.zbp-reader.zbp-reader-open{opacity:1;transform:none}
.zbp-reader-music{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(17,24,39,.08);border-radius:16px}
.zbp-reader-music-label strong{display:block;color:var(--zbp-primary,#111827)}
.zbp-reader-music-label span{display:block;color:#64748b;font-size:13px;margin-top:4px}
.zbp-reader-audio{width:min(420px,100%)}

.zbp-reader-effect-slide-up{transform:translateY(40px)}
.zbp-reader-effect-slide-left{transform:translateX(-40px)}
.zbp-reader-effect-slide-right{transform:translateX(40px)}
.zbp-reader-effect-zoom-fade{transform:scale(.96);opacity:0}
.zbp-reader-effect-flip{transform:perspective(1200px) rotateX(14deg);transform-origin:top center}
.zbp-reader.zbp-reader-open.zbp-reader-effect-slide-up,
.zbp-reader.zbp-reader-open.zbp-reader-effect-slide-left,
.zbp-reader.zbp-reader-open.zbp-reader-effect-slide-right,
.zbp-reader.zbp-reader-open.zbp-reader-effect-zoom-fade,
.zbp-reader.zbp-reader-open.zbp-reader-effect-flip{opacity:1;transform:none}

@media(max-width:780px){.zbp-reader-music{display:block}.zbp-reader-audio{width:100%;margin-top:12px}}

/* ===== v1.3 Classic Bookshelf features imported from uploaded plugin ===== */
.zbp-classic-shelf{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:relative;padding:18px 0 28px}
.zbp-shelf-description{text-align:center;margin:0 auto 18px;color:#111827}
.zbp-shelf-description h1,.zbp-shelf-description h2,.zbp-shelf-description h3{margin:.2em 0;color:#111827;font-weight:900}
.zbp-shelf-scroll{overflow-x:auto;overflow-y:hidden;padding:12px 10px 36px;scrollbar-width:thin}
.zbp-shelf-row{display:flex;align-items:flex-end;min-height:260px;position:relative;z-index:2;padding:0 20px}
.zbp-shelf-item{position:relative;flex:0 0 auto;text-align:center;transition:transform .25s ease}
.zbp-shelf-item:hover{transform:translateY(-8px)}
.zbp-shelf-click{display:block;text-decoration:none;color:inherit;cursor:pointer}
.zbp-shelf-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(135deg,#f8fafc,#e5e7eb);overflow:hidden;transition:opacity .22s ease,transform .22s ease;transform-origin:center bottom}
.zbp-shelf-cover img{width:100%;height:100%;object-fit:cover;display:block}
.zbp-shelf-cover:hover{transform:perspective(800px) rotateY(-4deg) scale(1.02)}
.zbp-shelf-placeholder span{font-size:44px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.zbp-shelf-shortcode-cover img{max-width:100%;height:auto}
.zbp-shelf-title{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 6px;border-radius:0 0 8px 8px;line-height:1.2;transform:translateY(12px);opacity:0;transition:opacity .22s ease,transform .22s ease;pointer-events:none;font-weight:800}
.zbp-shelf-title span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.zbp-shelf-item:hover .zbp-shelf-title{opacity:1!important;transform:none!important}
.zbp-shelf-board{height:26px;border-radius:10px 10px 18px 18px;margin:-22px 0 0;position:relative;box-shadow:0 12px 25px rgba(17,24,39,.22);z-index:1}
.zbp-shelf-board:before{content:"";position:absolute;left:3%;right:3%;top:-10px;height:18px;border-radius:10px 10px 0 0;background:rgba(255,255,255,.18)}
.zbp-shelf-board:after{content:"";position:absolute;left:6%;right:6%;bottom:-10px;height:12px;border-radius:0 0 999px 999px;background:rgba(17,24,39,.25);filter:blur(5px)}
.zbp-shelf-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(2,6,23,.82)}
.zbp-shelf-modal[hidden]{display:none!important}
.zbp-shelf-modal-panel{position:relative;width:min(900px,94vw);max-height:88vh;overflow:auto;border-radius:24px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35);padding:26px;animation:zbpShelfZoom .24s ease both}
.zbp-shelf-modal-close{position:absolute;right:14px;top:12px;border:0;background:#111827;color:#fff;border-radius:999px;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.zbp-shelf-modal-title{margin:0 42px 18px 0;font-size:24px;line-height:1.2;color:#111827}
.zbp-shelf-modal-text{color:#374151;font-size:16px;line-height:1.7}
.zbp-shelf-modal-embed{position:relative;width:100%;padding-top:56.25%;background:#020617;border-radius:18px;overflow:hidden}
.zbp-shelf-modal-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.zbp-shelf-modal-image{display:block;max-width:100%;max-height:74vh;margin:0 auto;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.zbp-shelf-flipbook-wrap{min-height:300px}
@keyframes zbpShelfZoom{from{opacity:0;transform:scale(.96) translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:700px){.zbp-shelf-row{min-height:220px;padding:0 10px}.zbp-shelf-modal{padding:14px}.zbp-shelf-modal-panel{padding:20px;border-radius:18px}.zbp-shelf-modal-title{font-size:20px}}

/* ===== Zorarte Realistic Flipbook PDF Viewer Pro+ ===== */
.zbp-fb{--zbp-fb-bg:#f8fafc;--zbp-fb-panel:#fff;--zbp-fb-text:#111827;--zbp-fb-muted:#64748b;--zbp-fb-accent:#d4af37;margin:34px auto;border-radius:24px;background:var(--zbp-fb-bg);box-shadow:0 28px 90px rgba(15,23,42,.16);overflow:hidden;border:1px solid rgba(15,23,42,.08)}
.zbp-fb-theme-dark{--zbp-fb-bg:#020617;--zbp-fb-panel:#0f172a;--zbp-fb-text:#f8fafc;--zbp-fb-muted:#cbd5e1;--zbp-fb-accent:#38bdf8}.zbp-fb-theme-gold{--zbp-fb-bg:#3f2d0d;--zbp-fb-panel:#fff8df;--zbp-fb-text:#2f2109;--zbp-fb-muted:#72551a;--zbp-fb-accent:#d4af37}
.zbp-fb-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(135deg,var(--zbp-fb-panel),rgba(255,255,255,.72));border-bottom:1px solid rgba(100,116,139,.2)}.zbp-fb-theme-dark .zbp-fb-top{background:linear-gradient(135deg,#0f172a,#111827)}.zbp-fb-top h2{margin:0;color:var(--zbp-fb-text);font-size:clamp(20px,2.4vw,30px)}.zbp-fb-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zbp-fb-tool,.zbp-fb-open,.zbp-fb-small{border:0;background:var(--zbp-fb-text);color:var(--zbp-fb-panel);border-radius:999px;padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:38px;font-weight:700;transition:.2s ease}.zbp-fb-tool:hover,.zbp-fb-open:hover,.zbp-fb-small:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.18);color:var(--zbp-fb-panel)}.zbp-fb-open{background:#111827;color:#fff;margin:12px 0;padding:12px 18px}.zbp-fb-body{display:grid;grid-template-columns:auto 1fr;min-height:var(--zbp-fb-height)}.zbp-fb-side{width:180px;background:var(--zbp-fb-panel);border-right:1px solid rgba(100,116,139,.22);overflow:auto;max-height:var(--zbp-fb-height);padding:12px}.zbp-fb-thumb{width:100%;border:2px solid transparent;border-radius:10px;margin-bottom:10px;padding:4px;background:rgba(148,163,184,.12);cursor:pointer}.zbp-fb-thumb.is-active{border-color:var(--zbp-fb-accent)}.zbp-fb-thumb img{width:100%;display:block;border-radius:7px}.zbp-fb-outline-item{display:block;color:var(--zbp-fb-text);text-decoration:none;padding:10px;border-radius:10px;margin-bottom:6px;background:rgba(148,163,184,.12);font-weight:600}.zbp-fb-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--zbp-fb-height);padding:26px;background:radial-gradient(circle at center,rgba(255,255,255,.7),rgba(148,163,184,.2));perspective:1800px}.zbp-fb-theme-dark .zbp-fb-stage{background:radial-gradient(circle at center,#1e293b,#020617)}.zbp-fb-book{display:grid;grid-template-columns:1fr 1fr;width:min(100%,760px);height:calc(var(--zbp-fb-height) - 80px);transform-style:preserve-3d;transition:transform .35s ease}.zbp-fb-mode-3d .zbp-fb-book{transform:rotateX(5deg) rotateY(-5deg);filter:drop-shadow(0 30px 35px rgba(15,23,42,.28))}.zbp-fb-page{position:relative;background:#fff;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 38px rgba(15,23,42,.08),0 18px 34px rgba(15,23,42,.16);display:flex;align-items:center;justify-content:center;transition:transform .35s ease}.zbp-fb-mode-3d .zbp-fb-page-left{transform-origin:right center;transform:rotateY(5deg)}.zbp-fb-mode-3d .zbp-fb-page-right{transform-origin:left center;transform:rotateY(-5deg)}.zbp-fb-page img{width:100%;height:100%;object-fit:contain;background:#fff}.zbp-fb-page:empty:before{content:"No page";color:#64748b}.zbp-fb-mode-swipe .zbp-fb-book,.zbp-fb-mode-single .zbp-fb-book{grid-template-columns:1fr;max-width:560px}.zbp-fb-mode-swipe .zbp-fb-page-right,.zbp-fb-mode-single .zbp-fb-page-right{display:none}.zbp-fb-pdf{width:100%;height:calc(var(--zbp-fb-height) - 40px);border:0;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.2)}.zbp-fb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:0;width:48px;height:48px;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:34px;line-height:1;cursor:pointer}.zbp-fb-prev{left:18px}.zbp-fb-next{right:18px}.zbp-fb-bottom{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 18px;background:var(--zbp-fb-panel);color:var(--zbp-fb-text);border-top:1px solid rgba(100,116,139,.2)}.zbp-fb-status{font-weight:700;color:var(--zbp-fb-text)}.zbp-fb-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:4;background:var(--zbp-fb-accent);color:#111827;padding:6px 10px;border-radius:999px;text-decoration:none;font-weight:800;font-size:12px;box-shadow:0 10px 20px rgba(0,0,0,.2)}.zbp-fb.is-zoomed .zbp-fb-book{transform:scale(1.18)}.zbp-fb-mode-3d.is-zoomed .zbp-fb-book{transform:scale(1.18) rotateX(5deg) rotateY(-5deg)}.zbp-fb-modal{position:fixed;inset:0;background:rgba(2,6,23,.82);z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}.zbp-fb-modal.is-open{display:flex}.zbp-fb-modal-panel{width:min(1200px,96vw);max-height:96vh;overflow:auto;position:relative}.zbp-fb-modal-close{position:absolute;right:12px;top:12px;z-index:20;border:0;background:#fff;color:#111827;border-radius:999px;width:38px;height:38px;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.24)}.zbp-fb-modal .zbp-fb{margin:0 auto}@media(max-width:860px){.zbp-fb-top{display:block}.zbp-fb-toolbar{justify-content:flex-start;margin-top:12px}.zbp-fb-body{display:block}.zbp-fb-side{width:auto;max-height:220px;border-right:0;border-bottom:1px solid rgba(100,116,139,.22)}.zbp-fb-book{grid-template-columns:1fr;max-width:520px}.zbp-fb-page-right{display:none}.zbp-fb-stage{padding:18px}.zbp-fb-nav{width:40px;height:40px;font-size:28px}.zbp-fb-prev{left:8px}.zbp-fb-next{right:8px}}