.phb-root{width:100%;position:relative;overflow:visible}.phb-track{background:0 0;border-radius:2px;align-items:center;width:100%;height:10px;display:flex}.phb-filled{height:100%;transition:width var(--transition-normal);background:0 0;border-radius:2px;flex-shrink:0;display:flex;overflow:hidden}.phb-segment{cursor:pointer;min-width:4px;height:100%;transition:filter var(--transition-fast), transform var(--transition-fast);outline:none}.phb-segment:hover{filter:brightness(1.2)}.phb-segment:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px;z-index:1}.phb-tooltip{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);min-width:140px;color:var(--text-secondary);pointer-events:none;z-index:100;white-space:nowrap;padding:8px 12px;font-size:11px;line-height:1.5;position:absolute;bottom:16px;box-shadow:0 4px 12px #0000004d}.phb-tooltip-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.phb-tooltip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.phb-tooltip-label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.phb-tooltip-line{color:var(--text-secondary)}.phb-tooltip-pct{color:var(--text-tertiary)}