:root{font-family:Georgia,'Times New Roman',serif;color:#f4e3ca;background:#1c1720}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#4b2939,#1c1720 68%)}a{color:#f0c88b}header{padding:20px clamp(15px,5vw,70px);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-bottom:1px solid #765363}header a{color:#ffe6c7;text-decoration:none;letter-spacing:.08em}header b{color:#e2af68}header span{color:#cdbab9;font-size:.9rem}.home,.reader{max-width:1050px;margin:auto;padding:clamp(20px,5vw,55px)}.home h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.1;max-width:850px;margin:20px 0 40px}.overline{font-size:.78rem;letter-spacing:.15em;color:#d6aa72}.feature{display:grid;grid-template-columns:minmax(200px,330px) 1fr;gap:40px;align-items:center}.cover{min-height:420px;background:linear-gradient(155deg,#723b45,#231827);border:7px double #caa26e;box-shadow:12px 18px 40px #08040b94;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.cover span{font-size:3rem;color:#eac887}.cover h2{font-size:2rem}.cover small{color:#d6c4bb;line-height:1.5}.description h2{font-size:clamp(1.8rem,4vw,3rem)}.description p{line-height:1.7}.cta{display:inline-block;margin-top:15px;padding:16px 22px;background:#76334d;border:1px solid #c49f63;color:white;text-decoration:none;border-radius:5px}.reader{max-width:890px}.reader>h1{font-size:clamp(1.8rem,4vw,3rem)}.toolbar{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.toolbar label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.toolbar select{padding:10px;max-width:300px;min-width:80px;border-radius:5px;border:1px solid #c6a77d;background:#fff;color:#1e1b21}.sheet{background:#f5ecdb;color:#322926;border-radius:4px;min-height:60vh;padding:clamp(24px,6vw,75px);max-width:760px;margin:auto;box-shadow:0 14px 32px #0704098c}.sheet.white{background:#fff;color:#222}.sheet.dark{background:#282b34;color:#f1e8db}.sheet.paged{border-left:8px solid #bb9563;box-shadow:-10px 15px 30px #080409aa,inset 12px 0 12px #97795333}.sheet h2{line-height:1.32;text-align:center;margin-bottom:1.8em}.sheet p{line-height:1.8;margin:0 0 1.2em;overflow-wrap:anywhere}.sheet p:not(.tomo){text-indent:1.4em}.tomo{font-size:.8em;letter-spacing:.06em;text-align:center}.navigation{max-width:760px;margin:20px auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.navigation button{padding:12px;border:1px solid #d2a775;background:#69354c;color:white;border-radius:5px;cursor:pointer}.navigation button:disabled{opacity:.4;cursor:default}.fine{font-size:.85rem;color:#d2bfc4;line-height:1.5}footer{padding:45px;text-align:center;color:#bdafb5}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ebc67d;outline-offset:3px}@media(max-width:650px){.feature{grid-template-columns:1fr}.cover{max-width:320px}.toolbar label:first-child{width:100%}.toolbar label:first-child select{max-width:100%}.sheet{min-height:55vh}}@media(prefers-reduced-motion:no-preference){.sheet.paged.turn{animation:turn .26s ease-out}@keyframes turn{from{transform:perspective(1000px) rotateY(-3deg);opacity:.84}to{transform:perspective(1000px) rotateY(0);opacity:1}}}