#book-details{--detail-tint:100 112 136;--detail-accent:210 198 165;width:min(1140px,calc(100% - 64px));max-width:1140px;padding:54px 52px 36px;border:1px solid rgb(var(--detail-accent)/.65);border-radius:22px;background:radial-gradient(ellipse at 12% 100%,rgb(var(--detail-tint)/.42),transparent 48%),radial-gradient(ellipse at 23% 7%,rgb(var(--detail-tint)/.28),transparent 62%),linear-gradient(130deg,#17202b,#0d141c 65%,#121921);box-shadow:inset 0 1px 0 rgb(var(--detail-accent)/.22),0 32px 100px #000b;isolation:isolate;overflow-x:hidden}
#book-details:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(circle at 11% 45%,rgb(var(--detail-accent)/.8) 0 1px,transparent 1.5px),radial-gradient(circle at 37% 34%,rgb(var(--detail-accent)/.8) 0 1px,transparent 1.8px),radial-gradient(circle at 29% 70%,rgb(var(--detail-accent)/.6) 0 1px,transparent 1.8px),radial-gradient(circle at 7% 82%,rgb(var(--detail-accent)/.5) 0 1px,transparent 2px);background-size:147px 183px,251px 197px,311px 227px,431px 347px;mask-image:linear-gradient(90deg,#000,transparent 62%)}
#book-details::backdrop{background:radial-gradient(ellipse at 28% 75%,rgb(var(--detail-tint)/.18),#03070ce8);backdrop-filter:blur(9px)}
#book-details .detail-layout{grid-template-columns:minmax(265px,.85fr) minmax(0,1.4fr);gap:48px;align-items:center}
#book-details #detail-cover{position:relative;padding:13px 5px 0}
#book-details #detail-cover:before{content:'';position:absolute;inset:35% -30% 1%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 80%,rgb(var(--detail-tint)/.64),transparent 65%);filter:blur(22px)}
#book-details .physical-book{width:238px;filter:drop-shadow(12px 17px 17px #0008)}
#book-details .physical-front{box-shadow:0 0 1px rgb(var(--detail-accent)/.7),4px 0 6px #0007}
#book-details .physical-front:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff1,transparent 2%,#0005 3%,transparent 6%,transparent 95%,#fff1);border:1px solid #f1e5c322;border-radius:inherit}
#book-details .physical-controls{margin-top:40px;gap:17px}
#book-details .physical-controls button{font-size:12px;padding:11px 23px;border-color:rgb(var(--detail-accent)/.7);background:linear-gradient(110deg,rgb(var(--detail-tint)/.42),rgb(var(--detail-accent)/.15));color:#f0e7da;box-shadow:inset 0 1px #ffffff16,0 0 22px rgb(var(--detail-tint)/.25)}
#book-details .physical-controls small{font-size:8px;letter-spacing:1.3px;color:#b6bfc7}
#book-details #detail-genre{font-size:9px;color:rgb(var(--detail-accent));letter-spacing:1.6px;display:grid;gap:13px}
#book-details #detail-genre:after{content:'◇';display:block;width:105px;text-align:center;line-height:1px;border-top:1px solid rgb(var(--detail-accent)/.6);font-size:11px;text-shadow:0 0 8px #151d27}
#book-details #detail-title{font:500 clamp(38px,4.5vw,62px)/1.04 var(--serif);letter-spacing:-1.2px;margin:23px 0 15px;color:rgb(var(--detail-accent));text-wrap:balance;text-shadow:0 2px 1px #0008}
#book-details #detail-author{font:italic 22px var(--serif);color:rgb(var(--detail-accent)/.95);margin:0 0 26px}
#book-details #detail-author .book-author-link{font:inherit;color:inherit;text-decoration-color:rgb(var(--detail-accent)/.4)}
#book-details #detail-description{font:20px/1.65 var(--serif);color:#e0e0dc;max-width:550px;max-height:166px;overflow:auto;scrollbar-width:thin;margin-bottom:24px}
#book-details .detail-price{font:34px var(--serif);color:rgb(var(--detail-accent));margin-top:22px}
#book-details #detail-note{font-size:10px;color:#a9b7c2;line-height:1.8;margin:9px 0 22px}
#book-details .detail-actions{gap:10px;margin-top:0}
#book-details .detail-actions button{font-size:11px;border-radius:7px;min-height:42px;padding:10px 16px;border-color:rgb(var(--detail-accent)/.4);background:linear-gradient(145deg,#ffffff0e,#ffffff04);box-shadow:inset 0 1px #ffffff12;color:#e9e8e4;transition:background .18s,border-color .18s,box-shadow .18s}
#book-details .detail-actions .primary{background:linear-gradient(115deg,#23465299,rgb(var(--detail-tint)/.5));border-color:rgb(var(--detail-accent)/.85);color:#f2f3ec;box-shadow:0 0 20px rgb(var(--detail-tint)/.35),inset 0 1px #ffffff22;font-size:11px}
#book-details .detail-actions button:hover{border-color:rgb(var(--detail-accent)/.85);background:rgb(var(--detail-tint)/.24);box-shadow:0 0 18px rgb(var(--detail-tint)/.18)}
#book-details .detail-actions button:focus-visible,#book-details .physical-controls button:focus-visible{outline:2px solid rgb(var(--detail-accent));outline-offset:4px}
#book-details .dialog-close{top:17px;right:18px;width:38px;height:38px;border:1px solid rgb(var(--detail-accent)/.65);box-shadow:0 0 16px rgb(var(--detail-tint)/.4),inset 0 0 9px #ffffff12;color:#e9e9e6;background:#27344166;font-size:15px}
@media(max-width:900px){#book-details{padding:48px 32px 35px;width:calc(100% - 36px)}#book-details .detail-layout{gap:25px;grid-template-columns:minmax(205px,.8fr) 1.2fr}#book-details .physical-book{width:205px}#book-details #detail-description{font-size:18px}#book-details #detail-author{font-size:20px}}
@media(max-width:650px){#book-details{width:calc(100% - 20px);padding:45px 24px 28px;border-radius:16px;max-height:94dvh}#book-details .detail-layout{grid-template-columns:1fr;gap:29px}#book-details #detail-cover{padding:0}#book-details .physical-book{width:178px!important}#book-details .physical-controls{margin-top:26px;gap:12px}#book-details #detail-title{font-size:41px;margin-top:21px}#book-details #detail-description{font-size:18px;max-height:none}#book-details #detail-author{margin-bottom:20px}#book-details #detail-genre{font-size:8px}#book-details .detail-actions button{flex:1 1 auto;padding-inline:13px;font-size:10px}#book-details .detail-price{font-size:29px}#book-details:before{mask-image:linear-gradient(#000,transparent 60%)}}
@media(prefers-reduced-motion:reduce){#book-details .detail-actions button{transition:none}}
@media(min-width:651px) and (max-height:650px){#book-details{padding:34px 32px 28px;max-height:92dvh}#book-details .physical-book{width:180px}#book-details .physical-controls{margin-top:26px;gap:12px}#book-details .physical-controls button{font-size:10px;padding:9px 15px}#book-details #detail-title{font-size:40px;margin:20px 0 12px}#book-details #detail-description{font-size:17px;line-height:1.5;max-height:110px;margin-bottom:15px}#book-details #detail-author{font-size:19px;margin-bottom:18px}#book-details .detail-price{font-size:28px;margin-top:14px}#book-details #detail-note{font-size:9px;margin-bottom:15px}#book-details .detail-actions{gap:8px}#book-details .detail-actions button{font-size:10px;min-height:37px;padding:9px 12px}#book-details .detail-layout{gap:30px}}
@media(max-width:650px){#book-details #detail-cover:before{inset:35% 0 1%}}
.reduce-motion #book-details .detail-actions button{transition:none}