.book-modal-overlay{-webkit-backdrop-filter:blur(12px);padding:var(--spacing-md);z-index:1000;background:radial-gradient(at 50% 20%,#b8733329,#0000 48%),#0f0e0dd1;justify-content:center;align-items:center;animation:.3s forwards modalFadeIn;display:flex;position:fixed;inset:0}.book-modal-card{border:1px solid #c5a8803d;border-radius:18px;width:100%;max-width:980px;padding:clamp(28px,4vw,44px);animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalSlideUp;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000080,0 12px 32px #5b301833,inset 0 1px #ffedce1f;background:radial-gradient(at 20% 12%,#c5a8801f,#0000 42%),linear-gradient(145deg,#2c1c13fa,#140e0bfa)!important}.book-modal-close{top:var(--spacing-md);right:var(--spacing-md);color:#e5d3b3c2;cursor:pointer;z-index:50;background:linear-gradient(#ffedce1c,#ffedce0b);border:1px solid #c5a88038;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute}.book-modal-close:hover{color:#f0d5a5;background:#ffedce21;transform:translateY(-1px)}.book-modal-grid{grid-template-columns:1fr;align-items:center;gap:clamp(28px,5vw,56px);display:grid}@media (width>=768px){.book-modal-grid{grid-template-columns:1.1fr 1.3fr}}.book-modal-3d-viewport{padding:var(--spacing-xl) 0;background:radial-gradient(#c5a8801a,#0000 58%);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.book-3d-scene{perspective:1200px;width:220px;height:310px;overflow:visible}.book-3d-container{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,1,.5,1);position:relative;transform:rotateY(-28deg)rotateX(12deg)rotate(-1deg)}.book-3d-container:hover{transform:rotateY(-10deg)rotateX(6deg)rotate(0)}.book-3d-face{background-position:50%;background-size:cover;position:absolute}.book-3d-front{background:var(--color-surface-container);border-radius:0 4px 4px 0;width:220px;height:310px;top:0;left:0;overflow:hidden;transform:translateZ(12px);box-shadow:0 16px 42px #00000047,inset 0 0 10px #00000057}.book-3d-front img{object-fit:cover;width:100%;height:100%}.book-3d-leather-texture{mix-blend-mode:overlay;pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff08 0%,#00000026 100%);position:absolute;inset:0}.book-3d-gold-border{pointer-events:none;border:1px solid #ffedce42;border-radius:2px;position:absolute;inset:6px}.book-3d-back{background:#1e1b1a;border-radius:4px 0 0 4px;width:220px;height:310px;top:0;left:0;transform:rotateY(180deg)translateZ(12px);box-shadow:inset 0 0 15px #0009}.book-3d-spine{background:linear-gradient(90deg,#160f0b,#4a2c18,#1a120d);width:24px;height:310px;top:0;left:-12px;transform:rotateY(-90deg)translateZ(0);box-shadow:inset 0 0 8px #00000080}.book-3d-spine-inner{width:100%;height:100%;padding:var(--spacing-md) 0;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.spine-gold-line{background:#ffedce40;width:70%;height:1px}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;color:var(--color-primary);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:0;font-size:10px}.book-3d-pages{transform-origin:0;background:#e7dcc8;width:20px;height:302px;top:4px;left:210px;transform:rotateY(90deg)translate(-10px);box-shadow:inset 3px 0 5px #0003}.book-3d-pages-texture{background:repeating-linear-gradient(#e2dcce,#e2dcce 2px,#d7d1c1 2px 4px);width:100%;height:100%}.book-3d-shadow{width:220px;height:16px;bottom:var(--spacing-sm);filter:blur(4px);pointer-events:none;background:radial-gradient(#000000ad 0%,#0000 72%);position:absolute;left:50%;transform:translate(-50%)}.book-modal-details{flex-direction:column;justify-content:space-between;gap:24px;min-height:270px;display:flex}.book-modal-details #modal-book-title{color:#f0d5a5}.book-modal-details #modal-book-description{color:#e5d3b3c7;font-size:16px;margin-bottom:0!important;line-height:1.75!important}.book-modal-actions-box{padding:var(--spacing-md);background:linear-gradient(#ffedce13,#ffedce08),#130d0970;border:1px solid #c5a88033;border-radius:12px;margin-top:0;box-shadow:inset 0 1px #ffedce1a,inset 0 -18px 40px #00000024}.book-modal-actions-box a,.book-modal-actions-box button{min-height:44px;transition:transform .18s,border-color .18s,background-color .18s;border-radius:10px!important}.book-modal-actions-box a:hover,.book-modal-actions-box button:hover{transform:translateY(-1px)}.book-modal-actions-box a:focus-visible,.book-modal-actions-box button:focus-visible,.book-modal-close:focus-visible{outline-offset:3px;outline:2px solid #ffedced1}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.format-badge{align-items:center;gap:var(--spacing-xs);color:#e5d3b3bd;font-family:var(--font-ui);background:#ffedce12;border:1px solid #c5a8802e;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.format-badge.active{color:#f0d5a5;background:#ffedce1c;border-color:#d6ae6a61}.safe-inline-icon{justify-content:center;align-items:center;min-width:1.1em;line-height:1;display:inline-flex}@media (width<=640px){.book-modal-overlay{padding:12px}.book-modal-card{border-radius:14px;max-height:calc(100vh - 24px);padding:22px;overflow-y:auto}.book-3d-scene,.book-3d-front,.book-3d-back{width:180px;height:255px}.book-3d-spine{height:255px}.book-3d-pages{height:247px;left:170px}}@media (prefers-reduced-motion:reduce){.book-modal-overlay,.book-modal-card,.book-3d-container{transition:none!important;animation:none!important}}