[data-full-room] .library{position:relative;isolation:isolate;background:var(--scene) center/100% 100% no-repeat}
[data-full-room] .library .header{background:rgba(255,249,229,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff9;border-radius:18px;box-shadow:0 2px 12px #38270b19}
[data-full-room] .library .shelf-rail{position:absolute;inset:var(--arrow-y,60%) 0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;transform:translateY(-50%);padding-inline:clamp(2px,1vw,24px);pointer-events:none;z-index:2}
[data-full-room] .shelf-rail input{display:none}
[data-full-room] .shelf-rail button{pointer-events:auto;width:clamp(44px,4.6vw,60px);aspect-ratio:1;background:#fff7e6ed;color:#244637;border-radius:50%;box-shadow:0 3px 10px #4b341f55;font-size:26px}
[data-full-room] .library .collection{position:relative}
@media(min-width:700px){
[data-full-room] .library{width:100%;max-width:none;padding:6px 0 0}
[data-full-room] .library::before{content:"";position:absolute;inset:0 0 auto;height:var(--upper-height,55%);background:var(--scene) center top/100% var(--upper-scale,185%) no-repeat;z-index:-1}
[data-full-room] .library .hero{background:none;align-content:end}
[data-full-room] .library .collection{background:transparent;padding-bottom:clamp(8px,1.8svh,22px)}
[data-full-room] .library .collection::before{height:100%;background:var(--scene) center var(--lower-shift,0px)/100% var(--lower-height,240%) no-repeat}
[data-full-room] .library .book-card{grid-template-rows:auto auto 6px auto}
[data-full-room] .library .book-tags{grid-row:1;margin:0}
[data-full-room] .library .shelf-credit{grid-row:2}
[data-full-room] .library .book-card .cover-button{grid-row:4}
}
@media(max-width:699px){
[data-full-room] .library .collection{padding-inline:44px}
[data-full-room] .library .shelf-rail{padding-inline:0}
}

@media(min-width:700px){
[data-full-room] .library .hero,[data-full-room] .library .collection,[data-full-room] .library::before{translate:0 calc(-1 * var(--shelf-lift,0px))}
[data-full-room] .library .collection::before{height:calc(100% + var(--shelf-lift,0px))}
}

@media(min-width:901px){
[data-full-room] .library .book-grid{align-items:end}
[data-full-room] .library .cover-button:hover{transform:none}
}