.crystal-book{--book-ink:#292923;--book-gold:#ccb88b;max-width:670px;min-width:0;margin-inline:auto;color:var(--book-ink)}
.crystal-book__stage{perspective:1500px;padding:32px 20px 38px;isolation:isolate}
.crystal-book__volume{position:relative;display:grid;grid-template-columns:.86fr 1fr;transform-style:preserve-3d;transform:rotateX(var(--book-rx,7deg)) rotateY(var(--book-ry,-10deg)) rotateZ(-2deg);transition:transform .35s ease-out;box-shadow:16px 28px 32px #0003;border-radius:3px 8px 8px 3px;min-height:345px;background:#ede4d1}
.crystal-book__volume::before{content:'';position:absolute;inset:8px -8px -9px 3px;z-index:-1;border-radius:4px 10px 10px 3px;background:repeating-linear-gradient(0deg,#d3c8b2 0px,#f5eedf 1px,#f5eedf 3px);border:1px solid #c1b399;transform:translateZ(-6px)}
.crystal-book__cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:22px;padding:28px 18px 24px;background:linear-gradient(90deg,#202d2a,#30433c 90%,#17251e);border:1px solid #425247;border-radius:3px 0 0 3px;color:#ebdfbf;text-align:center}
.crystal-book__cover::after{position:absolute;inset:12px;content:'';border:1px solid #ccb88b70;pointer-events:none}
.crystal-book__imprint,.crystal-book__edition,.crystal-book__profile-label{font-size:10px;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}
.crystal-book__title{font-family:var(--font-display);font-size:clamp(25px,2.8vw,42px);line-height:1.08;text-wrap:balance}
.crystal-book__emblem{width:64px;height:88px;color:var(--book-gold)}
.crystal-book__pages{position:relative;min-width:0;padding:22px 20px;background:linear-gradient(90deg,#cdc2aa 0,#f4eddc 7%,#faf5e9 48%,#eee5d1);border-radius:0 6px 6px 0;transform-origin:left center}
.crystal-book__profile{display:flex;min-height:315px;flex-direction:column;align-items:flex-start;color:var(--book-ink);text-decoration:none}
.crystal-book__profile img{width:100%;height:182px;object-fit:contain;margin:12px 0;mix-blend-mode:multiply}
.crystal-book__profile strong{font-family:var(--font-display);font-size:clamp(23px,2.5vw,34px);font-weight:400;line-height:1.12;overflow-wrap:anywhere}
.crystal-book__subtitle{font-size:12px;line-height:1.4;margin-top:8px;color:#585447}
.crystal-book__read{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:18px;min-height:44px;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.crystal-book__controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;max-width:420px;margin:10px auto 0}
.crystal-book__controls button,.crystal-book__controls select{min-height:48px;border:1px solid #b3a88f;background:#faf6ec;color:#292923;border-radius:4px;font:inherit;cursor:pointer}
.crystal-book__controls button{font-size:24px}.crystal-book__controls select{width:100%;padding:8px 12px;font-size:16px}
.crystal-book__controls button:hover{background:#e9dfc9}
.crystal-book__caption{max-width:44ch;margin:14px auto 0;text-align:center;font-size:12px;line-height:1.6;color:var(--book-caption, #585447)}
.crystal-book [hidden]{display:none!important}
@media(max-width:749px){.crystal-book__stage{padding:20px 12px 28px}.crystal-book__volume{min-height:280px;transform:rotateX(var(--book-rx,5deg)) rotateY(var(--book-ry,-6deg)) rotateZ(-1deg)}.crystal-book__cover{padding:24px 14px;gap:18px}.crystal-book__title{font-size:clamp(21px,5.8vw,32px)}.crystal-book__pages{padding:18px 14px}.crystal-book__profile{min-height:265px}.crystal-book__profile img{height:140px}.crystal-book__profile-label{font-size:9px}.crystal-book__imprint,.crystal-book__edition{font-size:9px}.crystal-book__emblem{height:65px;width:48px}.crystal-book__profile strong{font-size:24px}.crystal-book__controls{max-width:360px}}
@media(prefers-reduced-motion:reduce){.crystal-book__volume{transform:none;transition:none}}