:root{font-family:system-ui,-apple-system,sans-serif;color:#3c352d;background:#f7f2e9}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:auto;padding:52px 22px 110px}header{margin-bottom:32px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#94765c}h1{font-family:Georgia,serif;font-size:32px;margin:14px 0 10px}h2{font-size:21px;margin:0 0 10px}p{color:#796e62;line-height:1.65}.panel{background:#fffdf8;padding:24px;border:1px solid #ede4d7;border-radius:20px;box-shadow:0 8px 30px #604a3210}.note{font-size:13px;margin-bottom:24px}label{display:block;font-weight:600;font-size:14px;margin:20px 0 9px}label span{font-weight:400;color:#9a8e81}input,textarea{font:inherit;width:100%;border:1px solid #e4d9cc;border-radius:10px;background:#fcfaf6;padding:13px;color:#3c352d}textarea{resize:vertical}button{font:inherit;cursor:pointer}form button[type="submit"]{background:#76614d;color:#fff;border:0;border-radius:10px;width:100%;padding:15px;margin-top:22px;font-weight:600}#status{font-size:14px;color:#52715a}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffdf8;border-top:1px solid #ede4d7;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}nav button{width:140px;padding:12px;border:0;background:transparent;color:#968a7d}nav button[aria-current=page]{color:#765940;font-weight:700}.calendar-controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.calendar-controls button{border:0;background:none;font-size:20px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px}.week{font-size:12px;color:#988c7f}.days button{min-height:46px;border:0;border-radius:10px;background:transparent;color:#574c41}.days button.has-entry{background:#f0e7d8;font-weight:700}.entry{border-top:1px solid #eee4d8;margin-top:20px;padding-top:12px}.entry h3{font-size:15px}.entry p{white-space:pre-wrap;font-size:14px}

.pages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-help{font-size:12px;margin:9px 0;color:#8d8072}.progress-preview,.reading-progress{background:#f6f0e7;border-radius:12px;padding:14px;margin-top:12px}.progress-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#645646}.progress-label strong{color:#765940}.progress-track{height:8px;background:#e7dccc;border-radius:20px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:#9c7b5c;border-radius:20px}.progress-details{font-size:12px;color:#8d8072;margin:7px 0 0}

.book-search{display:flex;gap:8px}.book-search input{flex:1 1 auto;min-width:0;width:0}.book-search button{flex:0 0 auto;min-height:48px;white-space:nowrap;background:#76614d;color:white;border:0;border-radius:10px;padding:0 14px}.book-list-title{font-size:13px;font-weight:600;color:#796e62;margin:16px 0 8px}.book-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fcfaf6;border:1px solid #e9dfd2;border-radius:10px;padding:9px;margin:7px 0;color:#3c352d}.book-cover{width:45px;height:64px;object-fit:cover;border-radius:3px;background:#e8ded0;flex:none}.book-meta{font-size:13px;color:#817365;display:block;margin-top:4px}.selected-cover{display:flex;gap:12px;align-items:center;margin:12px 0;padding:10px;background:#f6f0e7;border-radius:10px}.selected-cover strong{font-size:14px}.cover-placeholder{width:45px;height:64px;display:grid;place-items:center;background:#e8ded0;color:#8c7b69;font-size:11px;flex:none}

.days button.selected-day{outline:2px solid #9c7b5c;outline-offset:-2px}.record-day-button{width:100%;background:#76614d;color:#fff;border:0;border-radius:10px;padding:14px;margin-top:16px;font-weight:600}#selected-day-title{font-size:15px;margin-top:25px}

.setting-item{border-top:1px solid #eee4d8;padding:15px 0}.setting-item h3{font-size:15px;margin:0 0 8px}.setting-item p{font-size:13px;margin:6px 0}.setting-status{display:inline-block;background:#f0e7d8;color:#765940;border-radius:20px;padding:4px 10px;font-size:12px}

.days button{min-width:0;min-height:72px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px}.calendar-covers{display:flex;align-items:flex-start;justify-content:center;gap:2px;max-width:100%}.calendar-covers img,.calendar-cover-placeholder{width:18px;height:26px;object-fit:cover;border-radius:2px}.calendar-cover-placeholder{display:grid;place-items:center;background:#d5c4b0;color:#6e5c4c;font-size:9px}.calendar-extra{font-size:10px;color:#765940;align-self:center}

.days button.today{box-shadow:inset 0 0 0 1px #a8754f}.today-label{font-size:9px;line-height:1;color:#925e37;font-weight:700}.days button.today.selected-day{outline:2px solid #9c7b5c}

.entry-book{display:flex;align-items:center;gap:12px}.entry-book h3{margin:0}.entry h4{font-size:13px;color:#76614d;margin:18px 0 6px}.entry h4+p{margin:0}

.entry .entry-author{font-size:12px;color:#8d8072;margin:5px 0 0}
.quote-card,.saved-quote-card{border:1px solid #e9dfd2;border-radius:14px;background:#fcfaf6;padding:15px;margin:12px 0}.quote-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.remove-quote{border:0;background:transparent;color:#8a7765;font-size:13px}.quote-card label{margin-bottom:0}.quote-card label textarea{margin-top:9px;font-weight:400}.ask-question,.add-quote{border:1px solid #e1d5c6;background:#f3ede3;color:#67513e;border-radius:10px;padding:10px 12px;margin-top:10px}.question-text{background:#f2ebdb;border-radius:10px;padding:12px;font-size:14px;color:#574c41}.question-text[hidden]{display:none}.saved-quote-card h4:first-child{margin-top:0}

.capture-actions{display:flex;flex-wrap:wrap;gap:8px}.capture-actions button{flex:1 1 auto;min-height:44px;padding:9px 12px;border:1px solid #e4d9cc;border-radius:10px;background:#f6f0e7;color:#645646;font-size:13px;font-weight:600}.capture-actions button:disabled{opacity:.6}.capture-actions button.recording{background:#ead8cf;color:#8c4c3a}

.book-search button{font-size:12px;padding:0 10px}.book-option[hidden]{display:none}

dialog#selected-day{width:min(480px,calc(100% - 36px));max-height:min(80vh,700px);overflow:auto;border:1px solid #ede4d7;border-radius:20px;background:#fffdf8;color:#3c352d;padding:24px;box-shadow:0 14px 50px #3c352d33}dialog#selected-day::backdrop{background:#30271f80}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-header #selected-day-title{margin:0;font-size:17px}.close-day{border:0;background:#f6f0e7;border-radius:50%;width:36px;height:36px;color:#645646;font-size:16px;flex:none}

dialog#record-dialog{width:min(560px,calc(100% - 30px));max-height:min(88vh,850px);overflow:auto;border:0;border-radius:20px;background:#fffdf8;color:#3c352d;padding:0;box-shadow:0 14px 50px #3c352d33}dialog#record-dialog::backdrop{background:#30271f80}#record-dialog .panel{border:0;box-shadow:none}#record-dialog .dialog-header h2{margin:0}

dialog#more-books-dialog{width:min(480px,calc(100% - 36px));max-height:min(80vh,700px);overflow:auto;border:1px solid #ede4d7;border-radius:20px;background:#fffdf8;color:#3c352d;padding:24px;box-shadow:0 14px 50px #3c352d33}dialog#more-books-dialog::backdrop{background:#30271f80}#more-books-dialog h2{margin:0}