body{background:#f4f0e6}.intro{padding-top:20px;padding-bottom:18px}.intro h1{font-size:30px}.shelf-room{max-width:1400px;margin:0 auto;padding:0;background:none;overflow-x:auto}.book-nook{position:relative;width:100%;aspect-ratio:3/2;isolation:isolate}.book-nook>img{width:100%;height:100%;display:block}.book-spot{position:absolute;border:0;padding:0;background-image:url('assets/book-nook-v2.png');background-size:var(--nook-width) auto;background-repeat:no-repeat;cursor:pointer;transition:transform .22s,filter .22s;transform-origin:50% 90%;clip-path:polygon(4% 2%,94% 0,100% 6%,100% 97%,8% 100%,0 93%,0 8%)}.book-spot:hover,.book-spot:focus-visible{transform:translateY(-8px) rotate(-1deg);filter:brightness(1.07) drop-shadow(0 5px 5px #37241455);outline:0}.book-spot:focus-visible:after{content:'';position:absolute;inset:8%;border:2px dashed #fff9df;border-radius:5px}.book-name-hint{margin:0;padding:8px 20px;min-height:40px;font:18px var(--hand);text-align:center;color:#5f4b38}.book-cover-preview{width:150px;aspect-ratio:var(--cover-ratio);margin:auto;background-image:url('assets/book-nook-v2.png');background-size:var(--cover-size) auto;background-position:var(--cover-position);background-repeat:no-repeat;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.page-footer{font-size:9px;padding:10px}.paper-page p{font-size:12px}@media(max-width:650px){.book-nook{width:850px}.intro{padding:18px 20px}.intro h1{font-size:26px}.book-cover-preview{width:125px}}@media(prefers-reduced-motion:reduce){.book-spot{transition:none}}