#about{width:min(620px,94vw);max-height:90dvh;overflow:auto;padding:32px 44px 42px;background:#fbfaf6;border:1px solid #d6d6d6;border-radius:4px;box-shadow:0 24px 80px #27272733;color:#323232;scrollbar-width:thin}
#about::backdrop{background:#35353555;backdrop-filter:blur(6px)}
#about .close-about{position:absolute;right:16px;top:12px;width:36px;height:36px;display:grid;place-items:center;font:28px/1 Arial;color:#686868;border-radius:50%}
#about .close-about:hover{background:#e9e9e9;color:#323232}
.reading-scene{max-width:390px;margin:0 auto 30px}
.about-books-art{display:block;width:100%;height:360px;overflow:visible}
.about-volume{cursor:pointer;outline:none}
.volume-body{transition:transform .32s cubic-bezier(.22,.76,.18,1)}
.about-volume:hover .volume-body,.about-volume:focus .volume-body{transform:translate(-16px,9.28px)}
.about-volume:hover .volume-spine,.about-volume:focus .volume-spine{stroke:#3e4346;stroke-width:1.35}
.about-volume:focus-visible .volume-spine{stroke:#202528;stroke-width:2}
#about .about-book-hint{min-height:44px;margin:10px 0 0;text-align:center;font:13px/1.6 Arial,sans-serif;color:#717171}
@media(prefers-reduced-motion:reduce){.volume-body{transition:none}}
#about .about-eyebrow{display:block;font:500 12px/1.5 Arial,Helvetica,sans-serif;color:#737373;letter-spacing:.1em;margin-bottom:12px}
#about h2{font:400 44px/1.08 Georgia,serif;letter-spacing:-.035em;color:#323232;margin:0 0 20px}
#about h2:focus{outline:none}
#about p{font:400 16px/1.7 Arial,Helvetica,sans-serif;color:#5b5b5b;margin:0 0 20px}
#about .about-intro{max-width:43ch}
#about .collection-count{font-size:14px;color:#737373;margin-bottom:26px}
.about-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#about .recommend-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#484848;color:#fff;padding:12px 18px;border:1px solid #484848;border-radius:4px;font:500 14px/1.5 Arial,Helvetica,sans-serif}
#about .recommend-button:hover{background:#373737}
#about .recommend-button:disabled{opacity:.6}
#about .inbox-button{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#585858;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
#about [hidden]{display:none!important}
#about .recommendation-panel{border-top:1px solid #d8d8d8;margin-top:30px;padding-top:28px}
#about h3{font:400 27px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0 0 10px;color:#323232}
#about .form-intro{font-size:15px;margin-bottom:22px}
#recommendation-form{display:grid;gap:18px}
#recommendation-form label{display:block;font:500 14px/1.5 Arial,Helvetica,sans-serif;color:#3e3e3e}
#recommendation-form .optional{font-weight:400;font-size:13px;color:#7b7b7b;margin-left:6px}
#recommendation-form input,#recommendation-form textarea{display:block;width:100%;padding:11px 12px;margin-top:7px;border:1px solid #cccccc;border-radius:3px;background:#fdfdfd;color:#333333;font:400 16px/1.5 Arial,Helvetica,sans-serif;resize:vertical}
#recommendation-form input::placeholder,#recommendation-form textarea::placeholder{color:#8a8a8a}
#recommendation-form .recommend-button{justify-self:start}
#about .form-status{font-size:14px;margin:0;line-height:1.6}
#about .form-status:empty{display:none}
#about .form-status.is-error{color:#565656}
#about .recommendation-signin{font-size:15px;color:#484848}
.recommendation-item{padding:22px 0;border-bottom:1px solid #d8d8d8}
#about .recommendation-item h4{font:400 22px/1.3 Georgia,serif;margin:0 0 6px;color:#323232}
#about .recommendation-item p{font-size:15px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#about .recommendation-item .rec-author{font-size:14px;color:#737373;margin:0 0 14px}
.rec-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font:13px/1.5 Arial;color:#737373}
#about .review-status{font:13px/1.5 Arial;color:#585858;text-decoration:underline;text-underline-offset:4px;padding:7px 0}
@media(max-width:680px){#about{padding:30px 26px 34px}.reading-scene{max-width:300px;margin-bottom:20px}.about-books-art{height:300px}#about h2{font-size:38px}.about-actions{gap:12px 20px}}