/* Hana's page geometry, shared by every notebook reader. */
:is(#album-book,#hana-handbook,#community-open-book,#shared-book){max-width:720px;margin-left:auto;margin-right:auto;min-width:0}
:is(#album-binding,#hana-binding,.notebook-binding){position:relative;perspective:1500px;box-sizing:border-box;padding:5px 6px 9px;background:var(--cover-color,#757575);border-radius:2px 5px 5px 2px;box-shadow:0 2px 0 #bababa,0 4px 0 #dedede,0 6px 0 #888,0 17px 22px -18px #35353599}
:is(#album-pages,#hana-works,#community-book-pages,#spread){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;border:0;border-radius:0;background:#f1f1f1;box-shadow:none;overflow:visible;touch-action:pan-y;scroll-snap-type:none}
:is(#album-pages,#hana-works,#community-book-pages,#spread)>:is(figure,div,p),:is(.album-turning-leaf,.hana-turning-leaf,.notebook-turning-leaf)>*{position:relative;grid-column:auto;box-sizing:border-box;min-width:0;margin:0;padding:16px 15px 28px;background:linear-gradient(90deg,#f8f8f8,#f0f0f0 90%,#d9d9d9)}
:is(#album-pages,#hana-works,#community-book-pages,#spread)>:nth-child(2){background:linear-gradient(90deg,#c8c8c8,#efefef 7%,#f8f8f8)}
:is(#album-pages,#hana-works,#community-book-pages,#spread) figure>button,:is(.album-turning-leaf,.hana-turning-leaf,.notebook-turning-leaf) figure>button{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
:is(#album-pages,#hana-works,#community-book-pages,#spread) figure img,:is(.album-turning-leaf,.hana-turning-leaf,.notebook-turning-leaf) img{display:block;width:100%;height:auto;aspect-ratio:27/40;max-height:none;object-fit:contain;transform:none;background:transparent}
:is(#album-pages,#hana-works,#community-book-pages,#spread) figcaption{display:none}
:is(.album-folio,.hana-folio,.notebook-folio){position:absolute;bottom:12px;left:0;right:0;text-align:center;font:11px/1 Georgia,serif;color:#848484}
.notebook-turning-leaf{position:absolute;z-index:2;top:5px;bottom:9px;left:50%;right:6px;transform-origin:left;transform-style:preserve-3d;pointer-events:none;transition:transform .8s cubic-bezier(.35,.05,.3,1)}
.notebook-turning-leaf>*{height:100%;backface-visibility:hidden}.notebook-turning-leaf:after{content:'';position:absolute;inset:0;backface-visibility:hidden;background:linear-gradient(90deg,#d9d9d9,#f8f8f8);transform:rotateY(180deg)}
.notebook-turning-leaf.turned{transform:rotateY(-180deg)}.notebook-turning-leaf.backwards{left:6px;right:50%;transform-origin:right}.notebook-turning-leaf.backwards.turned{transform:rotateY(180deg)}
#community-image-view{border:0;border-radius:6px;padding:16px;max-width:94vw;max-height:94dvh;background:#f4f4f2;color:#414141}
#community-image-view::backdrop{background:#0009}#community-image-view button{display:block;margin-left:auto;min-height:44px;padding:8px 12px;border:1px solid #aaa;border-radius:3px;background:transparent;color:inherit}#community-image-view img{display:block;max-width:85vw;max-height:75dvh;object-fit:contain;margin:auto}
#shared-book-cover{margin:24px auto 32px}#shared-book>.book-bar{font-size:12px}#shared-book .book-bar button,.community-book-nav button{width:44px;height:44px;padding:0;border:1px solid #d6d6d6;border-radius:2px;color:inherit;background:transparent}
@media(max-width:600px){
 :is(#album-pages,#hana-works,#community-book-pages,#spread)>:is(figure,div,p),:is(.album-turning-leaf,.hana-turning-leaf,.notebook-turning-leaf)>*{padding:7px 6px 25px}
 :is(.album-folio,.hana-folio,.notebook-folio){bottom:9px}
 .community-book-nav{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.notebook-turning-leaf{transition:none}}