design: flatten 3D perspective angle of book stack to prevent vertical compression

frontend/src/App.css

@@ -2148,14 +2148,16 @@ input[type=number] {
   width: 250px;
   height: 190px;
   transform-style: preserve-3d;
-  transform: rotateX(55deg) rotateY(0deg) rotateZ(-30deg);
+  /* Shallower tilt to show covers fully and look spacious */
+  transform: rotateX(28deg) rotateY(-8deg) rotateZ(-12deg);
   transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .book-stack-wrapper:hover .book-pile {
-  transform: rotateX(48deg) rotateY(0deg) rotateZ(-20deg) translateY(-12px);
+  transform: rotateX(24deg) rotateY(-5deg) rotateZ(-6deg) translateY(-8px);
 }
 
+
 /* ─── Volumetric 3D Book Container ─────────── */
 .book-3d {
   position: absolute;