:root{color-scheme:light;--paper:#f3f6f5;--ink:#203e50;--action:#245c78;--green:#35725c;--line:#d7e2df;--muted:#536971;--white:#fff;--danger:#9a3535}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,sans-serif}h1,h2,h3{font-family:Georgia,serif;line-height:1.2;font-weight:normal}h1{font-size:34px;margin:0 0 10px}h2{font-size:26px}p{margin:8px 0 18px}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 15px}button:hover{border-color:var(--action);background:#eaf0ee}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--action);border-color:var(--action);color:white}.primary:hover{background:#1c4a61;color:white}.danger{color:var(--danger)}:focus-visible{outline:3px solid #649bbb;outline-offset:3px}label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}input,select,textarea{width:100%;border:1px solid #b7c9c4;border-radius:5px;padding:10px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:95px}a{color:var(--action)}[hidden]{display:none!important}.muted,small{color:var(--muted)}.login{display:grid;min-height:100vh;place-items:center;padding:25px}.login-box{width:min(430px,100%);padding:35px;border:1px solid var(--line);background:white;border-radius:12px}.login h1{font-size:30px;margin-top:20px}.login label{margin:18px 0}.login button{width:100%}.error{color:var(--danger);white-space:pre-line}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:22px;line-height:1.15}.brand small{font:14px system-ui}#shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{padding:30px 20px;background:#e6eeeb;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}nav{display:grid;gap:6px;margin-top:45px}nav button,.aside-bottom button{text-align:left;border:0;background:transparent}nav button.selected{background:var(--ink);color:white}.aside-bottom{display:grid;gap:4px;margin-top:auto;padding-top:30px}main{padding:42px clamp(20px,4vw,65px);min-width:0}header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}header p{color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters label{flex:1;min-width:135px}.filters .search{flex:2;min-width:220px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 24px}.book{border:0;background:transparent;text-align:left;padding:0;border-radius:0;display:flex;flex-direction:column;min-width:0}.book:hover{background:transparent}.cover{height:240px;width:100%;background:#dce8e2;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px 8px 8px 3px;border-left:5px solid #a6bdb2;box-shadow:2px 5px 8px #203e5012}.cover img{width:100%;height:100%;object-fit:contain;background:#e6eeeb}.cover.fallback{padding:18px;align-items:flex-start;justify-content:center;flex-direction:column;color:#294f43}.cover.fallback strong{font:21px/1.3 Georgia,serif;overflow-wrap:anywhere}.cover.fallback span{font-size:12px;margin-top:15px}.book h2{font-size:19px;margin:12px 0 5px;overflow-wrap:anywhere}.book .author{font-size:13px;color:var(--muted)}.book .badge{margin-top:10px}.badge{font-size:12px;background:#e1ebe6;color:#2a5848;border-radius:4px;padding:3px 7px;display:inline-block;align-self:flex-start}.book .kind{margin-top:7px;font-size:12px;color:var(--muted)}.empty{padding:55px 10px;text-align:center}dialog{width:min(850px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#142f40a6}#modal-content{padding:28px}.modal-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:22px}.modal-head h2{margin:0;font-size:28px;overflow-wrap:anywhere}.modal-head button{padding:5px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.checks{display:flex;gap:20px;flex-wrap:wrap}.checks label{flex-direction:row;align-items:center;gap:7px}.checks input{width:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.details{display:grid;grid-template-columns:150px 1fr;gap:25px}.details .cover{height:210px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:0;overflow-wrap:anywhere}.section{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.section h3{font-size:22px;margin:0 0 15px}.file-row,.reading-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.file-row a{font-size:14px}.file-row small{display:block}.reading-row p{margin:0}.reading-row button{font-size:12px}.notes{white-space:pre-wrap;overflow-wrap:anywhere}.results{display:grid;gap:12px;margin-top:20px}.candidate{display:grid;grid-template-columns:65px 1fr;gap:14px;text-align:left}.candidate img{width:65px;height:85px;object-fit:contain}.candidate h3{margin:0 0 5px;font-size:20px}.candidate small{display:block}.metadata-search{display:flex;gap:12px;align-items:end}.metadata-search label{flex:1}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:7px;z-index:10;max-width:90vw}.subtitle{font-size:14px;color:var(--muted)}.split{display:flex;gap:10px;flex-wrap:wrap}.reading-summary{padding:12px 0;color:var(--green)}@media(max-width:750px){#shell{display:block}aside{position:static;height:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}nav{display:flex;overflow:auto;margin-top:18px;gap:5px}nav button{white-space:nowrap}.aside-bottom{display:flex;margin:12px 0 0;padding:0;flex-wrap:wrap}.aside-bottom button{font-size:12px;padding:4px 9px}main{padding:25px 18px}header{flex-wrap:wrap;gap:5px}h1{font-size:29px}.filters label{min-width:140px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.cover{height:220px}.book h2{font-size:18px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}#modal-content{padding:20px}.details{grid-template-columns:90px 1fr;gap:15px}.details .cover{height:130px}.facts{grid-template-columns:1fr}.metadata-search{flex-wrap:wrap}.file-row{align-items:flex-start}.cover.fallback strong{font-size:18px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#142b38;--ink:#e2eeeb;--action:#a0c8df;--green:#a1cbb9;--line:#3b5660;--muted:#b3c9ce}body{background:var(--paper)}aside{background:#1c3743}button,input,select,textarea,.login-box{background:#203e50;color:var(--ink)}button:hover{background:#294c5d}.primary{color:#142b38;background:#a0c8df}.primary:hover{background:#c5e0f0;color:#142b38}nav button.selected{background:#a0c8df;color:#142b38}.badge{background:#355c50;color:#e1f3eb}.cover,.cover img{background:#294b54}.cover.fallback{background:#dce8e2;color:#294f43}#toast{background:#e2eeeb;color:#203e50}.danger,.error{color:#ffb3ad}}

.google-button{display:block;text-align:center;text-decoration:none;border-radius:6px;padding:12px;margin:25px 0 15px}