:root{color-scheme:light;--ink:#19342a;--muted:#708078;--paper:#fbfaf4;--green:#075c35;--green-dark:#043a24;--gold:#b58a3b;--line:#d8dfda;--shadow:0 24px 70px rgba(0,25,15,.22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9eee9;color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.ihi-book-page{overscroll-behavior:none}.ihi-book-reader{min-height:100vh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:radial-gradient(circle at 50% 20%,#f8faf7 0,#edf1ed 46%,#dce5de 100%)}.book-topbar{min-height:80px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px clamp(16px,3vw,40px);background:linear-gradient(120deg,#042d1c,#075c35);color:#fff;box-shadow:0 4px 18px rgba(0,30,17,.16);z-index:4}.book-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;text-decoration:none;font-size:23px}.book-identity{min-width:0}.book-identity span{font-size:9px;font-weight:850;letter-spacing:.16em;color:#e0c991}.book-identity h1{overflow:hidden;margin:2px 0 0;font:700 clamp(16px,2vw,23px)/1.2 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.book-identity small{display:block;overflow:hidden;color:#d6e4dc;text-overflow:ellipsis;white-space:nowrap}.book-top-actions{display:flex;gap:8px}.book-top-actions button,.book-top-actions a,.book-toolbar button{min-height:38px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.11);color:inherit;padding:8px 12px;text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px clamp(16px,3vw,40px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);z-index:3}.book-nav,.book-options{display:flex;align-items:center;gap:8px}.book-nav form{display:flex;align-items:center;gap:7px}.book-toolbar button{border-color:#cbd6cf;background:#fff;color:var(--green-dark)}.book-toolbar button:disabled{opacity:.35;cursor:not-allowed}.book-toolbar input,.book-toolbar select{height:38px;border:1px solid #cbd6cf;border-radius:8px;background:#fff;color:var(--ink);padding:0 9px}.book-toolbar input{width:66px;text-align:center}.book-options label{display:flex;align-items:center;gap:6px}.book-options label>span,.book-nav label{font-size:11px;font-weight:800;color:#5c6d64}.book-status{margin:0;padding:6px 20px;text-align:center;color:#607169;font-size:11px}.book-stage{position:relative;min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:12px clamp(6px,2vw,26px) 18px;overflow:auto;outline:none;touch-action:pan-y;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(7,92,53,.04))}.book-spread{position:relative;justify-self:center;display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);align-items:center;max-width:1400px;transform-origin:center;filter:drop-shadow(0 18px 28px rgba(0,32,18,.16));perspective:1800px}.book-sheet{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--paper);border:1px solid #d5d4ca;box-shadow:inset 0 0 35px rgba(55,45,20,.035);transform-style:preserve-3d;backface-visibility:hidden}.book-sheet:first-child{border-radius:8px 1px 1px 8px}.book-sheet:last-child{border-radius:1px 8px 8px 1px}.book-sheet canvas{display:block;max-width:none;background:#fff}.book-page-number{position:absolute;bottom:7px;min-width:28px;padding:2px 6px;border-radius:12px;background:rgba(255,255,255,.86);color:#6e756e;text-align:center;font-size:10px}.book-sheet:first-child .book-page-number{left:9px}.book-sheet:last-child .book-page-number{right:9px}.book-gutter{align-self:stretch;background:linear-gradient(90deg,rgba(0,0,0,.13),rgba(255,255,255,.55) 48%,rgba(0,0,0,.13));box-shadow:0 0 16px rgba(0,0,0,.13);z-index:2}.book-edge{height:min(45vh,360px);border:0;background:transparent;color:#315c48;cursor:pointer}.book-edge span{display:grid;place-items:center;width:38px;height:70px;border:1px solid #ccd8d0;border-radius:20px;background:rgba(255,255,255,.8);font-size:30px;box-shadow:0 7px 20px rgba(0,40,23,.08)}.book-edge:disabled{opacity:.22;cursor:not-allowed}.book-footer{display:grid;grid-template-columns:auto minmax(100px,360px) auto;justify-content:center;align-items:center;gap:12px;padding:8px 16px;background:#f8faf8;color:#68776f;font-size:10px}.book-progress{height:4px;overflow:hidden;border-radius:4px;background:#dce4de}.book-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .25s ease}.book-error{align-self:center;justify-self:center;max-width:520px;margin:40px;padding:30px;border:1px solid #d7dfd9;border-radius:14px;background:#fff;text-align:center}.book-error a{color:var(--green);font-weight:800}.ihi-book-reader[data-state=turn-next] .book-sheet:last-child{animation:turnNext .32s ease}.ihi-book-reader[data-state=turn-prev] .book-sheet:first-child{animation:turnPrev .32s ease}@keyframes turnNext{0%{transform:rotateY(0)}45%{transform:rotateY(-12deg) scale(.985)}100%{transform:rotateY(0)}}@keyframes turnPrev{0%{transform:rotateY(0)}45%{transform:rotateY(12deg) scale(.985)}100%{transform:rotateY(0)}}.ihi-book-reader.is-single .book-spread{grid-template-columns:minmax(0,1fr)}.ihi-book-reader.is-single .book-sheet[data-book-sheet=b],.ihi-book-reader.is-single .book-gutter{display:none}.ihi-book-reader.is-fullscreen{position:fixed;inset:0;z-index:99999}.ihi-book-reader:fullscreen{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.ihi-book-reader[data-state] .book-sheet{animation:none!important}.book-progress i{transition:none}}@media(max-width:820px){.book-topbar{grid-template-columns:auto minmax(0,1fr);min-height:68px;gap:12px;padding:9px 12px}.book-top-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.book-top-actions button,.book-top-actions a{min-height:36px;text-align:center}.book-identity small{font-size:10px}.book-toolbar{display:grid;padding:8px 10px;gap:7px}.book-nav{justify-content:center}.book-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.book-options label{display:grid;gap:2px}.book-toolbar select{width:100%;font-size:11px}.book-stage{grid-template-columns:38px minmax(0,1fr) 38px;padding:8px 0 12px}.book-edge span{width:32px;height:58px}.book-footer{grid-template-columns:auto minmax(80px,1fr);padding-bottom:max(8px,env(safe-area-inset-bottom))}.book-footer>span:last-child{display:none}}@media(max-width:440px){.book-nav label{display:none}.book-nav form{gap:4px}.book-toolbar input{width:54px}.book-toolbar button{padding:7px 9px}.book-stage{grid-template-columns:32px minmax(0,1fr) 32px}.book-edge span{width:28px}.book-status{padding:4px 10px}.book-options label>span{font-size:9px}}