.change-preview{border-top:1px solid var(--rule);gap:8px;margin-top:12px;padding-top:12px;display:grid}.change-preview__caption{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.66rem}.change-preview__line{color:var(--ink);margin:0;font-size:.84rem;line-height:1.45}.change-preview__strip{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.change-preview__day{border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:4px;min-width:0;padding:4px 1px 3px;display:flex}.change-preview__track{justify-content:center;align-items:flex-end;width:100%;height:40px;display:flex;position:relative}.change-preview__bar{background:0 0;border-radius:2px;width:62%}.change-preview__bar--done{background:var(--madder)}.change-preview__bar--ahead{border:1.5px solid var(--madder)}.change-preview__bar--missed{background:var(--ink-soft,var(--ink-muted));opacity:.45}.change-preview__bar--ghost{border:1.5px dashed var(--border);position:absolute;bottom:0}.change-preview__bar--rest{background:var(--rule);height:2px}.change-preview__letter{font-family:var(--mono);text-transform:uppercase;color:var(--ink-muted);font-size:.6rem}.change-preview__day.is-changed .change-preview__letter{color:var(--ink);font-weight:500}.change-preview__mark{background:var(--bronze);border-radius:1px;width:62%;height:2px}.change-preview__mark.is-blank{background:0 0}