.checkpoint-bar{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 var(--sp-2) 0;width:100%}.checkpoint-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;min-height:38px;border-radius:var(--radius);border:var(--border-w) solid var(--border);background:var(--surface-raised);color:var(--text);font:700 var(--fs-sm) /1 var(--font-data);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.checkpoint-chip:hover{border-color:var(--accent-line);color:var(--text);transform:translateY(-1px)}.checkpoint-chip--active,.checkpoint-chip--active:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 20%,var(--surface-raised));color:var(--gold);font-weight:700}.checkpoint-chip__count{font:700 12px/1 var(--font-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--text) 16%,transparent);color:var(--text)}.checkpoint-chip--active .checkpoint-chip__count{background:var(--gold);color:var(--gold-contrast)}@media (prefers-reduced-motion:reduce){.checkpoint-chip{transition:none}}.checkpoint-context{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-md);width:100%;box-sizing:border-box;text-align:center}