:fullscreen img,img:-webkit-full-screen{transition:opacity .35s ease,transform .35s ease;background:#000} .fullscreen-dim{backdrop-filter:blur(2px)} .book-layout{max-width:1100px;margin:2rem auto;padding:0 1rem;font-family:var(--font-text);color:var(--fg)} @media (max-width:900px) { .book-layout{max-width:100%} } .book-head.antique-head{position:sticky;top:var(--site-header-height,60px);z-index:120;background:var(--header-bg);border-bottom:1px solid #ffffff26;padding:.55rem 0;box-shadow:0 2px 10px #00000059} body:not(.night) .book-head.antique-head{background:linear-gradient(180deg,#fcf8f0cc,#f3e7d6cc);border-bottom-color:#d8c9b9} .unified-head{max-width:1200px;margin:0 auto;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem} .head-left{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0} .book-info.antique-info{flex:1 1 auto;min-width:0} .book-title.antique-title{font-family:var(--font-title);font-size:1.45rem;line-height:1.2;margin:0;color:var(--header-text);text-shadow:0 1px 2px #00000059;overflow-wrap:break-word;word-break:break-word;white-space:normal} body:not(.night) .book-title.antique-title{color:#422d1d;text-shadow:0 1px 1px #fff} body.night .book-title.antique-title{text-shadow:0 1px 2px #000000b3} .ornament-meta-row{display:flex;align-items:center;gap:.45rem;margin-top:.12rem} .title-ornament.manicule{font-size:.95rem;opacity:.75} .antique-meta{font-family:var(--font-ui);font-size:.88rem;opacity:.85;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body:not(.night) .antique-meta,body:not(.night) .title-ornament{color:#422d1d;text-shadow:0 1px 1px #fff} .head-right{display:flex;gap:.4rem;flex-shrink:0} .antique-btn-row{display:flex;gap:.4rem} .antique-btn{width:2.2rem;height:2.2rem;border-radius:.45rem;border:1px solid #ffffff40;background:#ffffff14;color:var(--header-text);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #0000004d 0 1px 2px #fff3;transition:background .2s,transform .2s} .antique-btn:hover{background:#ffffff2e;transform:translateY(-2px)} .antique-btn.active{background:#fff0c859;border-color:#fff0c899;box-shadow:inset 0 1px 3px #0006 0 0 5px #fff0c880} body:not(.night) .antique-btn{background:#ffffffbf;border-color:#0000002e;color:#3a281a} body:not(.night) .antique-btn:hover{background:#ffffffe6} body:not(.night) .antique-btn.active{background:#f7e3b0;border-color:#d1a55a} .book-head.antique-head.is-stuck{padding-top:.35rem;padding-bottom:.35rem;box-shadow:0 2px 10px #000000b3} .book-head.antique-head.is-stuck .book-title.antique-title{font-size:1.15rem} .book-head.antique-head.is-stuck .title-ornament{display:none} @media (max-width:720px) { .unified-head{flex-wrap:wrap;align-items:flex-start;gap:.6rem} .head-left{flex:1 1 100%;min-width:0} .head-right{flex:0 0 auto;align-self:flex-end;padding-top:2px} .book-head.antique-head .book-title.antique-title{font-size:1.05rem} .book-head.antique-head.is-stuck .book-title.antique-title{font-size:.95rem} .antique-meta{font-size:.82rem} .ornament-meta-row{flex-wrap:wrap;white-space:normal} .head-right .antique-btn{width:1.9rem;height:1.9rem;padding:0;font-size:.9rem} } .reader{border-radius:1rem;transition:background .6s ease,border-color .3s ease,padding .3s ease;border-radius:1rem;transition:background .6s ease,border-color .3s ease,padding .3s ease} .reader[data-view="text"]{background:linear-gradient(180deg,#faf7ef,#f5ecd9);border:1px solid var(--bord);padding:1.25rem} body.night .reader[data-view="text"]{background:linear-gradient(180deg,#2a1f12,#1b130a);border-color:#ffffff1f} .reader[data-view="img"]{background:none;border:none;padding:0} .reader[data-view="text"] .ocr{display:block} .reader[data-view="text"] .facsimile{display:none} .reader[data-view="img"] .ocr{display:none} .reader[data-view="img"] .facsimile{display:block} .ocr{font-family:var(--font-text);font-size:1.05rem;line-height:1.65;color:#2b1d14;text-rendering:optimizeLegibility;position:relative;text-shadow:0 .6px 0 #00000040 .45px .45px .6px #00000024} .ocr::after{content:"";position:absolute;inset:0;background-image:var(--paper-texture);opacity:.04;mix-blend-mode:multiply;pointer-events:none} body.night .ocr{color:#f6eedd;text-shadow:0 .6px 0 #fff0be1a} .page-label{margin-top:0;margin-bottom:.75rem;font-family:var(--font-title)} .facsimile{text-align:center;position:relative;margin-top:1rem} .facsimile img{width:100%;height:auto;max-height:90vh;border:none;border-radius:0;object-fit:contain;cursor:zoom-in;box-shadow:0 8px 22px #0000004d;transition:box-shadow .25s ease,transform .25s ease,opacity .3s ease;background:none} body.night .facsimile img{box-shadow:0 8px 20px #0009} .floating-nav{opacity:.9;position:sticky;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.2rem auto 0;padding:.6rem 1rem;width:fit-content;max-width:100%;background:linear-gradient(180deg,#fdf8eebd,#f2e7c9d0),var(--paper-texture);background-blend-mode:multiply;border:1px solid #0000001f;border-radius:.7rem;box-shadow:0 -2px 10px #0003 inset 0 1px 2px #ffffff4d;backdrop-filter:blur(10px) brightness(1.02);-webkit-backdrop-filter:blur(10px) brightness(1.02)} .floating-nav .nav-btn{width:2.2rem;height:2.2rem;border-radius:.45rem;background:#ffffff14;border:1px solid #ffffff59;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s} .floating-nav .nav-btn:hover{background:#ffffff3d;transform:translateY(-1px)} .floating-nav .page-jump{display:flex;align-items:center;gap:.35rem;white-space:nowrap} #pageJumpFloat{padding:.25rem .45rem;background:#fff;border:1px solid #ccc;border-radius:.4rem;font-size:.9rem} #pageInputFloat{width:3.4rem;padding:.25rem .35rem;background:#fff;border:1px solid #ccc;border-radius:.4rem;text-align:center} .floating-nav .total{font-size:.9rem;opacity:.75} body.night .floating-nav{background:linear-gradient(180deg,#2b2014c0,#1b140cc0),var(--paper-texture);border-color:#fff3;box-shadow:0 -2px 12px #00000080 inset 0 0 3px #ffffff0f} body.night #pageInputFloat,body.night #pageJumpFloat{background:#2e2419;border-color:#fff3;color:#f6eedd} body.night .floating-nav .nav-btn{background:#ffffff1a;border-color:#ffffff3d} @media (max-width:560px) { .floating-nav{gap:.6rem;padding:.55rem .8rem} #pageInputFloat{width:2.8rem} #pageJumpFloat{width:3.8rem} } .floating-nav select,.floating-nav input[type="number"],.floating-nav .total{font-family:var(--font-title);font-weight:600;letter-spacing:.02em;font-size:1.05rem;color:var(--fg)} .floating-nav select option{font-family:var(--font-title)} .floating-nav select,.floating-nav input[type="number"]{text-shadow:0 .4px 0 #00000040}:fullscreen img,:fullscreen figure,:-webkit-full-screen img,:-webkit-full-screen figure{position:relative!important;z-index:1!important}:fullscreen .floating-nav,:-webkit-full-screen .floating-nav{position:fixed!important;bottom:1.5rem!important;left:50%!important;transform:translateX(-50%)!important;z-index:999999!important;opacity:.95!important;pointer-events:auto!important;visibility:visible!important}:fullscreen #reader-root,:fullscreen .reader,:fullscreen .book-layout{overflow:visible!important}:fullscreen .facsimile img,:-webkit-full-screen .facsimile img{max-height:78vh!important;object-fit:contain!important;margin-bottom:8vh!important} body.night:fullscreen .facsimile img,body.night:-webkit-full-screen .facsimile img{box-shadow:0 12px 32px #000000bf!important}