*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#171310;color:#f5ece0}body{font-family:Georgia,serif;background:radial-gradient(ellipse at 50% 35%,#48392d 0, #201916 45%,#100f0e 100%)}button,a,select{font:inherit}a{color:#dcc097;text-decoration:none}button,select{background:#28211e;border:1px solid #715747;border-radius:6px;color:#f5ece0;padding:.65rem .85rem;cursor:pointer}button:hover,button:focus-visible,a:focus-visible{border-color:#e6c795;outline:2px solid #d0a372;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.reader-header{min-height:84px;padding:14px 24px;border-bottom:1px solid #63503d;display:flex;gap:20px;justify-content:space-between;align-items:center;background:#141110}.wordmark{font-style:italic;font-size:28px;color:#d9ad80}.reader-title{text-align:center}.reader-title p{font:11px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 5px;color:#c9a579}.reader-title h1{font-size:22px;font-weight:400;margin:0}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.primary{background:#982b46;color:white;border-color:#bb536a;box-shadow:0 0 20px #b42d5060}.reader-main{position:relative;height:calc(100dvh - 176px);min-height:420px}.cover-stage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;perspective:1400px;padding:26px}.book-cover{height:min(45vh,490px);aspect-ratio:2/3;position:relative;transform:rotateY(-13deg) rotateZ(-2deg);transition:transform .75s;filter:drop-shadow(15px 25px 18px #0009);border-radius:3px 9px 9px 3px;box-shadow:inset 6px 0 8px #000a,-7px 0 0 var(--board),-12px 0 0 #19140f,5px 5px 0 #d6b895,9px 8px 0 var(--board)}.book-cover:hover{transform:rotateY(-5deg) rotateZ(0)}.book-cover img{width:100%;height:100%;object-fit:fill;border-radius:3px 8px 8px 3px}.book-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 8%,#fff1 11%,transparent 18%);border-radius:inherit;pointer-events:none}.cover-stage p{margin:0;font-size:14px;color:#d6c2a8;text-align:center}.read-now{font-size:17px;padding:.8rem 1.6rem}#reader-frame{width:100%;height:100%;border:0;display:none;background:transparent}.opened #reader-frame{display:block}.opened .cover-stage{display:none}.reader-footer{min-height:92px;display:flex;gap:16px;align-items:center;justify-content:center;padding:16px;border-top:1px solid #63503d;background:#141110;flex-wrap:wrap}.page-progress{font:13px Arial,sans-serif;color:#e0c5a5;min-width:102px;text-align:center}.hint{font-size:13px;color:#c7a67d;font-style:italic;text-align:center}.reader-footer label{font:12px Arial,sans-serif}.reader-footer select{padding:.5rem}#status{font:12px Arial,sans-serif;text-align:center;min-height:18px;color:#dcc097}dialog{background:#211915;color:#f5ece0;border:1px solid #9b7456;border-radius:12px;max-width:480px;padding:25px}dialog::backdrop{background:#000a}.contents-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}dialog h2{font-weight:400;margin-top:0}body:fullscreen{overflow:auto}@media(max-width:720px){.reader-header{padding:10px 12px;gap:10px;flex-wrap:wrap}.reader-title{flex:1;text-align:left}.reader-title h1{font-size:18px}.reader-header .tools{width:100%;gap:6px}.reader-header button,.reader-header a{font-size:12px}.reader-main{height:calc(100dvh - 246px);min-height:360px}.reader-footer{gap:8px;padding:12px}.wordmark{font-size:24px}.book-cover{height:min(44vh,430px)}.hint{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){.book-cover{transition:none}}