:root{--bg:#100d0b;--cream:#eadfcf;--muted:#a99a84;--bronze:#b8874a;--paper:#d8d2c9;--ink:#171310}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--cream);font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}.shell{width:min(1240px,calc(100% - 80px));margin:auto}
header{height:70px;border-bottom:1px solid rgba(184,135,74,.35);background:#0d0b09}
header .shell{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font:500 22px Georgia,serif;letter-spacing:.13em}
.logo{height:48px;width:auto;filter:invert(1);opacity:.92}
.back{font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#bfae98}
.top{background:radial-gradient(circle at 15% 18%,rgba(184,135,74,.13),transparent 32%),linear-gradient(110deg,#18120e,#100d0b);padding:28px 0 32px}
.book-layout{display:grid;grid-template-columns:230px 1fr;gap:44px;align-items:center;max-width:940px;margin:auto}
.book-cover{padding:7px;background:#31271f;box-shadow:0 15px 28px rgba(0,0,0,.3)}
.book-cover img{display:block;width:100%;aspect-ratio:495/650;object-fit:cover}
.eyebrow{font:700 10px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin-bottom:9px}
h1{font-size:39px;line-height:1.03;font-weight:500;margin:0 0 8px}.subtitle{font-size:16px;color:#c6b79f;margin:0 0 15px}
.description{font-size:14px;line-height:1.62;color:#ad9e88;max-width:650px;margin:0 0 15px}
.meta{font:11px Arial,sans-serif;color:#827563;letter-spacing:.04em;margin-bottom:18px}
.buy{display:inline-block;background:var(--bronze);color:#160f0a;padding:12px 19px;border:0;border-radius:2px;font:700 11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.preview{background:var(--paper);color:var(--ink);padding:22px 0 30px}
.preview .shell{width:min(820px,calc(100% - 40px));margin:auto}
.preview-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}
.preview-head h2{margin:0;font-size:25px;font-weight:500}.preview-head p{margin:0 0 2px;font:10px Arial,sans-serif;color:#6d655d}
.viewer{position:relative;background:#211f1d;padding:18px 46px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(184,135,74,.30);box-shadow:0 7px 18px rgba(47,38,30,.15)}
.viewer img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;box-shadow:0 3px 10px rgba(0,0,0,.18);cursor:zoom-in}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1px solid rgba(210,177,125,.26);border-radius:50%;background:rgba(9,8,7,.68);color:#c79b5d;font:30px/28px Georgia,serif;cursor:pointer;padding:0;z-index:2}
.arrow:hover{background:#15110e;color:#e0b979}.prev{left:5px}.next{right:5px}
.dots{display:flex;justify-content:center;gap:8px;margin-top:11px}.dot{width:7px;height:7px;border-radius:50%;background:#aaa19a;border:0;padding:0;cursor:pointer}.dot.active{background:#a97636}

.preview-language-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px}
.preview-language-label{font:700 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6d655d;white-space:nowrap}
.preview-language-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.preview-lang{border:1px solid rgba(108,84,55,.28);background:#ece6dd;color:#5e5449;padding:7px 11px;font:700 10px Arial,sans-serif;cursor:pointer;border-radius:2px}
.preview-lang:hover{border-color:#a97636;color:#7b5529}.preview-lang.active{background:#a97636;border-color:#a97636;color:#fff}
.preview-help{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font:700 15px Arial,sans-serif;color:#7f5b31;cursor:pointer;user-select:none;letter-spacing:.01em}
.preview-help:hover{color:#a97636}
.preview-help .zoom-icon{width:30px;height:30px;display:block;flex:0 0 30px}.preview-help .zoom-icon circle,.preview-help .zoom-icon line{stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}

/* Enlarged preview lightbox */
.preview-lightbox[hidden]{display:none}.preview-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(5,4,3,.88);display:grid;place-items:center;padding:34px}
.preview-lightbox-inner{position:relative;max-width:min(1180px,94vw);max-height:92vh}
.preview-lightbox img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;box-shadow:0 18px 55px rgba(0,0,0,.55)}
.preview-lightbox-close{position:absolute;right:-42px;top:-10px;border:0;background:transparent;color:#eadfcf;font:34px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:620px){.preview-language-row{display:block}.preview-language-tabs{justify-content:flex-start;margin-top:7px}.preview-help{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font:700 15px Arial,sans-serif;color:#7f5b31;cursor:pointer;user-select:none;letter-spacing:.01em}.preview-lightbox{padding:18px}.preview-lightbox-close{right:0;top:-38px}}
.status{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-align:center;font:12px Arial,sans-serif;color:#d1c7bc;background:rgba(25,23,21,.82);padding:20px}.status[hidden]{display:none}
.viewer.is-loading::after{content:"";position:absolute;right:14px;top:14px;z-index:4;width:16px;height:16px;border:2px solid rgba(218,199,174,.28);border-top-color:#c79b5d;border-radius:50%;animation:previewSpin .7s linear infinite;pointer-events:none}
@keyframes previewSpin{to{transform:rotate(360deg)}}

/* Store chooser */
.store-modal[hidden]{display:none}.store-modal{position:fixed;inset:0;z-index:9999;background:rgba(6,5,4,.78);display:grid;place-items:center;padding:24px}
.store-card{position:relative;width:min(520px,100%);background:#17120e;border:1px solid rgba(184,135,74,.5);box-shadow:0 25px 70px rgba(0,0,0,.52);padding:28px 30px 26px;color:#eadfcf}
.store-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#b9aa96;font:28px/1 Arial,sans-serif;cursor:pointer}.store-close:hover{color:#e6c38c}
.store-card .eyebrow{margin-bottom:7px}.store-card h3{font-size:28px;font-weight:500;margin:0 0 7px}.store-intro{margin:0 0 18px;color:#a99a84;font:12px/1.5 Arial,sans-serif}
.language-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.language-tab{border:1px solid rgba(184,135,74,.38);background:#100d0b;color:#baa993;padding:8px 11px;font:700 10px Arial,sans-serif;letter-spacing:.05em;cursor:pointer}.language-tab.active{background:#b8874a;color:#160f0a;border-color:#b8874a}
.edition-name{font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d4b178;margin:0 0 10px}
.store-links{display:grid;gap:9px}.store-link{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(184,135,74,.28);background:#0e0c0a;padding:12px 14px;color:#e7dac8;font:700 12px Arial,sans-serif;transition:.15s}.store-link:hover{border-color:#b8874a;background:#211810;color:#f0d5ac}.store-link span:last-child{color:#b8874a;font-size:18px;font-weight:400}
.store-note{margin:15px 0 0;color:#817563;font:10px/1.4 Arial,sans-serif}
@media(max-width:900px){.book-layout{grid-template-columns:190px 1fr}.shell{width:calc(100% - 40px)}.preview .shell{width:min(820px,calc(100% - 30px))}}
@media(max-width:620px){.preview-head{display:block}.preview-head p{margin-top:5px}.viewer{padding:12px 34px}.arrow{width:30px;height:30px;font-size:26px}.store-card{padding:25px 20px 22px}}