:root{--ink:#163a3a;--gold:#be7840;--paper:#fffdf5}*{box-sizing:border-box}body{margin:0;background:#eee9df;color:var(--ink);font:16px/1.65 system-ui,sans-serif}button,select,input{font:inherit}button,select{border:1px solid #ccd4ce;border-radius:9px;background:#fffdf8;color:var(--ink);padding:9px 15px;cursor:pointer}button:hover{background:#e1eee8}button:disabled{opacity:.4;cursor:default}header{padding:22px 5vw;border-bottom:1px solid #d6d5c9;display:flex;justify-content:space-between;gap:15px;align-items:center}header strong{letter-spacing:2px;font-size:13px}header small{display:block;color:#697975}.intro{max-width:1100px;margin:28px auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.intro h1{font:36px/1.15 Georgia,serif;margin:4px 0 10px}.intro p{margin:0;color:#64716b}.badge{font-size:12px;letter-spacing:2px;color:var(--gold)}.book{max-width:1100px;margin:22px auto;display:grid;grid-template-columns: .82fr 1.18fr;min-height:630px;filter:drop-shadow(0 20px 30px #253e3a25);perspective:1800px}.visual{background:#173e3c;color:#f9f3de;padding:48px;position:relative;overflow:hidden;border-radius:12px 0 0 12px;display:flex;flex-direction:column;justify-content:space-between}.visual:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #d6ae7855;border-radius:50%;right:-80px;bottom:-90px}.visual h2{font:46px/1.1 Georgia,serif;max-width:350px}.art{width:100%;height:210px}.visual small{letter-spacing:2px}.sheet{background:linear-gradient(90deg,#e8e5d9 0,#fffdf5 5%,#fffdf5 97%,#efeadc);padding:42px 48px;border-radius:0 12px 12px 0;position:relative;transform-origin:left center}.sheet.turn{animation:flip .5s ease}@keyframes flip{0%{transform:rotateY(-20deg);opacity:.5}100%{transform:rotateY(0);opacity:1}}.sheet h2{font:31px/1.18 Georgia,serif;margin:16px 0}.sheet .lead{font-size:19px;color:var(--gold);margin:18px 0}.sheet p{font-size:17px}.prompt{background:#eaf0e9;border-left:3px solid #5f8c7c;padding:16px;font-size:15px;line-height:1.55;border-radius:0 8px 8px 0}.prompt button{margin-top:12px;font-size:13px}.pagefoot{font-size:12px;color:#7b8375;margin-top:24px}.controls{max-width:1100px;margin:20px auto;padding:0 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls .progress{margin-left:auto}#status{max-width:1060px;margin:8px auto;color:#6b746c;font-size:14px;min-height:24px;padding:0 12px}.settings{max-width:1060px;margin:auto;display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:13px}.series{max-width:1100px;margin:65px auto;padding:0 20px}.series h2{font:32px Georgia,serif}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.volume{padding:23px;background:#faf8ef;border:1px solid #d8d9cc;border-radius:12px}.volume h3{font-size:17px;line-height:1.35}.volume small{color:#6b7970}.volume span{font-size:11px;letter-spacing:1px;color:#a56c3c}footer{text-align:center;padding:35px;color:#6e7b71;font-size:13px}a{color:#286759}dialog{border:0;border-radius:16px;max-width:550px;max-height:85vh;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#173e3c99}.toc{display:grid;gap:8px}.toc button{text-align:left}button:focus-visible,select:focus-visible{outline:3px solid #bf853d} @media(max-width:760px){header{align-items:start}.intro{display:block}.intro h1{font-size:30px}.book{display:block;margin:15px}.visual{border-radius:12px 12px 0 0;padding:25px;min-height:170px}.visual h2{font-size:27px;margin:14px 0}.art{display:none}.visual .signature{display:none}.sheet{border-radius:0 0 12px 12px;padding:28px;min-height:470px}.sheet h2{font-size:27px}.sheet p{font-size:16px}.grid{grid-template-columns:repeat(2,1fr)}.controls .progress{margin-left:0}.settings{padding:15px}}@media(prefers-reduced-motion:reduce){.sheet.turn{animation:none}}