.dst-reader-cover-stage{min-height:680px;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);perspective:1800px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),transparent 48%)}
.dst-reader-cover-stage[hidden]{display:none}
.dst-reader-front-cover{--cover-leather:#64354f;--cover-gold:#f3d89b;position:relative;width:min(460px,78vw);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);overflow:hidden;color:var(--cover-gold);background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(255,255,255,.09) 6%,transparent 18%),repeating-linear-gradient(35deg,rgba(255,255,255,.018) 0 2px,rgba(0,0,0,.018) 2px 4px),var(--cover-leather);border:2px solid #21120f;border-left-width:16px;border-radius:7px 14px 14px 7px;box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--cover-gold) 38%,transparent),inset 0 0 0 13px rgba(0,0,0,.28),22px 24px 0 -7px #c9b991,28px 30px 36px rgba(0,0,0,.65);transform:rotateY(-5deg) rotateZ(-.5deg);transform-origin:left center}
.dst-reader-front-cover:before,.dst-reader-front-cover:after{content:"";position:absolute;z-index:2;left:24px;right:18px;height:5px;background:linear-gradient(90deg,transparent,var(--cover-gold) 18%,var(--cover-gold) 82%,transparent);opacity:.72}
.dst-reader-front-cover:before{top:29px}.dst-reader-front-cover:after{bottom:29px}
.dst-reader-front-cover>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.dst-reader-front-cover>img:not([hidden])~.dst-reader-cover-copy{margin-top:auto;padding:1.25rem;background:rgba(22,12,18,.82);border:1px solid color-mix(in srgb,var(--cover-gold) 55%,transparent);backdrop-filter:blur(4px)}
.dst-reader-cover-copy{position:relative;z-index:3;width:100%;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.75)}
.dst-reader-cover-copy small,.dst-reader-cover-copy strong,.dst-reader-cover-copy span{display:block}
.dst-reader-cover-copy small{margin-bottom:1.5rem;font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.dst-reader-cover-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,4.2rem);line-height:.94}
.dst-reader-cover-copy span{margin-top:1rem;font-family:Georgia,"Times New Roman",serif;font-size:1rem;font-style:italic}
.dst-reader-front-cover>button{position:relative;z-index:4;margin:1.5rem 0 0;padding:.72rem 1rem;color:#17100c;background:var(--cover-gold);border:0;border-radius:999px;font-weight:800;box-shadow:0 5px 12px rgba(0,0,0,.35)}
.dst-reader-front-cover>button:hover,.dst-reader-front-cover>button:focus-visible{transform:translateY(-2px);outline:2px solid #fff;outline-offset:3px}
@media(max-width:820px){.dst-reader-cover-stage{min-height:calc(100vh - 155px);padding:.5rem}.dst-reader-front-cover{width:min(390px,82vw)}}
@media(prefers-reduced-motion:reduce){.dst-reader-front-cover{transform:none}.dst-reader-front-cover>button:hover{transform:none}}