.reading-progress{margin:18px 0 10px;padding:16px 18px;border:1px solid var(--stroke);border-radius:12px;background:var(--card2);font-size:13px;line-height:1.75;overflow-wrap:anywhere;max-width:100%}
.reading-progress strong{display:block;font-size:13px;color:var(--text)}
.reading-progress progress{display:block;width:100%;height:6px;margin:12px 0 9px;accent-color:var(--a1)}
.reading-progress p{margin:6px 0;color:var(--muted)}
.reading-progress details{margin:9px 0}.reading-progress summary{cursor:pointer;color:var(--text)}
.reading-progress ul{padding-left:20px;margin:8px 0;max-height:240px;overflow:auto}.reading-progress li{margin:6px 0}
.reading-progress-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.reading-progress-actions a{color:var(--a1);text-underline-offset:3px}.reading-progress-note{font-size:12px}
.reading-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0!important;margin:12px 0}
.reading-stages li{min-width:0;margin:0!important;padding:7px 9px;border:1px solid var(--stroke);border-radius:7px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.reading-stages [data-state="active"]{color:var(--a1);background:var(--purple-bg);border-color:var(--a1)}
.reading-stages [data-state="done"]{color:var(--text)}
.reading-stages [data-state="paused"]{color:var(--text);background:var(--purple-bg);border-color:var(--a1);font-weight:600}
@media(max-width:600px){.reading-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reading-progress{padding:13px}.reading-progress-actions{align-items:flex-start;flex-direction:column}.reading-progress-actions .btn{white-space:normal;text-align:left}}