:root{--book-type:24px}.library-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.library-book{padding-bottom:25px;border-bottom:1px solid #d6c9b6}.library-book img{height:330px;max-width:100%;width:100%;object-fit:contain;background:#f0eadf;padding:20px;border-radius:6px;box-sizing:border-box}.library-book h2{font-size:25px;line-height:1.65;margin:20px 0 4px}.library-book p{color:#736658;margin:0 0 18px}.book-intro{display:grid;grid-template-columns:minmax(190px,330px) 1fr;gap:64px;align-items:center;margin:36px 0 60px}.book-intro>img{width:100%;height:auto;box-shadow:9px 12px 24px #45331c26}.book-intro h1{font-size:40px;line-height:1.5}.book-intro .ia-button{display:inline-flex;margin-top:20px}.book-explanation{font-size:18px;margin-top:24px}.book-note{font-size:14px;color:#746856;max-width:42em}.book-note summary,.book-contents summary{cursor:pointer;padding:12px 0}.book-resume{display:block;margin-top:20px;font-size:17px}.book-resume[hidden]{display:none}.book-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px;margin:24px 0}.book-thumbnails a{display:flex;flex-direction:column;gap:8px;text-align:center;font-size:14px}.book-thumbnails img{width:100%;height:135px;object-fit:contain;background:#eee8dc}
body.book-reading{margin:0;background:#e6e0d5;color:#3d342c;border:0;--reader-paper:#fffdf6;--reader-ink:#382e25}.book-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 28px;background:#f7f3e9;border-bottom:1px solid #cfc4b3;position:relative;z-index:3}.book-bar strong{font-size:20px;line-height:1.5;text-align:center}.book-exit{white-space:nowrap}.book-bar a{color:inherit}.book-options{font-size:16px}.book-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.book-options>div{position:absolute;right:20px;top:70px;width:270px;padding:20px;border:1px solid #c4b79f;background:var(--reader-paper);box-shadow:0 12px 30px #0002;border-radius:6px;display:flex;gap:12px;flex-wrap:wrap}.book-options label{width:100%;display:flex;justify-content:space-between;align-items:center}.book-options select,.book-controls select{font:inherit;border:1px solid #bdaf99;background:var(--reader-paper);color:var(--reader-ink);border-radius:4px;min-height:44px;padding:4px 10px}.book-options button{font:inherit;min-height:44px;padding:8px 13px;border:1px solid #bdaf99;background:var(--reader-paper);color:var(--reader-ink);border-radius:4px;cursor:pointer}#book-reader{padding:28px 30px 20px;max-width:1400px;margin:auto}.book-spread{max-width:650px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);box-shadow:0 12px 30px #44332224;border:1px solid #c7bcaa;background:var(--reader-paper)}.book-spread.two-pages{max-width:1100px;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.book-spread.two-pages:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#4a39241d,transparent);pointer-events:none}.book-leaf{margin:0;background:var(--reader-paper);padding:16px 18px 8px;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.book-leaf>img{display:block;width:100%;height:auto;object-fit:contain}.book-leaf figcaption{text-align:center;font:13px Georgia,serif;color:#8c7e69;padding:10px 0 3px;margin-top:auto}.book-spread.zoomed{max-width:1100px}.book-spread.text-view{max-width:800px}.book-text{color:var(--reader-ink);font-size:var(--book-type);line-height:1.95;padding:26px 38px;overflow-wrap:anywhere}.book-text p{font-size:inherit;line-height:inherit;margin:0 0 1.5em;max-width:none}.book-text.verse p{white-space:pre-line}.book-text.verse p:first-child{font-weight:700;margin-bottom:1.8em}.book-controls{max-width:1100px;margin:22px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.book-controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;min-width:105px;padding:8px 14px;background:#fcf9f1;border:1px solid #beae97;border-radius:5px;text-decoration:none;color:#603f2f;font-size:17px;box-sizing:border-box}.book-controls a[aria-disabled=true]{opacity:.35;pointer-events:none}.book-controls label{font-size:15px;display:flex;align-items:center;gap:7px}.book-controls select{max-width:75px}.book-hint{text-align:center;font-size:12px;color:#80725f;margin:16px 0 0}.book-message{max-width:760px;margin:0 auto 20px;background:#fff2c9;border-left:3px solid #ad7138;padding:12px 18px;font-size:17px;line-height:1.7}.book-message[hidden]{display:none}body[data-theme=night]{background:#242725;--reader-paper:#30332e;--reader-ink:#eee7d8;color:#eee7d8}body[data-theme=night] .book-bar{background:#292c28;color:#eee7d8}body[data-theme=night] .book-controls a{background:#34382f;color:#eee7d8}body[data-theme=night] .book-message{background:#4a412b;color:#eee7d8}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #297178;outline-offset:4px}
@media(max-width:760px){.library-shelf{grid-template-columns:1fr;gap:30px}.library-book img{height:320px}.book-intro{grid-template-columns:1fr;gap:28px}.book-intro>img{max-width:240px;margin:auto}.book-intro h1{font-size:30px}.book-bar{padding:10px 14px;gap:12px;flex-wrap:wrap}.book-bar strong{font-size:18px;order:3;width:100%}.book-options>div{top:55px;right:10px;width:260px}#book-reader{padding:18px 10px}.book-leaf{padding:8px 6px 4px}.book-text{padding:22px 18px;font-size:var(--book-type);line-height:1.9}.book-controls{gap:6px}.book-controls a{font-size:14px;min-width:83px;padding:6px 8px}.book-controls label{font-size:12px;gap:4px}.book-controls select{padding:4px 6px}.book-hint{display:none}.book-message{font-size:15px}.book-spread.two-pages{grid-template-columns:1fr}}
.book-controls{position:sticky;bottom:8px;z-index:2;background:#e6e0d5ee;padding:10px;border-radius:8px;box-sizing:border-box}body[data-theme=night] .book-controls{background:#242725ee}@media(max-width:760px){.book-spread.zoomed{overflow:auto}.book-spread.zoomed .book-leaf>img{width:180%;max-width:none}.book-controls{bottom:0;padding:8px 3px}}
.book-text{font-family:'Noto Serif Oriya','Noto Sans Oriya',serif}