.dfb-root{position:relative;overflow:hidden;color:var(--dfb-txt);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;--dfb-txt:#e8edf2;--dfb-btn:#2b333d;--dfb-btnb:#3a434f;-webkit-user-select:none;user-select:none;}
.dfb-root *{box-sizing:border-box;}
.dfb-stage{position:absolute;inset:0;overflow:hidden;}
.dfb-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center center;}
.dfb-zoomcatch{position:absolute;inset:0;z-index:20;pointer-events:none;touch-action:none;cursor:grab;}
.dfb-zoomcatch.on{pointer-events:auto;}
.dfb-zoomcatch.drag{cursor:grabbing;}
[data-flipbook-open]{cursor:pointer;}
.dfb-fit{position:relative;z-index:1;}
.dfb-book{width:100%;height:100%;filter:drop-shadow(0 9px 15px rgba(0,0,0,.42));}
.dfb-book .dfb-page{background:#fff;}
.dfb-book .dfb-page img{width:100%;height:100%;display:block;object-fit:fill;-webkit-user-drag:none;}
.dfb-book .stf__item.--left::after{content:'';position:absolute;top:0;right:0;width:34px;height:100%;pointer-events:none;z-index:3;background:linear-gradient(to left,rgba(0,0,0,.16),rgba(0,0,0,0));}
.dfb-root .stf__item.--left img{width:calc(100% + 1px);}
.dfb-root .stf__item.--right img{width:calc(100% + 1px);margin-left:-1px;}
.dfb-book .stf__hardShadow,.dfb-book .stf__hardInnerShadow,.dfb-mhost .stf__hardShadow,.dfb-mhost .stf__hardInnerShadow{display:none!important;}
.dfb-book .stf__item.--right::after{content:'';position:absolute;top:0;left:0;width:34px;height:100%;pointer-events:none;z-index:3;background:linear-gradient(to right,rgba(0,0,0,.16),rgba(0,0,0,0));}
.dfb-mobile{display:none;position:absolute;inset:0;overflow:hidden;}
.dfb-root.is-mobile .dfb-mobile{display:block;}
.dfb-root.is-mobile .dfb-fit{display:none;}
.dfb-mscroll{position:absolute;top:50%;left:0;will-change:transform;}
.dfb-mhost{position:relative;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));}
.dfb-mhost .dfb-page{background:#fff;}
.dfb-mhost .dfb-page img{width:100%;height:100%;display:block;object-fit:fill;-webkit-user-drag:none;}
.dfb-root.is-mobile .stf__parent{touch-action:pan-y pinch-zoom!important;}
.dfb-counter{position:absolute;top:12px;left:12px;z-index:25;background:rgba(10,13,17,.42);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.65);}
.dfb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:25;width:44px!important;height:44px!important;border:none!important;background:rgba(0,0,0,.3)!important;border-radius:10px!important;color:rgba(255,255,255,.92)!important;font-size:28px!important;font-weight:700!important;line-height:1!important;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0!important;text-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:none!important;}
.dfb-nav:hover{color:#fff!important;background:rgba(0,0,0,.45)!important;}
.dfb-nav.left{left:6px;}
.dfb-nav.right{right:6px;}
.dfb-root.is-mobile .dfb-nav{width:34px!important;height:34px!important;font-size:22px!important;border-radius:8px!important;}
.dfb-controls{position:absolute;left:0;right:0;bottom:0;z-index:30;pointer-events:none;display:flex;gap:8px;justify-content:center;align-items:center;padding:12px;flex-wrap:wrap;}
.dfb-root button,.dfb-root a.dfb-ctl{background:var(--dfb-btn);color:var(--dfb-txt);border:1px solid var(--dfb-btnb);padding:9px 14px;border-radius:8px;font-size:14px;cursor:pointer;line-height:1;display:inline-block;text-decoration:none;}
.dfb-root button:hover,.dfb-root a.dfb-ctl:hover{background:#343d49;}
.dfb-root button.primary{background:var(--dfb-accent);border-color:var(--dfb-accent);color:#fff;}
.dfb-controls button,.dfb-controls a.dfb-ctl{pointer-events:auto;background:rgba(18,22,28,.3)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:0 2px 10px rgba(0,0,0,.28);}
.dfb-controls button:hover,.dfb-controls a.dfb-ctl:hover{background:rgba(18,22,28,.48)!important;}
.dfb-controls button.primary{background:var(--dfb-accent)!important;border-color:var(--dfb-accent)!important;color:#fff!important;}
.dfb-ic{display:none;}
.dfb-ic svg{width:20px;height:20px;display:block;}
.dfb-root.is-mobile .dfb-controls .dfb-ic{display:inline-flex;vertical-align:middle;}
.dfb-root.is-mobile .dfb-controls .dfb-tx{display:none;}
.dfb-root.is-mobile .dfb-controls button,.dfb-root.is-mobile .dfb-controls a.dfb-ctl{padding:9px!important;}
.dfb-thumbs{position:absolute;left:0;right:0;bottom:54px;z-index:28;display:none;gap:6px;padding:8px 10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:rgba(10,13,17,.74);}
.dfb-thumbs.open{display:flex;}
.dfb-thumb{flex:0 0 auto;height:78px;padding:0;border:2px solid transparent;border-radius:3px;background:none;cursor:pointer;line-height:0;}
.dfb-thumb img{height:100%;width:auto;display:block;border-radius:2px;background:#fff;}
.dfb-thumb.current{border-color:var(--dfb-accent);}
.dfb-root.is-mobile .dfb-thumbs{bottom:48px;}
.dfb-root.is-mobile .dfb-thumb{height:64px;}
.dfb-close{position:absolute;top:12px;right:12px;z-index:40;width:40px;height:40px;padding:0;font-size:22px;}
.dfb-root.dfb-page{position:fixed;inset:0;}
.dfb-root.dfb-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;margin:0!important;border-radius:0!important;background:var(--dfb-lb,rgba(11,13,17,.92))!important;}
html.dfb-lock,body.dfb-lock{overflow:hidden!important;}