.qp-reading-ruler{--qp-reading-fill-low:#debdb5;--qp-reading-fill-mid:#e8dcc5;--qp-reading-fill-high:#adc5ad;display:grid;grid-template-rows:14px 18px;gap:8px;width:100%;font-family:var(--qp-font-ui)}.qp-reading-ruler.is-compact{height:40px}.qp-reading-ruler-bar{position:relative;height:14px}.qp-reading-ruler-now{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--t-text);transform:translate(-50%)}.qp-reading-ruler-now small{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:10px;line-height:10px;color:var(--t-text);white-space:nowrap}.qp-reading-ruler-labels{display:grid;font-size:11.5px;line-height:18px;color:var(--t-text-sec);font-variant-numeric:tabular-nums;white-space:nowrap}.qp-reading-ruler-labels>span{min-width:0;padding:0 2px;text-align:center;overflow:hidden;text-overflow:ellipsis}.qp-reading-ruler-labels>span.is-active{color:var(--t-text);font-weight:500}html[data-theme=dark] .qp-reading-ruler{--qp-reading-fill-low:#6b4a45;--qp-reading-fill-mid:#6b5e45;--qp-reading-fill-high:#4d6650}