.reading-book #zone-labels,.reading-book .bottom-bar,.reading-book .touch-controls,.reading-book .sound-panel{visibility:hidden;pointer-events:none}
#about-book{--book-shade:0;--page-width:min(440px,calc((100vw - 88px)/2));--book-height:min(610px,calc(100dvh - 158px));position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:#493d2c;font-family:Georgia,'Times New Roman',serif}
#about-book:not([open]){display:none}
#about-book::backdrop{background:rgb(32 34 24 / calc(var(--book-shade)*.42));backdrop-filter:blur(calc(var(--book-shade)*7px))}
.book-toolbar{position:absolute;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;z-index:4;color:#fcf9ee;text-shadow:0 1px 10px #26312166;font-family:Arial,Helvetica,sans-serif}
.book-toolbar>span{font-size:10px;letter-spacing:.18em}
.book-exit{display:flex;align-items:center;gap:10px;border:1px solid #fff8e45c;background:#f5f0dded;color:#384031;padding:10px 14px;border-radius:30px;font-size:12px;box-shadow:0 4px 15px #18231317}
.book-exit:hover{background:#fffdf5}.book-exit>span{font-size:19px}.book-exit kbd{border:1px solid #6a70474d;border-radius:4px;padding:2px 4px;font:9px Arial,sans-serif;color:#79806d}
#about-book :focus-visible{outline:2px solid #bfa36a;outline-offset:5px}
.book-scene{position:absolute;inset:76px 0 70px;display:flex;align-items:center;justify-content:center;perspective:1800px;pointer-events:none}
.book-stage{position:relative;flex:none;width:calc(var(--page-width)*2);height:var(--book-height);transform-style:preserve-3d;pointer-events:auto;will-change:transform,opacity}
.book-paper{background-color:#f6f0df;background-image:repeating-linear-gradient(0deg,#77654003 0px,#77654003 1px,transparent 1px,transparent 3px);color:#493d2c}
.book-back-cover{position:absolute;left:50%;top:-7px;bottom:-7px;width:calc(50% + 8px);border-radius:2px 9px 9px 2px;background:#334c3f;box-shadow:6px 12px 0 -5px #e8dfc6,8px 15px 0 -5px #b8aa88,10px 19px 0 -6px #30483b,10px 28px 50px #151b174d;transform:translateZ(-3px)}
.book-story{position:absolute;inset:0 0 0 50%;border-radius:0 5px 5px 0;padding:25px 32px 20px 36px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdb094 transparent;box-shadow:inset 15px 0 24px -15px #725e3b80,inset -2px 0 4px #d7ccb4}
.book-running-head{display:flex;justify-content:space-between;gap:10px;font-family:Arial,Helvetica,sans-serif;font-size:8px;letter-spacing:.15em;color:#8f8064}
.book-running-head{border-bottom:1px solid #b7a78655;padding-bottom:12px}
.book-copy{padding-top:22px}
.book-copy h1{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.04em;font-weight:400;line-height:1.15;margin:0 0 20px;color:#3c4938}
.book-paragraphs p{font-size:14px;line-height:1.85;margin:0 0 14px}
.book-cover{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform;z-index:2}
.book-cover-front,.book-cover-inside{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 5px 5px 0}
.book-cover-front{inset:-7px -7px -7px 0;background:repeating-linear-gradient(35deg,#d4e0be04 0px,#d4e0be04 1px,transparent 1px,transparent 3px),linear-gradient(95deg,#243d32,#3f5b48 9%,#334e3f 92%,#263d32);color:#dcc799;box-shadow:inset 5px 0 9px #10271f80,inset -1px 0 2px #c5ceaa50,5px 5px 10px #1f2d2426;transform:translateZ(1px);padding:22px}
.book-cover-border{height:100%;border:1px solid #d5bd795e;outline:1px solid #d5bd7933;outline-offset:-6px;display:flex;align-items:center;flex-direction:column;padding:25px 14px;text-align:center}
.book-cover-title{font-size:clamp(50px,6.5vw,85px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:auto 0 12px;text-shadow:0 1px 0 #10271f}
.book-cover-ornament{font-size:34px;margin:12px 0;color:#bca36d}
.book-cover-name{font-size:18px;letter-spacing:.02em;margin:auto 0 20px}
.book-cover-inside{transform:rotateY(180deg);border-radius:5px 0 0 5px;padding:25px 32px 20px;box-shadow:inset -18px 0 28px -19px #614b2a99,inset 2px 0 3px #e7ddc8,0 14px 0 -8px #d5c8aa,-5px 17px 0 -8px #334c3f,-10px 28px 50px #151b1726;display:flex;flex-direction:column}
.book-title-page{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:0}
.book-title-page h2{font-size:clamp(34px,4.6vw,60px);font-weight:400;letter-spacing:-.04em;line-height:1.05;color:#40503c;margin:15px 0 24px}
.book-bookplate{display:grid;place-items:center;width:65px;height:65px;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:48px;font-style:normal;line-height:1}
.book-title-name{font-size:13px;letter-spacing:.06em;margin:22px 0 9px}
.book-ribbon{position:absolute;top:-1px;right:27px;width:16px;height:46px;background:#a45a45;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);pointer-events:none;box-shadow:2px 0 3px #3b221b26;transform:translateZ(2px)}
.book-hint{position:absolute;bottom:22px;left:16px;right:16px;margin:0;text-align:center;font:12px Arial,Helvetica,sans-serif;letter-spacing:.02em;color:#fff9e8}
@media(max-width:800px){.book-story{padding:22px 23px 18px 28px}.book-cover-inside{padding:22px 24px 18px}.book-paragraphs p{font-size:14px;line-height:1.8}.book-copy{padding-top:17px}}
@media(max-width:640px){#about-book{--page-width:calc(100vw - 48px);--book-height:calc(100dvh - 166px)}.book-toolbar{height:70px;padding:0 18px}.book-toolbar>span{font-size:8px;letter-spacing:.1em;max-width:110px;line-height:1.8}.book-toolbar i{margin:0 4px}.book-exit{padding:8px 12px;font-size:11px}.book-exit kbd{display:none}.book-scene{top:80px;bottom:84px}.book-story{padding:24px 25px 20px 30px}.book-copy{padding-top:24px}.book-copy h1{font-size:32px}.book-paragraphs p{font-size:14px;line-height:1.85}.book-cover-title{font-size:76px}.book-hint{bottom:30px;font-size:11px}.book-ribbon{right:22px}.book-title-page h2{font-size:48px}}
@media(max-height:570px){#about-book{--book-height:calc(100dvh - 110px)}.book-toolbar{height:54px}.book-scene{inset:58px 0 45px}.book-hint{bottom:13px}.book-bookplate{display:none}.book-title-page h2{font-size:40px;margin:12px 0}.book-cover-border{padding:15px}.book-cover-title{font-size:48px}.book-cover-ornament{font-size:22px;margin:7px 0}.book-cover-name{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.book-stage,.book-cover{will-change:auto}}

.book-expand{display:inline;padding:1px 8px 2px;border:1px solid #75816a;border-radius:20px;background:transparent;color:#354831;font:inherit;line-height:1.45;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,border-color .16s;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.book-expand:hover{background:#e4e5d1;border-color:#3f583b}
.book-expand[aria-expanded="true"]{background:#3e543c;border-color:#3e543c;color:#fffbed}
.book-expand[aria-expanded="true"]:hover{background:#2f432d}
.book-reveal{color:#5a654b}
.book-reveal:not([hidden]){animation:book-reveal .2s ease-out}
.book-reveal[hidden]{display:none}
.book-age{font-variant-numeric:tabular-nums}
.book-project-link,.book-contact a{padding:0;border:0;border-radius:0;background:none;color:#354b32;font:inherit;text-decoration:underline;text-decoration-color:#85916e;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.book-project-link{display:inline;text-align:left}
.book-project-link:hover,.book-contact a:hover{color:#172d17;text-decoration-color:currentColor}
.book-contact{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #b7a78655;margin-top:20px;padding:15px 0 5px;font-size:14px;line-height:1.7}
.book-email{flex-basis:100%;overflow-wrap:anywhere}
@keyframes book-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.book-expand{transition:none}.book-reveal:not([hidden]){animation:none}}