.bookshelf-stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef2f3;background-image:radial-gradient(circle at 50% 30%,#c8d2dc66,#fff0 60%),linear-gradient(to top,#eef2f3,#fff);overflow:hidden;position:relative}.bookshelf-deco{position:fixed;top:40px;right:80px;color:#d1d5db;font-size:60px;opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1.2}.bookshelf-title{font-family:var(--font-family-title);font-size:26px;color:#4a4a4a;letter-spacing:.35em;margin-bottom:56px;opacity:.65}.bookshelf-shelf{display:flex;gap:48px;align-items:flex-end;justify-content:flex-start;width:448px;padding:0 60px;perspective:900px}.bookshelf-row{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.bookshelf-row:last-of-type{margin-bottom:0}.book-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transform:rotateY(0);transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease;transform-style:preserve-3d;border-radius:2px 5px 5px 2px;box-shadow:6px 8px 24px #00000047;position:relative}.book-item:hover{transform:rotateY(0) translateY(-12px);box-shadow:0 24px 48px #00000052}.book-item-cover-wrap{width:140px;height:198px;overflow:hidden;border-radius:2px 4px 4px 2px;position:relative}.book-item-cover-inner{position:absolute;top:0;left:0;width:340px;height:480px;transform-origin:top left;transform:scale(calc(140 / 340));pointer-events:none}.bookshelf-plank{margin-top:0;width:448px;height:18px;background:linear-gradient(to bottom,#d4aa6e,#a07840 60%,#8a6530);border-radius:3px;box-shadow:0 5px 14px #00000038,inset 0 1px #ffffff26}.bookshelf-hint{margin-top:32px;font-family:var(--font-family-body);font-size:12px;color:#9ca3af;letter-spacing:.2em}