body.bb-website-theme #app>section#bbWebsiteReader{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#fffdf9!important;box-sizing:border-box!important}
body.bb-website-theme #app>section#bbWebsiteReader.active{display:flex!important;flex-direction:column!important}
#bbWebsiteReader .bb-reader-head{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:50px;padding:5px 12px;border-bottom:1px solid #e4d8c7;background:#fff9ec;box-sizing:border-box}
#bbWebsiteReader .bb-reader-back{flex:none;min-height:40px;padding:7px 12px;margin:0;border:1px solid #d6bf98;border-radius:20px;background:#fffdf9;color:#822f40;font:700 14px/1.4 NotoDev,serif;box-shadow:none}
#bbWebsiteReader .bb-reader-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20645d;font:700 14px/1.5 NotoDev,serif}
#bbWebsiteReader .bb-reader-stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#bbWebsiteReader .bb-reader-frame{display:block;flex:1;width:100%;height:100%;min-height:0;border:0;background:#fffdf9}
#bbWebsiteReader .bb-reader-notice{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fffdf9;color:#51463c;padding:24px;text-align:center;font:500 16px/1.8 NotoDev,serif}
#bbWebsiteReader .bb-reader-notice[hidden],#bbWebsiteReader .bb-reader-notice button[hidden]{display:none!important}
#bbWebsiteReader .bb-reader-notice button{border:0;border-radius:20px;background:#c87820;color:#fff;padding:10px 18px;font:700 14px/1.5 NotoDev,serif}

/* Reader owns the viewport above the existing bottom navigation. Percentage
   heights otherwise collapse to an iframe's intrinsic 150px on normal routes. */
body.bb-website-theme #app>section#bbWebsiteReader.active{
 position:fixed!important;top:0!important;
 bottom:var(--bb-native-nav-height,72px)!important;
 left:max(0px,calc((100vw - 1440px)/2))!important;
 right:max(0px,calc((100vw - 1440px)/2))!important;
 width:auto!important;height:auto!important;max-height:none!important;
 display:flex!important;flex-direction:column!important;
 z-index:16!important;transform:none!important;animation:none!important;
}
body.bb-website-theme #app>section#bbWebsiteReader.active>.bb-reader-head{
 display:flex!important;flex:0 0 auto!important;position:relative!important;
 width:100%!important;min-height:50px!important;margin:0!important;
}
body.bb-website-theme #app>section#bbWebsiteReader.active>.bb-reader-stage{
 display:block!important;position:relative!important;flex:1 1 0px!important;
 min-height:0!important;min-width:0!important;width:100%!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
}
body.bb-website-theme #app>section#bbWebsiteReader.active>.bb-reader-stage>iframe.bb-reader-frame{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;min-height:0!important;
 max-height:none!important;max-width:none!important;margin:0!important;
 padding:0!important;border:0!important;box-sizing:border-box!important;
}

/* Definite viewport height with measured visual viewport fallback. */
body.bb-website-theme #app>section#bbWebsiteReader.active{height:calc(100vh - var(--bb-native-nav-height,72px))!important;height:calc(100dvh - var(--bb-native-nav-height,72px))!important;bottom:auto!important;max-width:none!important}