.reading-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;padding:14px 16px;background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:12px;font-size:14px}
.reading-progress small{display:block;color:var(--muted,#666);font-size:12px;line-height:1.6}
.reading-progress>small{flex-basis:100%}.reading-progress-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reading-progress button,.reading-progress summary{font:inherit;padding:8px 12px;cursor:pointer}.reading-progress button[aria-pressed=true]{background:#e8f3eb;color:#245539;border-color:#89b59b}.reading-progress details{position:relative}.reading-progress details button{position:absolute;top:100%;right:0;z-index:10;background:var(--card,#fff);min-width:130px;box-shadow:0 3px 12px #0002}.reading-badge{display:inline-block!important;width:fit-content;border-radius:5px;padding:2px 7px;margin-top:4px;font-size:11px;line-height:1.5;background:#efefed;color:#666}.reading-badge.reading{background:#fff0d4;color:#795719}.reading-badge.finished{background:#e5f3e8;color:#27603b}[data-reading-summary]{display:block;margin-top:8px;font-size:12px;color:var(--muted,#666)}
@media(max-width:500px){.reading-progress{padding:12px;gap:10px}.reading-progress-actions{width:100%}.reading-progress button{padding:8px 10px}}