.readings{max-width:1180px;margin:auto;padding:38px 32px 48px;color:#624d39}.readings-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.readings h1{font:normal clamp(30px,4vw,43px) Georgia,serif;margin:14px 0}.readings-heading p,.storage-note{color:#8a7d6c;font-size:13px;line-height:1.7}.readings button,dialog button{cursor:pointer}.reading-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0;border:1px solid #e5daca;border-radius:12px;background:#fffcf6}.reading-stats>div{display:flex;flex-direction:column;gap:8px;padding:24px 28px}.reading-stats>div+div{border-left:1px solid #e5daca}.reading-stats strong{font:normal 32px Georgia,serif}.reading-stats span{font-size:12px;color:#8a7d6c}.reading-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.reading-toolbar label,.reading-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#80664c} .readings input,.readings select,.reading-fields input,.reading-fields select,.reading-fields textarea{box-sizing:border-box;width:100%;font:14px Arial,sans-serif;color:#624d39;padding:12px;border:1px solid #ddcfbb;border-radius:7px;background:#fffdf8}.reading-count{font-size:12px;color:#8a7d6c;margin:24px 0 16px}.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reading-card{display:flex;gap:22px;padding:24px;border:1px solid #e5daca;background:#fffcf6;border-radius:12px;min-width:0}.reading-cover{width:88px;min-width:88px;height:128px;display:flex;align-items:center;justify-content:center;background:#8a927f;color:#fffbed;border-left:5px solid #0001;border-radius:2px 5px 5px 2px;box-shadow:3px 4px 6px #3d2b1920;font:36px Georgia,serif}.reading-card:nth-child(3n+2) .reading-cover{background:#ae8575}.reading-card:nth-child(3n) .reading-cover{background:#b89a76}.reading-info{min-width:0;flex:1}.reading-info h2{font:normal 22px/1.3 Georgia,serif;margin:0 0 7px;overflow-wrap:anywhere}.reading-author,.reading-meta{font-size:12px;color:#8a7d6c;margin:8px 0}.reading-rating{color:#997237;letter-spacing:2px;font-size:15px;margin:12px 0}.reading-notes{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.reading-card-actions{display:flex;gap:16px;margin-top:14px}.reading-card-actions button{background:none;border:0;padding:4px 0;color:#80664c;font-size:12px;text-decoration:underline}.storage-note{text-align:center;margin-top:32px;font-size:11px}dialog{width:min(520px,calc(100% - 32px));box-sizing:border-box;padding:28px;border:1px solid #ddcfbb;border-radius:14px;background:#fffaf2;color:#624d39;max-height:90vh}dialog::backdrop{background:#30251b80}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dialog-heading h2{font:normal 27px Georgia,serif;margin:0}.dialog-heading button{border:0;background:none;font-size:28px;color:#80664c}.reading-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reading-fields .wide{grid-column:1/-1}.reading-fields textarea{resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #997237;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){.readings{padding:28px 20px}.readings-heading{align-items:flex-start;flex-direction:column}.reading-toolbar{grid-template-columns:1fr 1fr}.reading-toolbar label:first-child{grid-column:1/-1}.reading-list{grid-template-columns:1fr}.reading-stats>div{padding:18px 12px}.reading-stats strong{font-size:26px}.reading-stats span{font-size:10px}.reading-card{padding:18px;gap:16px}.reading-cover{width:64px;min-width:64px;height:100px}.reading-info h2{font-size:20px}}

/* Livros lidos: conteúdo amplo e cartões com detalhes de encadernação. */



.completed-readings .reading-stats{background:transparent;border:0;border-radius:0;gap:16px;margin:24px 0 22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.completed-readings .reading-stats>div{position:relative;padding:16px 24px 20px 28px;gap:6px;background:#eee6d8;border:1px solid #d9cbb7;border-left:7px solid #ac8b68;border-radius:3px 9px 9px 3px;box-shadow:2px 3px 0 #fdfaf4,3px 4px 0 #d9cbb7,4px 6px 10px #6543210b}
.completed-readings .reading-stats>div::before{content:'';position:absolute;inset:0 auto 0 6px;width:1px;background:#bda98b66}
.completed-readings .reading-stats>div::after{content:'';position:absolute;bottom:3px;left:14px;right:5px;height:3px;border-top:1px solid #cbbda8;border-bottom:1px solid #cbbda8;background:#fffaf0}
.completed-readings .reading-stats>div:nth-child(2){background:#e5e8dd;border-left-color:#8b967b}
.completed-readings .reading-stats>div:nth-child(3){background:#eee0d8;border-left-color:#ad8573}
.completed-readings .reading-stats strong{font-size:28px}
.completed-readings .reading-stats span{font-size:11px;line-height:1.5}
.completed-readings .reading-count{margin:18px 0 14px}
.completed-readings #reading-message:empty{display:none}
.completed-readings .reading-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;align-items:start}
.completed-readings .reading-card{position:relative;gap:16px;padding:18px 20px 22px;border-left:5px solid #ac8b68;border-radius:3px 9px 9px 3px;box-shadow:2px 3px 0 #fdfaf4,3px 4px 0 #d9cbb7}
.completed-readings .reading-card:nth-child(3n+2){border-left-color:#8b967b}
.completed-readings .reading-card:nth-child(3n){border-left-color:#ad8573}
.completed-readings .reading-cover{position:relative;width:66px;min-width:66px;height:100px;font-size:30px}
.completed-readings .reading-cover::before{content:'';position:absolute;inset:7px;border:1px solid #fff5}
.completed-readings .reading-cover::after{content:'';position:absolute;bottom:2px;left:3px;right:0;height:3px;background:#fdf4e5;border-top:1px solid #d8ccb9}
.completed-readings .reading-info h2{font-size:20px;margin-bottom:5px}
.completed-readings .reading-author,.completed-readings .reading-meta{font-size:11px;margin:6px 0}
.completed-readings .reading-rating{font-size:13px;margin:9px 0}
.completed-readings .reading-notes{font-size:12px;line-height:1.6}
.completed-readings .reading-card-actions{margin-top:10px}
.completed-readings .section-empty{min-height:250px;padding:28px 24px;margin-top:4px}
.completed-readings .storage-note{margin:22px 0 0}

@media(max-width:600px){.completed-readings .reading-stats{gap:10px}.completed-readings .reading-stats>div{padding:14px 10px 18px 14px;border-left-width:4px}.completed-readings .reading-stats strong{font-size:24px}.completed-readings .reading-stats span{font-size:10px}.completed-readings .reading-card{padding:16px 14px 20px}}
.reading-selection-help{font-size:12px;line-height:1.7;color:#8a7d6c}.reading-selection-help a{color:#79543b}.reading-fields input[readonly]{background:#f1ece3;color:#8a7d6c}.reading-fields label>span{font-size:11px;line-height:1.6}#reading-dialog{margin:auto;overflow-y:auto}#reading-dialog .dialog-actions{position:sticky;bottom:-28px;background:#fffaf2;padding:14px 0;border-top:1px solid #e5daca}