:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#f5f3ed;color:#252820}*{box-sizing:border-box}body{margin:0}header,main{max-width:960px;margin:auto;padding:1.5rem}header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #c9c9bf}nav{display:flex;gap:1rem}a{color:#286041}h1{font-size:2.2rem;margin-bottom:.75rem}h2{font-size:1.3rem}p{line-height:1.5}section{margin:1.5rem 0}#books{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.book{background:#fff;border:1px solid #d6d6cc;border-radius:10px;padding:1.2rem}.book h3{margin-top:0;overflow-wrap:anywhere}.authors{color:#64675d}.state{font-weight:600}form{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin:1rem 0}label{flex-basis:100%}input{font:inherit;border:1px solid #aaa;border-radius:5px;padding:.55rem;min-width:220px;max-width:100%}button,.action{font:inherit;border:1px solid #526c50;border-radius:5px;padding:.55rem .9rem;background:#315d41;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}#notice{min-height:1.5rem}#recovery{padding:1rem;border:1px solid #b7893c;border-radius:8px}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{background:#20221e;color:#eee}.book{background:#292c25;border-color:#4c5144}.authors{color:#bcc0b3}a{color:#9ccc9c}input{background:#292c25;color:#eee}}@media(max-width:480px){header,main{padding:1rem}header{flex-direction:column}form input,form button{width:100%}}