/* A quiet shelf of real editions, lit by the same night sky as the archive. */
.site-header{gap:28px}.site-header nav{gap:24px}
.book-room{background:#0b1927;min-height:100vh}
.books-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:560px;padding:135px 8% 65px;overflow:hidden;background:radial-gradient(ellipse at 77% 35%,#3753654a,transparent 47%)}
.books-intro:before{content:'';position:absolute;width:450px;height:650px;right:10%;top:-330px;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#adc8d40b,transparent);pointer-events:none}
.books-intro .section-label{color:#cbb5c7;font-size:11px;margin-bottom:24px}
.books-intro h1{font:400 clamp(36px,3.7vw,54px)/1.65 var(--serif);letter-spacing:.04em;margin:0 0 21px}
.books-intro p{font-size:13px;line-height:2.15;color:#a7b9c8;margin:0}
.books-intro .books-intro-note{margin-top:22px;color:#718ba1;font-size:10px}
.books-display{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end;min-width:0}
.books-display:after{content:'';position:absolute;bottom:-20px;left:-12px;right:-12px;height:1px;background:linear-gradient(90deg,transparent,#b7c7cf36,transparent);pointer-events:none}
.books-display a{display:flex;justify-content:center;align-items:end;min-width:0;filter:drop-shadow(8px 12px 12px #020b1570);transition:transform .3s}
.books-display img{display:block;width:auto;height:215px;max-width:100%;object-fit:contain;object-position:center bottom}
.books-display a:hover{transform:translateY(-6px)}
.books-directory{padding:0 8% 75px;max-width:1600px;margin:auto}
.books-directory-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #b5ced42b}
.books-filters{display:flex;gap:30px}.books-filters button{padding:7px 0;color:#8ea5b9;font-size:12px;position:relative}
.books-filters button.active{color:#e1bfd2}.books-filters button.active:after{content:'';position:absolute;bottom:-23px;left:0;right:0;height:1px;background:#d3aac5}
.books-directory-head>span{font-size:10px;color:#7892a8;white-space:nowrap}
.books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 40px;padding-top:38px}
.book-entry{display:block;min-width:0}.book-stage{height:282px;display:flex;align-items:flex-end;justify-content:center;padding:12px 20px 26px;position:relative;background:radial-gradient(ellipse at 50% 70%,#37515e30,transparent 72%);border-bottom:1px solid #b4c8d226}
.book-stage:after{content:'';position:absolute;bottom:-8px;height:8px;left:0;right:0;background:linear-gradient(#192a39,#0b1927);border-top:1px solid #8ca5b512}
.book-stage img{height:238px;max-width:100%;object-fit:contain;filter:drop-shadow(9px 12px 9px #020b1599);transition:transform .35s,filter .35s}
.book-entry:hover .book-stage img,.book-entry.is-current .book-stage img{transform:translateY(-8px);filter:drop-shadow(10px 20px 12px #020b15aa)}
.book-caption{padding:27px 4px 0}.book-meta{display:flex;justify-content:space-between;font-size:10px;color:#92abbc}.book-meta>span:first-child{color:#c3a8bb}
.book-caption h2{font:400 25px/1.35 Georgia,var(--serif);margin:15px 0 12px;color:#e3e4e8}.book-caption h2 small{display:block;font:10px var(--sans);letter-spacing:.08em;margin-bottom:9px;color:#99afc1}
.book-caption p{font-size:12px;line-height:1.9;color:#8ea6ba;margin:0 0 19px}
.book-open{font-size:10px;color:#c8aebe;display:flex;align-items:center;gap:12px}.book-open svg{width:16px;height:16px}
.books-endnote{margin-top:60px;padding-top:26px;border-top:1px solid #b5ced41c;display:flex;justify-content:space-between;gap:40px}.books-endnote p{font-size:11px;line-height:2;color:#7c94a9;margin:0}.books-endnote a{color:#c0acbe;font-size:11px;white-space:nowrap}




#detail-dialog .book-detail-top{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;margin-bottom:26px}
#detail-dialog .book-detail-top>img{width:96px;height:auto;box-shadow:5px 7px 16px #020b1580}
#detail-dialog .book-detail-top>div>span{font-size:10px;color:#c5a8bc}
#detail-dialog .book-detail-top p{font-size:11px;line-height:1.9;margin:8px 0;color:#b6c5d2}
#detail-dialog .book-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#c8adc0;color:#152333;border:1px solid #c8adc0;border-radius:3px;padding:12px 15px;font-size:12px}
#detail-dialog .book-buy svg{width:15px;height:15px}#detail-dialog .book-buy:hover{background:#dfc3d5}
#detail-dialog .dialog-content>p.book-buy-note{font-size:10px!important;line-height:1.85!important;color:#8fa3b8;margin:11px 0 27px}
#detail-dialog .book-original{font-size:11px!important;line-height:1.8!important;color:#93a9bc!important;overflow-wrap:anywhere}
#detail-dialog .book-contents{padding-left:17px;font-size:12px;line-height:2;color:#b6c5d2}
#detail-dialog .book-specs{display:grid;grid-template-columns:70px 1fr;gap:12px;font-size:11px;margin:23px 0;padding:20px 0;border-top:1px solid var(--drawer-line);border-bottom:1px solid var(--drawer-line)}
#detail-dialog .book-specs dt{color:#869db2}#detail-dialog .book-specs dd{margin:0;color:#c4cfda;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.books-display a,.book-stage img{transition:none}}
