.hn-book-reader{--book-paper:#f2efe8;--book-ink:#22392d;width:100%;min-width:0;color:var(--book-ink);overflow-x:clip}.hn-book-switch{background:#e4e3dc;border-radius:999px;justify-content:center;gap:5px;width:max-content;margin:10px auto 16px;padding:4px;display:flex}.hn-book-switch button{color:#58685e;background:0 0;border:0;border-radius:999px;padding:10px 17px;font:600 12px system-ui,sans-serif}.hn-book-switch button[aria-pressed=true]{color:#224333;background:#fff;box-shadow:0 2px 8px #243a2920}.hn-book-stage{isolation:isolate;overscroll-behavior:auto;touch-action:pan-y;background:radial-gradient(52% 46% at 50% 53%,#253a2818,#0000 82%);width:100%;min-width:0;max-width:1140px;height:clamp(440px,min(64vw,74svh),700px);min-height:0;margin:0 auto;position:relative;overflow:hidden}.hn-book-mount{width:100%;min-width:0;height:100%;position:relative}.hn-book-flip-host{touch-action:pan-y;width:100%;height:100%;margin:0 auto;position:relative}.hn-book-flip-host.stf__parent{touch-action:pan-y}.hn-book-flip-host .stf__wrapper{box-sizing:border-box;width:100%;height:100%;position:relative;padding-bottom:0!important}.hn-book-flip-host .stf__block{touch-action:pan-y;width:100%;height:100%}.hn-book-mount.hn-book-turning .stf__block{pointer-events:none}.hn-book-source{display:none}.hn-book-leaf{background:var(--book-paper);width:100%;height:100%;color:var(--book-ink);touch-action:pan-y;border:1px solid #d7d1c3;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,inset 2px 0 7px #342c201c}.hn-book-leaf img{object-fit:cover;object-position:center;background:var(--book-paper);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hn-book-contain img{object-fit:contain}.hn-book-photo{background:linear-gradient(90deg,#e5dfd2 0%,#faf7f0 7%,#fffdfa 55%,#f5f0e7 100%)}.hn-book-photo>img{background:#f4f1e9;border:1px solid #8e867432;width:93.5%;height:92%;position:absolute;top:2.2%;left:3.25%;box-shadow:0 2px 4px #2b28141e}.hn-book-photo:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#493e2e3b,#fff8ee36 55%,#0000);width:4%;position:absolute;inset:0 auto 0 0}.hn-book-photo:after{content:"";pointer-events:none;z-index:1;border:1px solid #8d765326;position:absolute;inset:1.2%;box-shadow:inset 0 0 0 1px #fff7}.hn-book-front{color:#fff;isolation:isolate;background:#153428}.hn-book-front>img{z-index:-2;position:absolute;inset:0}.hn-book-front:before,.hn-book-back:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#071810a3,#f3edc029 62%,#0000);width:5%;position:absolute;inset:0 auto 0 0}.hn-book-front:after,.hn-book-back:after{content:"";pointer-events:none;z-index:2;border:1px solid #f3e7c57a;position:absolute;inset:2.2%;box-shadow:inset 0 0 0 3px #0b20151e}.hn-book-cover-shade{z-index:-1;background:linear-gradient(165deg,#152c237a 0%,#142b2308 38%,#10261fc0 100%);position:absolute;inset:0}.hn-book-cover-heading{flex-direction:column;gap:13px;display:flex;position:absolute;top:9%;left:9%;right:9%}.hn-book-cover-heading small{letter-spacing:.22em;font-size:9px;font-weight:700}.hn-book-cover-heading strong{letter-spacing:.055em;font:500 clamp(32px,4.5vw,59px)/.92 Georgia,serif}.hn-book-cover-footer{letter-spacing:.14em;justify-content:space-between;align-items:center;gap:10px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:8%;left:9%;right:9%}.hn-book-back{color:#f5f4eb;text-align:center;background:#183f31;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.hn-book-back small,.hn-book-back span{letter-spacing:.2em;font-size:10px}.hn-book-back strong{font:400 clamp(34px,5vw,65px) Georgia,serif}.hn-book-folio{letter-spacing:.1em;color:#7d827a;background:#f3f0e4d9;border-radius:99px;padding:4px 7px;font:600 9px system-ui;position:absolute;bottom:3%;right:5%}.hn-book-controls{justify-content:center;align-items:center;gap:22px;margin:5px auto 10px;display:flex}.hn-book-controls>button{color:#244632;touch-action:manipulation;background:#fbfaf5;border:1px solid #c9d1c5;border-radius:50%;place-items:center;width:48px;height:48px;font-size:27px;line-height:1;display:grid}.hn-book-controls>button:disabled{opacity:.25}.hn-book-counter{justify-items:center;gap:6px;min-width:155px;display:grid}.hn-book-counter>strong{font:400 20px Georgia,serif}.hn-book-counter>strong span{color:#a2aea4;margin:0 5px}.hn-book-counter small{text-align:center;color:#6f8070;max-width:195px;font-size:10px;line-height:1.35}.hn-book-progress{background:#cad4c6;border-radius:5px;width:100%;height:3px;overflow:hidden}.hn-book-progress span{background:#35674b;height:100%;transition:width .45s;display:block}.hn-book-scroll{overscroll-behavior:contain;scroll-snap-type:y proximity;gap:18px;width:min(100%,560px);max-height:75vh;margin:auto;padding:5px;display:grid;overflow-y:auto}.hn-book-scroll>.hn-book-leaf{aspect-ratio:410/580;scroll-snap-align:start;height:auto;box-shadow:0 8px 28px #182b2520}.hn-book-empty{text-align:center;color:#7a8279;background:#eeede5;border:1px dashed #cdd3ca;border-radius:18px;padding:42px 20px;font-size:13px;line-height:1.6}.hn-book-admin{gap:18px;display:grid}.hn-book-admin h2{color:#244632;margin:0;font:500 25px Georgia,serif}.hn-book-admin>p{color:#7d8178;margin:0;font-size:12px;line-height:1.5}.hn-book-admin-upload{background:#f5f7f1;border:1px dashed #b6c1b3;border-radius:15px;gap:9px;padding:16px;display:grid}.hn-book-admin-upload label{color:#344a3b;font-size:12px;font-weight:700}.hn-book-admin-upload input{max-width:100%;font-size:12px}.hn-book-admin-upload progress{accent-color:#315a42;width:100%}.hn-book-admin-error{color:#a92b2b;font-size:12px}.hn-book-admin-list{gap:9px;display:grid}.hn-book-admin-row{background:#fff;border:1px solid #dcded4;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.hn-book-admin-row img{object-fit:cover;background:#e3e3db;border-radius:6px;width:66px;height:85px}.hn-book-admin-row-main{flex:1;gap:8px;min-width:0;display:grid}.hn-book-admin-row-main>strong{font-size:13px}.hn-book-admin-row-actions{flex-wrap:wrap;gap:6px;display:flex}.hn-book-admin-row-actions button{color:#31503b;background:#eef2eb;border:1px solid #cbd6ca;border-radius:8px;padding:7px 9px;font:600 11px system-ui}.hn-book-admin-row-actions button:disabled{opacity:.35}.hn-book-admin-row-actions .hn-book-delete{color:#b34c42;background:#fff0ec;border-color:#efcfc7}.hn-book-admin-count{color:#708071;font-size:11px}.hn-book-admin-preview{border-top:1px solid #d8ddd5;padding-top:12px}.hn-book-admin-preview>h3{color:#31503b;font:500 20px Georgia,serif}@media (max-width:700px){.hn-book-stage{height:min(142vw,72svh);min-height:0}.hn-book-cover-heading strong{font-size:clamp(24px,7vw,43px)}.hn-book-controls{gap:10px}.hn-book-controls>button{width:42px;height:42px}.hn-book-admin-row{align-items:flex-start}.hn-book-admin-row img{width:55px;height:74px}}@media (prefers-reduced-motion:reduce){.hn-book-progress span{transition:none}}
