:host { display: block; }
.hb-progress { display: flex; align-items: center; gap: var(--hb-spacing-xs); }
.hb-progress__bar { flex: 1; border-radius: 100px; background-color: var(--hb-color-fill); overflow: hidden; }
.hb-progress__bar-inner { height: 100%; border-radius: 100px; transition: width 0.3s ease; }
.hb-progress__text { font-size: var(--hb-font-size-sm); color: var(--hb-color-text-secondary); min-width: 36px; text-align: right; }
