:root{color-scheme:dark;--bg:#0f1412;--panel:#171f1b;--line:#33423a;--ink:#f1f0e8;--muted:#abbab0;--accent:#d7e9a6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 Georgia,'Times New Roman',serif}
header,main,footer{width:min(860px,92%);margin:auto}
header{padding:26px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{font:600 20px Georgia,serif;color:var(--ink);text-decoration:none}.brand span{color:#8a9f8c;font-weight:400}
.badge{font:12px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);padding:5px 13px;border-radius:30px}
main{padding:34px 0 50px}
h1{font:400 clamp(32px,5vw,50px)/1.15 Georgia,serif;letter-spacing:-.02em;margin:10px 0 18px}
h2{font:400 30px/1.2 Georgia,serif;margin:38px 0 6px}
h3{font:400 22px/1.3 Georgia,serif;margin:30px 0 8px;color:var(--accent)}
p{margin:0 0 18px}
.sotto{color:var(--muted);font-style:italic}
.ingresso{max-width:620px;padding-top:70px}
.ingresso form{display:grid;gap:12px;margin-top:26px;max-width:420px}
.ingresso label{font:14px system-ui,sans-serif;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.ingresso input{font:18px system-ui,sans-serif;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink)}
.ingresso button{font:600 17px system-ui,sans-serif;padding:12px 16px;border:0;border-radius:9px;background:var(--accent);color:#182214;cursor:pointer}
.errore{color:#f0b7a4}
.libro{padding:22px 0 8px;border-bottom:1px solid var(--line)}
.capitoli{padding-left:22px}.capitoli a{color:var(--accent);text-decoration:none}.capitoli a:hover{text-decoration:underline}
.vuoto{color:var(--muted);font-style:italic;font-size:16px}
.lettura em{color:var(--muted)}
.lettura blockquote{margin:0;padding:0 0 0 18px;border-left:2px solid var(--line);color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:34px 0}
.pagine{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font:16px system-ui,sans-serif}
.pagine a{color:var(--accent);text-decoration:none}
footer{padding:16px 0 40px;font:14px system-ui,sans-serif;color:var(--muted)}
@media(max-width:600px){body{font-size:17px}header{padding:18px 0}.brand{font-size:17px}}