.member-shelf{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 0,rgba(198,155,82,.18),transparent 32%),linear-gradient(145deg,#f5efe3,#e8e5dc);border-block:1px solid #d3c8b5}.member-shelf:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:90px 100%;opacity:.2;pointer-events:none}.member-shelf .shelf-heading{position:relative;display:block;max-width:1400px;margin:0 auto 42px;padding:0 0 24px;border-bottom:1px solid #bbae96}.member-shelf .shelf-heading:before{content:"Your personal reading room";display:block;margin-bottom:13px;color:#986f32;font:700 10px var(--sans);letter-spacing:.18em;text-transform:uppercase}.member-shelf .shelf-heading h2{margin:0;font-size:clamp(48px,5vw,72px)}.member-shelf .shelf-slots{position:relative;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));align-items:start;gap:38px clamp(22px,3vw,42px);padding:8px 0 34px}.member-shelf .shelf-slots:after{content:"";position:absolute;left:-2%;right:-2%;bottom:8px;height:16px;border-radius:2px;background:linear-gradient(#9a6e3f,#684524);box-shadow:0 9px 16px rgba(52,34,17,.25),inset 0 2px rgba(255,255,255,.22)}.shelf-book{display:block;min-width:0;color:var(--ink);text-decoration:none;transition:transform .22s ease}.shelf-book:hover{transform:translateY(-8px)}.shelf-book:focus-visible{outline:3px solid var(--gold);outline-offset:7px;border-radius:3px}.shelf-book-cover{position:relative;display:flex;aspect-ratio:2/3;max-width:230px;margin:0 auto;padding:18px 14px 20px;align-items:center;flex-direction:column;color:#fff5df;text-align:center;border-radius:3px 7px 7px 3px;box-shadow:5px 9px 18px rgba(40,28,17,.24),inset 3px 0 rgba(255,255,255,.12),inset -3px 0 rgba(0,0,0,.18);overflow:hidden}.shelf-book-cover:before{content:"";position:absolute;inset:10px;border:1px solid currentColor;border-radius:1px 4px 4px 1px;opacity:.36}.shelf-book-cover:after{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:rgba(0,0,0,.32);box-shadow:2px 0 rgba(255,255,255,.1)}.shelf-book-cover small,.shelf-book-cover strong,.shelf-book-cover i{position:relative;z-index:1}.shelf-book-cover small{font:700 7px var(--sans);letter-spacing:.16em;text-transform:uppercase}.shelf-book-cover strong{display:block;margin:auto 0;padding:14px 8px;font:clamp(16px,1.4vw,22px)/1.15 var(--serif)}.shelf-book-cover i{font-style:normal;color:var(--gold-light);font-size:16px}.shelf-cover-1{background:linear-gradient(145deg,#1c5060,#091f29)}.shelf-cover-2{background:linear-gradient(145deg,#8a5038,#3c211a)}.shelf-cover-3{background:linear-gradient(145deg,#4d6240,#17251a)}.shelf-cover-4{background:linear-gradient(145deg,#796d3e,#332b17)}.shelf-cover-5{background:linear-gradient(145deg,#5a3c70,#25182f)}.shelf-cover-6{background:linear-gradient(145deg,#a27b39,#4e3518)}.shelf-book-title{display:block;max-width:230px;margin:17px auto 0;font:20px/1.25 var(--serif);text-align:center}.member-shelf .shelf-slots:empty:after{content:"Your shelf is ready for its first book.";position:static;display:block;grid-column:1/-1;height:auto;padding:38px;border:1px dashed #b9aa92;background:rgba(255,253,248,.55);color:var(--muted);font:21px var(--serif);text-align:center;box-shadow:none}@media(max-width:700px){.member-shelf .shelf-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.shelf-book-cover{padding:15px 10px}.shelf-book-title{font-size:17px}}