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