.book{left:85%;top:46%;width:9%;height:18%;padding:0;border:0;border-radius:1px;background:transparent;box-shadow:none;transform:rotate(8deg)}
.book:hover{background:#ffe8b508;outline:none;box-shadow:0 0 14px #ffe6b51c}
.book:focus-visible{background:#ffe8b508;outline:1px solid #e5c68899;outline-offset:2px}
#reading{display:none!important}
#quiet-book{padding:0 8px 8px;width:max-content;max-width:96vw;max-height:96svh;border:0;border-radius:2px;background:transparent;box-shadow:none;overflow:auto;color:#f2e6ce}
#quiet-book::backdrop{background:#14110d99}
#quiet-book button{font:15px Georgia,serif;background:transparent;border:0;color:#f2e6ce;min-height:44px;min-width:44px;padding:8px 12px}
#quiet-book button:hover{background:#ead6a912}
#quiet-book button:focus-visible{outline:1px solid #dbc69a;outline-offset:-2px}
#put-book-down{display:block;margin:0 0 4px auto}
#put-book-down span{margin-left:12px}
#book-leaves{display:flex;justify-content:center;position:relative;width:max-content;max-width:100%;margin:auto;background:#ece2d0;border-radius:2px;box-shadow:0 12px 35px #0008,0 2px 0 #b5a58c,0 4px 0 #e2d5ba;border:3px solid #5b4630}
#book-leaves:focus{outline:none}
#book-leaves:focus-visible{outline:1px solid #dbc69a;outline-offset:4px}
.quiet-leaf{position:relative;margin:0;width:min(42vw,calc((100svh - 130px)*.772727));flex:none}
.quiet-leaf img{display:block;width:100%;height:auto}
#book-leaves.spread::after{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 12px);width:24px;background:linear-gradient(90deg,transparent,#5a40291c,transparent);pointer-events:none}
.leaf-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:8px}
#leaf-status{font:italic 13px Georgia,serif;color:#dbcdb3;min-width:90px;text-align:center}
#quiet-book button:disabled{opacity:.22;cursor:default}
.book-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}
@media(max-width:760px), (orientation:landscape) and (max-height:500px) and (max-width:1000px){#quiet-book{max-width:98vw;padding:0 4px 6px}.quiet-leaf{width:90vw}.leaf-controls{position:sticky;bottom:0;background:#241d17ed;margin-top:4px}#put-book-down{position:sticky;top:0;z-index:2;background:#241d17ed!important}}
@media(prefers-reduced-motion:reduce){#quiet-book *{animation:none!important;transition:none!important}}
@media(max-width:760px), (orientation:landscape) and (max-height:500px) and (max-width:1000px){
  #quiet-book{width:96vw}
  #book-leaves{width:100%}
  .quiet-leaf{width:100%}
  .readable-page img{display:none}
  .readable-page .book-accessible{position:static;width:auto;height:auto;margin:0;padding:28px 22px;overflow:visible;clip-path:none;white-space:pre-line;color:#403626;font:18px/1.75 Georgia,serif;min-height:65svh}
}