.reading-checklist{margin:1.6rem 0 2rem;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);font:15px/1.55 system-ui,sans-serif;box-shadow:0 10px 30px #173e4910;overflow:hidden}
.reading-checklist::before{content:"";display:block;width:var(--checklist-progress,0);height:3px;margin:-18px -18px 17px;background:var(--accent);transition:width .2s ease}
.checklist-heading{margin:0 0 12px!important;font:750 13px/1.3 system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.checklist-items{display:grid;gap:8px}.checklist-item{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.checklist-item input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.checklist-item label{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;min-height:54px;margin:0;padding:13px 14px;cursor:pointer;color:var(--ink);touch-action:manipulation}
.checklist-box{display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border:2px solid color-mix(in srgb,var(--accent) 70%,var(--line));border-radius:8px;background:var(--panel);color:var(--panel);transition:.18s ease}
.checklist-box::after{content:"";width:10px;height:6px;border:solid currentColor;border-width:0 0 3px 3px;transform:translateY(-1px) rotate(-45deg);opacity:0}
.checklist-text{min-width:0;white-space:pre-line;overflow-wrap:anywhere}.checklist-item.is-checked{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--paper))}
.checklist-item.is-checked .checklist-box{border-color:var(--accent);background:var(--accent);color:var(--paper)}.checklist-item.is-checked .checklist-box::after{opacity:1}.checklist-item.is-checked .checklist-text{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent);color:var(--muted)}
.checklist-item input:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px}.checklist-item input:disabled+label{cursor:progress;opacity:.72}
.checklist-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}.checklist-retry{flex:none;min-height:40px;padding:7px 10px;font-size:12px}
@media(max-width:480px){.reading-checklist{margin:1.35rem -4px 1.75rem;padding:14px}.reading-checklist::before{margin:-14px -14px 14px}.checklist-item label{min-height:56px;padding:13px 12px}.checklist-footer{align-items:flex-start;flex-direction:column}}