#app .dev-root .desk :is(.metric-projects, .metric-spending) {
  grid-template-rows: 16px minmax(0, 1fr);
  padding: 12px 16px !important;
}
#app .dev-root .desk .completion-card { grid-template-rows: 12px minmax(0, 1fr); }
#app .dev-root .desk :is(.metric-projects, .metric-spending) > .metric-foot,
#app .dev-root .desk .completion-card > small { display: none !important; }
#app .dev-root .desk :is(.metric-projects, .metric-spending) > .metric-odometer {
  font-size: min(var(--odometer-size, 80px), clamp(36px, 4.8vw, 80px)) !important;
}
#app .dev-root .desk :is(.metric-projects, .metric-spending, .completion-card) > .metric-odometer {
  gap: 6px;
}
#app .dev-root .desk .metric-odometer > .metric-unit,
#app .dev-root .desk :is(.metric-projects, .metric-spending, .completion-card) > strong:not(:has(.metric-unit))::after {
  display: inline-block; flex: 0 0 auto;
  font-size: .38em; line-height: 1; font-weight: 500; letter-spacing: 0;
  color: rgba(241, 247, 255, .9);
}
#app .dev-root .desk :is(.metric-projects, .completion-card) > strong:not(:has(.metric-unit))::after { content: '个'; }
#app .dev-root .desk .metric-spending > strong:not(:has(.metric-unit))::after { content: '元'; }