.todo-count{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;background:var(--red);color:#fff;border-radius:999px;font-size:10px}.related-wrap{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.related-wrap>p{color:#817469;font-size:12px}.related-books{display:grid;gap:8px}.related-book{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid var(--line)}.related-book strong{font-family:serif}.related-book small{color:var(--red)}.related-book button{border:0;background:var(--green);color:#fff;padding:7px 10px;cursor:pointer}.related-book button[disabled]{background:#d8cec1;color:#80776e;cursor:default}.dialog-actions{display:flex;gap:12px;margin-top:24px}.dialog-actions .primary{cursor:pointer;gap:18px}.todo-section{padding:100px max(8vw,28px);background:var(--paper);border-top:1px solid var(--line)}.sort-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#766b61}.sort-label select{padding:11px 14px;background:#fff;border:1px solid var(--line)}.todo-list{display:grid;gap:12px;margin-top:32px}.todo-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;background:#fff;padding:20px 24px;border-left:4px solid var(--orange)}.todo-index{font:700 30px serif;color:#c7aa94}.todo-item h3{font:700 19px serif;margin:0 0 7px}.todo-item p{margin:0;color:#796e64;font-size:12px}.todo-score{color:var(--red);font-weight:700}.todo-remove{border:0;background:transparent;color:#8a7c70;cursor:pointer;font-size:20px}.todo-empty{text-align:center;color:#8a7c70;padding:55px;background:#fff;border:1px dashed var(--line)}@media(max-width:800px){.dialog-actions{flex-direction:column}.related-book{grid-template-columns:1fr auto}.related-book button{grid-column:1/-1}.todo-item{grid-template-columns:auto 1fr auto}.todo-score{grid-column:2}.topic-head{gap:20px}.sort-label{margin-top:20px}}