.book-card-cyber{border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.book-card-cyber:before{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#00f5ff4d,#bf00ff4d,#ff00ff4d,#00f5ff4d) 0 0/400% 400%;border-radius:14px;transition:opacity .4s;animation:4s linear infinite gradient-rotate;position:absolute;inset:-2px}.book-card-cyber:hover:before{opacity:1}.book-card-cyber:after{content:"";pointer-events:none;opacity:0;background-color:#0000;background-image:linear-gradient(#00f5ff05 1px,#0000 1px),linear-gradient(90deg,#00f5ff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transition:opacity .4s;position:absolute;inset:0}.book-card-cyber:hover:after{opacity:1}.book-cover-area{aspect-ratio:2;position:relative;overflow:hidden}.book-cover-area:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.book-cover-area:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(45deg,#0000 40%,#ffffff0d 50%,#0000 60%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}.book-card-cyber:hover .book-cover-area:after{transform:translate(100%)}.tech-border-decoration{pointer-events:none;z-index:4;position:absolute;inset:0}.tech-corner{opacity:.3;width:24px;height:24px;transition:opacity .3s;position:absolute}.book-card-cyber:hover .tech-corner{opacity:.6}.tech-corner.top-left{border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);top:8px;left:8px}.tech-corner.top-right{border-top:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan);top:8px;right:8px}.tech-corner.bottom-left{border-bottom:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);bottom:8px;left:8px}.tech-corner.bottom-right{border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan);bottom:8px;right:8px}.book-spine{background:linear-gradient(#00f5ff66 0%,#bf00ff66 50%,#f0f6 100%);width:8px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -2px 0 4px #0000004d,inset 2px 0 4px #ffffff1a}.book-spine-lines{flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:10% 2px}.book-spine-line{background:#fff3;height:1px}.book-pages-edge{background:repeating-linear-gradient(90deg,#2a2a3a 0 1px,#1a1a2a 1px 2px);border-radius:0 4px 4px 0;width:4px;position:absolute;top:16px;bottom:16px;right:0}.book-info-area{padding:16px;position:relative}.book-info-area:before{content:"";background:linear-gradient(90deg,#0000,#00f5ff4d,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}.book-title{color:#fff;margin-bottom:4px;font-size:1.125rem;font-weight:700;line-height:1.4;transition:color .3s}.book-card-cyber:hover .book-title{color:var(--neon-cyan)}.book-author{color:#6b7280;margin-bottom:8px;font-family:Geist Mono,monospace;font-size:.75rem}.book-description{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.book-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.book-tag{color:#9ca3af;background:#1f293780;border:1px solid #37415180;border-radius:4px;padding:2px 8px;font-size:.75rem;transition:all .3s}.book-card-cyber:hover .book-tag{color:#d1d5db;border-color:#00f5ff4d}.book-stats{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.75rem;display:flex}.book-stat{align-items:center;gap:4px;display:flex}.book-stat-icon{opacity:.6;width:14px;height:14px}.book-read-button{border-top:1px solid #37415180;justify-content:space-between;align-items:center;padding-top:12px;transition:all .3s;display:flex}.book-card-cyber:hover .book-read-button{border-top-color:#00f5ff4d}.book-read-text{color:#00f5ffcc;font-family:Geist Mono,monospace;font-size:.75rem}.book-read-icon{width:16px;height:16px;color:var(--neon-cyan);transition:transform .3s}.book-card-cyber:hover .book-read-icon{transform:translate(4px)}.book-status{z-index:5;border-radius:4px;padding:4px 8px;font-family:Geist Mono,monospace;font-size:.75rem;position:absolute;top:12px;right:12px}.book-status.ongoing{color:#10b981;background:#10b98133;border:1px solid #10b98180}.book-status.completed{color:var(--neon-cyan);background:#00f5ff33;border:1px solid #00f5ff80}.book-category{color:var(--neon-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0006;border:1px solid #00f5ff4d;border-radius:4px;padding:4px 8px;font-family:Geist Mono,monospace;font-size:.75rem;position:absolute;top:12px;left:12px}.book-cover-icon{object-fit:contain;filter:drop-shadow(0 0 8px #00f5ff4d);width:80px;height:80px;transition:transform .4s}.book-card-cyber:hover .book-cover-icon{filter:drop-shadow(0 0 12px #00f5ff80);transform:scale(1.1)}.book-shadow{filter:blur(8px);opacity:0;background:#0000004d;border-radius:50%;height:16px;transition:opacity .4s;position:absolute;bottom:-8px;left:16px;right:16px}.book-card-cyber:hover .book-shadow{opacity:1}@media (max-width:768px){.book-cover-icon{width:64px;height:64px}.book-title{font-size:1rem}.book-description{-webkit-line-clamp:2;font-size:.8125rem}}@media (max-width:640px){.book-info-area{padding:12px}.book-title{font-size:.9375rem}.book-description{font-size:.75rem;line-height:1.5}.book-tags{gap:4px}.book-tag{padding:2px 6px;font-size:.6875rem}}
