.bookshelf-container{perspective:1500px;padding:1.25rem 0 1.5rem}.shelf{background:linear-gradient(#ffffff03 0%,#00000080 100%);border-bottom:6px solid #0b0b0b;flex-wrap:wrap;align-items:flex-end;gap:2.25rem 1.25rem;min-height:316px;margin-bottom:2.25rem;padding:2.25rem 2.25rem 1.25rem;display:flex;position:relative}.shelf:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 120%,#d4b0680d,#0000 70%);position:absolute;inset:0}.shelf:after{content:"";transform-origin:top;background:#111;height:12px;position:absolute;bottom:-12px;left:0;right:0;transform:perspective(400px)rotateX(-45deg);box-shadow:0 15px 30px #000c}.shelf-title{color:#888;letter-spacing:.1em;text-transform:uppercase;font-size:1.25rem;font-weight:600;position:absolute;top:-40px;left:2rem}.book-wrapper{transform-style:preserve-3d;cursor:pointer;align-items:flex-end;height:100%;margin:0 1rem;transition:transform .35s cubic-bezier(.23,1,.32,1),filter .35s;display:flex;position:relative}.book-wrapper:hover{z-index:50;transform:translateZ(30px)rotateY(-9deg)translateY(-8px)}.book-wrapper:hover .book-cover{box-shadow:-7px 10px 22px #000000ad,inset 0 0 24px #ffffff09}.book-wrapper:hover:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffffff08,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.book-container{width:156px;height:224px;transform-style:preserve-3d;transition:transform .5s;position:relative}.book-cover{z-index:2;background:#2a2a2a;border-radius:3px 6px 6px 3px;width:156px;height:224px;position:absolute;overflow:hidden;transform:translateZ(10px);box-shadow:inset 4px 0 12px #00000061,6px 8px 18px #00000094}.book-spine{z-index:1;background:#1f1f1f;border-radius:6px 2px 2px 6px;width:28px;height:224px;position:absolute;left:-12px;transform:rotateY(-90deg)translateZ(12px);box-shadow:inset 0 0 10px #00000080}.shelf-glow{opacity:.2;filter:blur(2px);background:linear-gradient(90deg,#0000,#d4b068b3,#0000);height:1px;position:absolute;bottom:-8px;left:0;right:0}.dark-academy-accent{background:linear-gradient(135deg,#0f172a 0%,#000 100%)}.cover-texture-leather{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.cover-inner{background:linear-gradient(#ffffff04 0%,#fff0 32%);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;height:100%;padding:1.3rem 1.05rem;display:flex}.book-title{font-family:var(--font-display);color:#f3f4f6;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.book-tag{text-transform:uppercase;letter-spacing:.05em;color:#d4b068;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #d4b06852;border-radius:4px;width:fit-content;padding:1px 4px;font-size:.6rem}.shelf-obsidian .book-container:after{content:"";background:inherit;background-color:inherit;opacity:.35;filter:blur(.5px);pointer-events:none;height:80px;transition:all .5s;position:absolute;top:100%;left:0;right:0;transform:scaleY(-1)translateY(-8px)skew(-1deg);-webkit-mask-image:linear-gradient(#000 0%,#00000080 40%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000080 40%,#0000 100%)}.shelf-obsidian .book-wrapper:hover .book-container:after{opacity:.5;height:100px;transform:scaleY(-1)translateY(5px)skew(-2deg)}.shelf-obsidian{background:linear-gradient(#0a0a0a1a 0%,#0a0a0abf 100%);border-bottom:8px solid #111315;box-shadow:inset 0 -12px 24px #0000008c,0 20px 40px #00000073}.shelf-obsidian:after{background:#111315;box-shadow:0 20px 40px #000000e6}.book-wrapper{margin:0}.book-wrapper-selected .book-cover{box-shadow:-10px 10px 30px #000c,inset 0 0 40px #ffffff0d,0 0 0 1px #d4b06899}.book-wrapper-selected .book-container{transform:translateY(-6px)}.shelf-horizontal{scrollbar-width:thin;scrollbar-color:#d4b06873 #ffffff0f;flex-wrap:nowrap;align-items:flex-end;min-height:236px;margin-bottom:0;padding:.25rem 1.25rem .5rem;overflow:auto hidden}.shelf-horizontal::-webkit-scrollbar{height:8px}.shelf-horizontal::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.shelf-horizontal::-webkit-scrollbar-thumb{background:#d4b06873;border-radius:999px}