body.books-active{background:#0d0906;color:#fff}
.book-room{min-height:100dvh;background:#130e0a url('../assets/books/reading-room-desktop.webp') center top/cover no-repeat;padding:36px 30px 50px;color:#fff}
.book-content{max-width:1380px;margin:auto}
.book-topbar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-bottom:31px}
.book-topbar .back{color:#fff;font-size:18px}
.book-topbar .back .icon{filter:invert(1)}
.book-topbar .brand{grid-column:2;justify-self:center;font-size:19px;white-space:nowrap;gap:20px}
.book-topbar .brand:before,.book-topbar .brand:after{width:50px;background:#d7d3cc}
.book-title{font:900 clamp(48px,6.6vw,100px)/.96 var(--display);letter-spacing:-.035em;text-transform:uppercase;text-align:center;margin:0 0 15px}
.book-title span{color:#f50918}
.book-question{text-align:center;font:500 25px/1.4 var(--body);margin:0 0 24px}
.book-meta{display:grid;grid-template-columns:1fr 1fr 1.35fr;max-width:640px;margin:0 auto 41px;text-align:center}
.book-meta>div{padding:0 20px}
.book-meta>div+div{border-left:1px solid #bdb5a7}
.book-meta strong{font-size:23px;white-space:nowrap;line-height:1.3;font-weight:700}
.book-meta em{color:#ff2634;font-style:normal}
.book-meta .book-selection-count{color:#ff2634}
.book-meta small{display:block;font-size:16px;color:#beb7ae;margin-top:5px}
.book-pairs{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:min(890px,100%);margin:auto}
.book-candidate{min-width:0}
.book-stand{display:block;position:relative;width:100%;aspect-ratio:600/790;margin:0;padding:0;border:0;background:none;cursor:zoom-in;color:#15110d}
.book-stand-skin{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.book-paper{position:absolute;left:8.333%;right:8.333%;top:8.228%;bottom:19.241%;padding:5px;background:#f3e7ce;box-shadow:0 1px 6px #0006;display:flex;align-items:center;justify-content:center}
.book-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.book-letter{position:absolute;z-index:1;top:-1%;left:39%;width:22%;aspect-ratio:1.15;display:grid;place-items:center;background:#eedec0 url('../assets/ui/poet-desk/feedback-paper.webp') center/cover;border-radius:2px;font:48px/1 Georgia,serif;box-shadow:0 2px 5px #0006}
.book-magnifier{position:absolute;right:6.8%;bottom:18.8%;display:grid;place-items:center;width:51px;height:51px;border:2px solid #beb7a9;border-radius:50%;background:#151817;box-shadow:0 2px 5px #0008}
.book-magnifier .icon{filter:invert(1);width:27px;height:27px}
.book-answer,.book-next{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#ed0b18;color:#fff;border:0;border-radius:8px;padding:15px 12px;min-height:61px;font:700 23px/1.2 var(--body);cursor:pointer}
.book-answer{width:92%;margin:-10px auto 0;position:relative}
.book-answer:not(:disabled):hover,.book-next:hover{background:#cd0913;transform:none}
.book-answer:active,.book-next:active{transform:translateY(1px)}
.book-answer.correct{background:#286d42}.book-answer.wrong{background:#a81821}.book-answer.muted{background:#504338;color:#ded8ce}
.book-answer:disabled{cursor:default;opacity:1}
.book-answer .icon,.book-next .icon{filter:invert(1)}
.book-help{color:#dac4a6;font-size:16px;line-height:1.5;text-align:center;margin:18px auto 0}
.book-reopen{display:block;margin:15px auto 0;padding:10px 16px;min-height:44px;color:#fff;background:#24180de6;border:1px solid #9c8770;border-radius:5px;font:600 15px var(--body);cursor:pointer}
.book-image-error{max-width:600px;margin:15px auto;text-align:center;background:#fff1df;color:#8e131a;padding:14px;border-radius:5px}.book-image-error a{color:inherit}
.book-room :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:4px}
.book-viewer{width:min(860px,calc(100vw - 32px));max-width:none;height:min(900px,calc(100dvh - 30px));max-height:none;padding:20px 22px 16px;margin:auto;border:1px solid #876c4d;border-radius:5px;background:#21180f url('../assets/books/reading-room-mobile.webp') center/cover;color:#fff;overflow:hidden;box-sizing:border-box}
.book-viewer[open]{display:flex;flex-direction:column;gap:12px}
.book-viewer::backdrop,.book-feedback::backdrop{background:#0c0807b8;backdrop-filter:blur(4px)}
.book-viewer header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.book-viewer h2{font:900 29px/1.15 var(--display);margin:0}
.book-close{display:grid;place-items:center;flex:none;border:0;background:none;color:inherit;width:44px;height:44px;padding:10px;cursor:pointer;border-radius:4px}
.book-viewer .book-close .icon{filter:invert(1)}
.book-close:hover{background:#ffffff18}
.book-tabs{display:flex;justify-content:center;gap:20px}
.book-tabs button{font:35px/1 Georgia,serif;color:#20190e;width:68px;min-height:52px;border:0;border-bottom:3px solid transparent;border-radius:2px;background:#ecddbe url('../assets/ui/poet-desk/feedback-paper.webp') center/cover;cursor:pointer}
.book-tabs button[aria-selected=true]{border-bottom-color:#ed0b18}
.book-viewer-stage{flex:1;min-height:0;position:relative;overflow:hidden;background:#f2e5cd;touch-action:none;display:grid;place-items:center;cursor:default}
.book-viewer-stage.zoomed{cursor:grab}.book-viewer-stage.zoomed:active{cursor:grabbing}
.book-viewer-stage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform;position:absolute}
.book-viewer-error{position:absolute;background:#f2e5cd;color:#7b1417;padding:20px}
.book-zoom{display:flex;justify-content:center;gap:8px}
.book-zoom button{min-width:44px;height:44px;background:#19110cdc;color:#fff;border:1px solid #8e775c;border-radius:4px;font:600 20px var(--body);cursor:pointer}
.book-zoom button:nth-child(2){min-width:68px;font-size:14px}
.book-viewer-help{font-size:13px;line-height:1.4;text-align:center;color:#d8c9b6;margin:0}
.book-viewer footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none}
.book-viewer .book-answer{width:100%;margin:0;min-height:52px;font-size:20px}
.book-feedback{box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:39px 36px 25px;border:0;border-radius:3px;color:#281e15;background:#edddbd url('../assets/ui/poet-desk/feedback-paper.webp') center/100% 100%;overflow:hidden;box-shadow:0 18px 60px #0009}
.book-feedback[open]{display:flex;flex-direction:column}
.book-feedback .book-close{position:absolute;top:5px;right:5px}
.book-feedback-scroll{min-height:0;overflow:auto;padding-right:5px;overscroll-behavior:contain}
.book-feedback-scroll:focus{outline:none}
.book-feedback h2{font:bold 39px/1.15 Georgia,serif;color:#8b171d;margin:0 25px 13px 0}
.book-feedback .book-original{font-size:16px;color:#7b2924;font-weight:700;margin-bottom:24px}
.book-feedback h3{font:bold 31px/1.2 Georgia,serif;margin:0 0 10px}
.book-feedback p{font-size:17px;line-height:1.65;margin:0 0 17px}
.book-feedback .book-work{font-weight:700}
.book-feedback .sources{margin:20px 0 0;font-size:14px;gap:8px}
.book-feedback .sources a{color:#603525}
.book-feedback footer{padding-top:24px;flex:none}
.book-feedback .book-next{font-size:19px;min-height:54px;justify-content:space-between}
.book-feedback :is(button,a):focus-visible{outline:3px solid #8b171d;outline-offset:3px}
.mode-card[data-mode=books]{grid-column:1/-1}
.mode-card[data-mode=books] .cover{object-position:center}
@media(min-width:1500px){.book-room{padding-top:40px}.book-pairs{width:min(950px,100%)}.book-title{font-size:100px}}
@media(min-width:701px) and (max-height:850px){.book-room{padding-top:23px}.book-topbar{margin-bottom:22px}.book-title{font-size:clamp(46px,6vw,84px)}.book-question{margin-bottom:16px;font-size:22px}.book-meta{margin-bottom:27px}.book-pairs{width:min(740px,100%)}.book-help{margin-top:13px}}
@media(max-width:1000px){.book-topbar{grid-template-columns:1fr 1fr}.book-topbar .brand{justify-self:end;font-size:15px;gap:14px}.book-topbar .brand:before,.book-topbar .brand:after{width:28px}.book-topbar .back{font-size:15px}.book-question{font-size:20px}.book-pairs{width:min(760px,100%)}}
@media(max-width:700px){
 .book-room{padding:45px 8px 40px;background-image:url('../assets/books/reading-room-mobile.webp');background-size:100% max(100dvh,800px)}
 .book-topbar{margin:0 23px 29px;gap:14px}.book-topbar .back{font-size:14px;white-space:nowrap;gap:7px}.book-topbar .back .icon{width:19px;height:19px}.book-topbar .brand{font-size:13px;gap:10px}.book-topbar .brand:before,.book-topbar .brand:after{width:26px}
 .book-title{font-size:clamp(38px,12.6vw,78px);line-height:.96;letter-spacing:-.035em;margin:0 0 12px}.book-title span{display:block}
 .book-question{font-size:clamp(13px,3.55vw,20px);line-height:1.35;white-space:nowrap;margin:0 8px 25px}
 .book-meta{max-width:100%;margin:0 29px 39px;grid-template-columns:1fr 1fr 1.4fr}.book-meta>div{padding:0 10px}.book-meta strong{font-size:clamp(13px,3.7vw,20px)}.book-meta small{font-size:clamp(10px,2.8vw,14px);margin-top:5px}
 .book-pairs{gap:4px;width:100%}.book-paper{padding:3px}.book-letter{font-size:clamp(27px,8vw,43px)}.book-magnifier{width:34px;height:34px;border-width:1.5px}.book-magnifier .icon{width:19px;height:19px}
 .book-answer{font-size:clamp(15px,4vw,23px);min-height:44px;border-radius:7px;margin:-7px auto 0;padding:12px 7px}.book-answer .icon{width:16px;height:16px}
 .book-help{font-size:12px;margin-top:14px}.book-reopen{margin-top:12px}
 .book-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px 12px 14px}
 .book-viewer[open]{gap:9px}.book-viewer h2{font-size:23px}.book-tabs button{font-size:30px;width:60px;min-height:46px}.book-viewer .book-answer{min-height:48px;font-size:16px}.book-viewer footer{gap:9px}.book-viewer-help{font-size:11px}
 .book-feedback{padding:40px 21px 22px}.book-feedback h2{font-size:34px}.book-feedback h3{font-size:26px}.book-feedback p{font-size:16px;line-height:1.55}.book-feedback .book-original{margin-bottom:19px}.book-feedback footer{padding-top:18px}
}
@media(max-width:360px){.book-topbar{margin-left:16px;margin-right:16px}.book-topbar .brand:before,.book-topbar .brand:after{display:none}.book-meta{margin-left:15px;margin-right:15px}.book-question{font-size:3.45vw}}
@media(prefers-reduced-motion:no-preference){.book-feedback[open]{animation:book-paper-enter 220ms ease-out}@keyframes book-paper-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
/* Keep the comparison and its answer controls together in a desktop viewport. */
@media(min-width:1001px){
 .book-room{padding-top:26px;padding-bottom:28px}
 .book-topbar{margin-bottom:16px}
 .book-title{margin-bottom:8px}
 .book-question{margin-bottom:18px}
 .book-meta{margin-bottom:23px}
 .book-pairs{width:min(1140px,calc((100dvh - 348px) * 1.52 + 26px),100%)}
}
@media(max-width:700px){
 .book-room{padding-top:32px}
 .book-topbar{margin-bottom:14px}
 .book-topbar .brand:before,.book-topbar .brand:after{display:block}
 .book-title{font-size:clamp(44px,13.8vw,84px);margin-bottom:6px}
 .book-title span{font-size:clamp(38px,12.6vw,78px);line-height:1}
 .book-question{margin-bottom:18px}
 .book-meta{margin-bottom:24px}
 .book-stand{aspect-ratio:.62}
}
@media(min-width:1001px){
 .book-topbar{margin-bottom:10px}
 .book-title{font-size:clamp(48px,6.2vw,94px);margin-bottom:6px}
 .book-question{font-size:23px;margin-bottom:7px}
 .book-meta strong{font-size:22px}.book-meta small{font-size:14px}.book-meta{margin-bottom:8px}
 .book-pairs{width:min(1100px,calc((100dvh - 392px) * 1.52 + 26px),100%)}
}
@media(max-width:700px){.book-paper{left:5%;right:5%}}

@media(min-width:1001px){.book-room{padding-bottom:26px}.book-candidate:first-child .book-letter{left:0;top:0;width:16%}.book-candidate:last-child .book-letter{left:auto;right:0;top:0;width:16%}}
.book-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book-review-pair figure{margin:0;min-width:0}.book-review-pair .review-media{height:220px;margin-bottom:8px;border-radius:3px}.book-review-pair figcaption{font-size:13px;font-weight:700;line-height:1.5}
@media(max-width:480px){.book-review-pair{gap:7px}.book-review-pair .review-media{height:175px}.book-review-pair figcaption{font-size:12px}}
@media(min-width:1001px){
 .book-pairs{width:min(1140px,calc((100dvh - 392px) * 1.74 + 26px),100%)}
 .book-stand{aspect-ratio:.87}
 .book-stand-skin{position:absolute;top:-5%;height:112%}
 .book-paper{top:1.5%;bottom:16%}
 .book-magnifier{bottom:15.8%}
 .book-candidate:first-child .book-letter{left:-3%;top:2.5%}
 .book-candidate:last-child .book-letter{right:-3%;top:2.5%}
}
@media(max-width:700px){.book-question{font-size:clamp(14px,3.55vw,20px)}}
@media(max-width:360px){.book-question{font-size:14px}}
@media(min-width:1001px){.book-candidate .book-answer{width:74%;margin-top:-22px;min-height:64px}.book-help{display:none}}